9

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? ;-)

Entradas Relacionadas:

9 comentarios:


Chema

Fácil,fácil si encuentro alguno que me guste lo cambiare, gracias por el consejo

Anónimo

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...

Anónimo

Hola novia, puedes verlo aquí:
http://elescaparatederosa.blogspot.com/2007/04/men-horizontal-para-el-blog.html

Anónimo

vamos pa´llá Gracias miles

Amazona Blanca

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.

Anónimo

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

Equipo Reactivados

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

Anónimo

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.

Equipo Reactivados

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.

:) :(( :( :P :D :$ ;) :I :X :O |O :S