Comunidad de diseño web y desarrollo en internet online

Agregar fondo a un cabezal y cuerpo de la pagina

Citar            
MensajeEscrito el 19 Feb 2014 08:42 pm
Hola a todos.
Nunca entro a este foro y esta va a ser mi unica aparición aqui.
Me hice voluntario a hacer una página para una organización que no tiene muchos ingresos, y como no se mucho de diseño web (mas que haber jugado un poco con una página gratuita), me encontré con un problema que necesito solucionar.

Entiendo como funciona CSS y HTML pero no soy experto como para decir "ACA hay que cambiar algo" y por eso no se que es lo que tengo que hacer para colocar un fondo en la plantilla prediseñada que estoy utilizando. Quiero insertar un fondo al cabezal todo a lo largo en donde esta el título de la organizacion y si se puede tambien en el fondo de la pagina, contra la izquierda y derecha algunos colores del arcoíris, por ser la página que va a ser.

Aca esta el diseño:
http://www.mediafire.com/download/rt3wsj3w66n5kbi/news-magazine_v2.rar

Alguien podría pasarme el código y decirme donde colocarlo para poder hacer eso? He probado ya muchas formas distintas, desde el CSS con background-image y mas y nunca pude hacer que quedara, es mas, no cambia nada, por eso es que creo que no lo estoy haciendo en el lugar correcto.

Si alguien encuentra la forma porfavor expliqueme bien como hacerlo.
Gracias de antemano.

Por Torqus

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 21 Feb 2014 04:45 pm
Bueno, la verdad que con tu párrafo de entrada, haz matado toda posibilidad de respuesta, jeje. Esto es una comunidad de mutua ayuda y si nos decis que venis solo para esto y te vas, bueno, ya sabes que tipo de respuestas vas a obtener. Te lo digo como consejo no cómo crítica ;)

Mirá, enseñarte sería complicado y más aún darte directrices que quizás no vas a entender. Sin embargo tratá de hacer esto:

1. En la hoja de estilos "layaout.css" buscá la regla que dice esto:

Código CSS :

body{
   margin:0;
   padding:0;
   font-size:13px;
   font-family:Georgia, "Times New Roman", Times, serif;
   color:#666666;
}


Mi sugerencia es que hagas, la imagen de fondo que queres y se la apliques al body así:

Código CSS :

body{
   margin:0;
   padding:0;
   font-size:13px;
   font-family:Georgia, "Times New Roman", Times, serif;
   color:#666666;
   background:url(ruta/imagen-de-fondo.jpg) no-repeat center top;
}


Lo que tienes que agregar es la última línea "background:url(ruta/imagen-de-fondo.jpg) no-repeat center top;". Eso podría servirte, más de eso sería hacer el trabajo por vos, y aquí te enseñamos a pescar, más no te damos los pescados (un dicho algo teológico, pero nada, no encontré otra asociación).

Suerte y espero haber sido de ayuda!

Por jap_solo

21 de clabLevel



Genero:Masculino  

Maquetador Docente Web

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.