Foros del Web » Creando para Internet » CSS »

como se hace?

Estas en el tema de como se hace? en el foro de CSS en Foros del Web. buenas! solo tengo curiosidad como se hace el efecto de cierto tipo de paginas como esta http://www.pixelbaecker.de/ que es como si toda la pagina fuera ...
  #1 (permalink)  
Antiguo 02/12/2011, 21:54
Avatar de walterfcr  
Fecha de Ingreso: julio-2009
Ubicación: Costa Rica
Mensajes: 148
Antigüedad: 14 años, 9 meses
Puntos: 4
como se hace?

buenas!

solo tengo curiosidad como se hace el efecto de cierto tipo de paginas como esta http://www.pixelbaecker.de/ que es como si toda la pagina fuera el mismo background. no se si es con css o con javascript
  #2 (permalink)  
Antiguo 02/12/2011, 23:36
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: como se hace?

al menos en la página de inicio hay varios backgrounds puestos con css.

http://www.pixelbaecker.de/img/bg06.png
http://www.pixelbaecker.de/img/bg01.png
http://www.pixelbaecker.de/img/bg02.png
http://www.pixelbaecker.de/img/bg03.png
http://www.pixelbaecker.de/img/bg04.png
http://www.pixelbaecker.de/img/bg05.png
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 04/12/2011, 09:15
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: como se hace?

también te puede ser útil googlear por "firebug" y/o "httrack", ambas herramientas te ayudarán a estudiar el código de cualquier web.

Una vez tengas instalado alguna de estas herramientas, observa como se diferencian dos bloques: uno "las secciones" y otro "los fondos".
Las secciones estan por encima (#container > z-index:2) y los fondos por debajo (z-index:1) trabajados con posición absoluta .

Basicamente consiste en separar en bloques y trabajar con anclas (te vendrá bien usar este plugin o similar). Luego como conoces el alto (de un contenedor relativo o de body) colocas los fondos que quieras en absoluto (pues de este modo lo sacas de "flujo de documento" y puedes ponerlos donde quieras con top y left).

Espero te sirva de ayuda, saludos.

edito: PD:// trata de ser más expresivo con los títulos jaja

Última edición por cristian_cena; 04/12/2011 a las 09:22
  #4 (permalink)  
Antiguo 05/12/2011, 10:53
Avatar de walterfcr  
Fecha de Ingreso: julio-2009
Ubicación: Costa Rica
Mensajes: 148
Antigüedad: 14 años, 9 meses
Puntos: 4
Respuesta: como se hace?

gracias cristian, eso era lo que necesitaba saber!

Etiquetas: fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:10.