Plantilla Scribe, cambiar las barras (dividers)
Vamos cambiar la barra que hay debajo de la cabecera y en el pie, de la plantilla Scribe de Blogger.
Antes de nada elegimos la imagen, que será una barra tipo a la que viene por defecto en la plantilla, procuraremos que de ancho tenga 700px máximo, que es el ancho que admite esa plantilla si no ha sido modificada previamente.
Buscamos esta parte en el CSS de nuestra plantilla, reeplazamos la url de la barra por la de nuestra divider, lo que hará que nuestra divider se vea debajo del título de nuestro blog:
#header {
background:url("URL DE NUESTRA BARRA") no-repeat bottom left;
}
A continuación hemos de cambiar la url en esta otra parte (el pie del blog):
#footer {
clear:both;
background:url("URL DE NUESTRA BARRA") no-repeat top left;
Si la barra elegida es más ancha que la anterior, probablemente se verá cortada, para evitarlo añadimos: height:50px; cambiando el 50 por el ancho en pixeles de nuestra barra.
Quedaría así (lo mismo en la cabecera que en el pie del blog):
#footer {
clear:both;
background:url("URL DE NUESTRA BARRA") no-repeat top left;
height:50px;
¿Fácil no? ;-)
9 comentarios:
Fácil,fácil si encuentro alguno que me guste lo cambiare, gracias por el consejo
la verdad es que sí que lo es. Oye,ya que hablas de cabeceras... como se hace para poner los botones de acceso que tienes tú? ya sabes el que pone inicio, trucos blog...
Hola novia, puedes verlo aquí:
http://elescaparatederosa.blogspot.com/2007/04/men-horizontal-para-el-blog.html
vamos pa´llá Gracias miles
Hola Rosa, he intentado hacer esto que es muy fácil y la imagen no se ve, ¿tiene que ser una barra ya hecha?
Un saludo.
Amazona Blanca , ¿una barra ya hecha? no entiendo...
¿A donde has subido la imagen? Si ha sido a ImageShack, tal vez el problema sea este:
http://elescaparatederosa.blogspot.com/2008/10/usando-la-url-correcta-en-imageshack.html
hola, yo uso la plaqntilla scribe y ya cambie esa linea, pero quiero cambiar la linea marron que divide a cada entrada y no me sale
Equipo Esa línea está incluida en el CSS, en esta parte:
.post-footer {
font-family: Verdana, sans-serif;
font-size:74%;
border-top:1px solid #BFB186;
padding-top:6px;
}
Tendrás que colocar 0px en lugar de 1px en la línea del border, con esto eliminas esa línea.
gracias
Publicar un comentario
Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).
Los comentarios están siendo moderados.
Comentar con el formulario antiguo