Avisos
Vaciar todo

imagen se repite

12 Respuestas
2 Usuarios
0 Reactions
3,505 Visitas
Respuestas: 52
Trusted Member
Topic starter
 

amigos les comento que tratando de cambiar el fondo de la pagina ingrese a "layout.css" pero no se que cambie que ahora en mi web se repite el banner de arriba en la parte de abajo, gracias por su ayuda. www.elmundodelasmanualidades.com.gt


 
Respondido : 04/11/2010 3:51 am
Leonel Cantón
Respuestas: 166
Estimable Member
 

Hola pirry30

Te recomiendo que instales y utilices Firebug, ya que estos cambios se resuelven muy fácilmente con esta herramienta

En red.css

#page-body {
background-image:url("../../images/variations/red/page_bg_t.png");
background-repeat:no-repeat;
}
 

Saludos,

Leonel


 
Respondido : 04/11/2010 3:51 pm
Respuestas: 52
Trusted Member
Topic starter
 

esto fue lo que trate de cambiar no se si tiene algo malo para que se repita en la parte de abajo de mi pagina

body.yoopage { background: #2465B5; }
#page-body { background: #FAFAFA; url(../images/page_bg_t.png);0 0 repeat; }

#page-footer {
              padding-top:15px;
height: 400px;
	background: url(../images/page_bg_b.png); 0 0 repeat-x; }
.wrapper-body { padding: 0px 70px 0px 70px; }

me pueden ayudar gracias


 
Respondido : 04/11/2010 5:10 pm
Leonel Cantón
Respuestas: 166
Estimable Member
 

Hola pirry30

Tu código esta diciendo que repita dicha imagen.

#page-body { background: #FAFAFA; url(../images/page_bg_t.png);0 0 repeat; } 

cambialo por

#page-body { background: #FAFAFA; url(../images/page_bg_t.png);0 0 no-repeat; } 

Saludos,

Leonel


 
Respondido : 04/11/2010 5:14 pm
Respuestas: 52
Trusted Member
Topic starter
 

me ayudan porfacor ya hice algunos cambios pero la imagen sigue duplicada:

body.yoopage { background: #2465B5; }
#page-body { background: #FAFAFA; url(../images/page_bg_t.png));0 0 no-repeat-x; }
#page-footer {
padding-top:15px;
height: 400px;
background: url(../images/page_bg_b.png); 0 0 no-repeat-x; }
.wrapper-body { padding: 0px 70px 0px 70px; }

mi pag es www.elmundodelasmanualidades.comgt

Gracias


 
Respondido : 04/11/2010 7:18 pm
Leonel Cantón
Respuestas: 166
Estimable Member
 

Hola pirry30

En el código tienes no-repeat-x y solamente es no-repeat (sin la -x al final)

Saludos,

Leonel


 
Respondido : 04/11/2010 7:36 pm
Respuestas: 52
Trusted Member
Topic starter
 

Ya lo cambie ahora esta si:
pero en la pagina sigue lo mismo ayudame porfavor

body.yoopage { background: #2465B5; }
#page-body { background: #FAFAFA; url(../images/page_bg_t.png));no-repeat; }
#page-footer {
padding-top:15px;
height: 400px;
background: url(../images/page_bg_b.png);no-repeat; }
.wrapper-body { padding: 0px 70px 0px 70px; }


 
Respondido : 04/11/2010 9:55 pm
Leonel Cantón
Respuestas: 166
Estimable Member
 

Hola pirry30

Revisando el código de la plantilla y el del que se muestra en Firebug (tiempo de ejecución) se ven diferencia en particular que en el firebug sigue apareciendo solo repeat en lugar de no-repeat

Prueba con

background-repeat:no-repeat;

es decir agregando background-repeat:

Saludos,

Leonel


 
Respondido : 04/11/2010 10:11 pm
Respuestas: 52
Trusted Member
Topic starter
 

ya resolvi el problema muchas gracias y ahora tengo el fondo rojo que trae por defaul la pagina ese colo se lo puedo cambiar???


 
Respondido : 04/11/2010 10:21 pm
Leonel Cantón
Respuestas: 166
Estimable Member
 

Hola pirry30 ,

Te vuelvo a recomendar que instales Firebug, estos pequeños cambios se vuelven mucho mas fáciles con esta herramienta.

En el archivo red.css

body.yoopage {
background:none repeat scroll 0 0 #B01F0E;
}

Saludos,

Leonel


 
Respondido : 04/11/2010 10:32 pm
Respuestas: 52
Trusted Member
Topic starter
 

cual es la ruta de acceso para llegar ahi? Gracias


 
Respondido : 04/11/2010 10:59 pm
Respuestas: 52
Trusted Member
Topic starter
 

Gracias por tu ayuda ya lo tengo.


 
Respondido : 04/11/2010 11:08 pm