Página 1 de 1
Poner más de una imagen de fondo.
Publicado: 10 Sep 2011, 20:45
por zyxer
Saludos!!!!
bueno, tengo que salir así que voy directo al punto. Quiero poner imagen de fondo de mi a foro, el asunto es que quiero hacer lo clásico, poner una imagen al fondo del Head, otra al Body y otra al pié de página, pero no se como. what should i do?
Re: Poner más de una imagen de fondo.
Publicado: 11 Sep 2011, 05:02
por zyxer
Bueno, por estar andando deprisa no sé si me expliqué bien (que es lo que creo, porque no pienso que sea dificil y nadie ma ha respondido) Lo que quiero es que mi página luzca algo como esta.
http://www.phpbb.com/ si se fijan, dentro del wrap tien una imagen que es la que le da ese toque a los bordes. Y la que está arriba es diferente a la que está a lo largo del Body, eso es todo lo que quiero. (aunque no con imagenes, identicas) pero esa es la idea.
Re: Poner más de una imagen de fondo.
Publicado: 11 Sep 2011, 07:51
por DaVidU
Eso es que con las prisas no has visto este tema....
http://www.phpbb-es.com/foro/soporte-pl ... 14484.html
PD: Si no contestamos es porque tenemos vida privada como todos
Re: Poner más de una imagen de fondo.
Publicado: 11 Sep 2011, 14:52
por zyxer
Uy!
No sé si es el hecho de que estén todas las indicaciones dentro de un el cuadro de código, o si es que sencillamente soy un....
... Pero no logré entender mucho ese tutorial.
De lo poco que pude entender, pienso que están las intrucciones para reducir el tamaño de del foro (que ya lo he hecho), redondear las esquinas (que también ya lo tengo hecho) y no sé que más.. Al punto: no logro identificar el lugar donde se cambian las imagenes del fondo.
P.D1: Tal vez no revisé ese tema, pero no fue por culpa de la prisa, porque tenía prisa para escribir el mensaje pero había buscado con calma.
P.D2: Con lo de que si no responden tal vez se deba a que tienen una vida privada...
bueno... tienes razón. My fault.
Re: Poner más de una imagen de fondo.
Publicado: 14 Sep 2011, 19:21
por DaVidU
ahora lo que has echo siguiendo el tutorial es ponerle esquinas redondas al foro, tan solo te queda ponerle un fondo de pantalla, si lo que querías eran 3 imágenes y el fondo por otro lado(header, content, footer y fondo) para ello se ha de cambiar toda la estructura del foro
para añadir un fondo de pantalla debes hacerlo en esta etiqueta del archivo colours.css
Código: Seleccionar todo
iconicon/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body {
color: #536482;
/* background-color: #747474; */
background-color: #0C2B64;
}
por cierto, borra lo de "iconicon" que eso sobra
Re: Poner más de una imagen de fondo.
Publicado: 14 Sep 2011, 20:49
por zyxer
ok, en esa etiqueta, pero que es lo que tengo que poner en ella? es que no sé absolutamente nada de CSS.. lo siento
Re: Poner más de una imagen de fondo.
Publicado: 16 Sep 2011, 06:26
por DaVidU
Pues lo primero de todo a saber es que tipo de fondo te gustaría poner, uno sólido, degradado, fondo con imágenes (fondo de pantalla cualquiera), etc
dime como lo quieres o te gustaría y añadimos el css, enséñame el fondo que quieres usar y seguimos
Re: Poner más de una imagen de fondo.
Publicado: 16 Sep 2011, 15:37
por zyxer
Bueno... hice una imagen en photoshop de más o menos como me gustaría que quede. tiene una imagen de fondo y el wrap blanco está medio transparente.
Re: Poner más de una imagen de fondo.
Publicado: 17 Sep 2011, 13:33
por DaVidU
tan solo te queda agregar la imágen de fondo de esta manera, busca esto en tu archivo colours.css
Código: Seleccionar todo
html, body {
color: #536482;
/* background-color: #747474; */
background-color: #0C2B64;
}
reemplaza por esto otro:
Código: Seleccionar todo
html, body {
color: #536482;
background-color: #0C2B64;
background-position: top center;
background-attachment: fixed;
background-image: url("{T_THEME_PATH}/images/[b][color=#008000]tu_imagen.gif/png/jpeg[/color][/b]");
}
lógicamente debes subir la imágen de fondo a la carpeta theme/images/
tu_imagen.gif/png/jpeg
actualiza el tema, limpia el cache y refresca el navegador para ver los cambios