Ps si miras el código css que tienen, o una parte en donde declaran el fondo del body
Código CSS:
Ver original*{margin:auto;}
body { font:13px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#000;
margin:auto;
background:#353350 url(fondo-pagina.jpg) repeat-x;
text-align:justify;}
la parte interesante es la del background
Código CSS:
Ver originalbackground:#353350 url(fondo-pagina.jpg) repeat-x;
y así es como pones una imagen de fondo sin que tengas que utilizar etiquetas como img o divs con position: absolute. Por otro lado una parte del fondo está añadida.. por que si es una imagen insertada con una etiqueta img, pero no creo que eso importe.
además parte de sus efectos, se los deben a utilizar una librería como prototype y su complemento para interfaces de usuario que es el scriptaculous, además del lightbox y otros trucos más. Otra forma para saber si una imagen es o no un fondo establecido con css, es intentar arrastrarla,.. ya sabes, dando click sostenido y moviendo el mouse, si la imagen se puede arrastrar, está incrustada con una etiqueta normal img, y si no, es por que está siendo mostrada con la propiedad background-image. El hecho que utilicen solo el atributo background para declarar varias propiedades, se debe a que muchos atributos de css permiten una versión shorthand, o corta... ;).
mira parte del código que tienen.. esto lo hago solo como una referencia para que estudies, no para que lo utilices, ya que si haces esto, no aprendes que es lo más importante y estarás robando el trabajo de otra persona... utilízalo solo como una guía de estudio.
Código HTML:
Ver original<link rel="stylesheet" type="text/css" href="imagenes/estilo.css"/> <link rel="stylesheet" type="text/css" href="lightbox/lightbox.css" /> <script type="text/javascript" src="lightbox/prototype.js"></script> <script type="text/javascript" src="lightbox/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="lightbox/lightbox.js"></script>
Lightbox:
Version 2
Utiliza toda esta info para mejorar tu comprendimiento de la web y tus diseños
exitos