Cómo centrar las pestañas o
páginas en Blogger
PESTAÑAS
Las
pestañas de las páginas por
defecto salen a la izquierda, pero se pueden centrar para que queden así:
Tenemos que:
✎ Ir al Diseñador de Plantillas
✎ Avanzado
✎ Añadir CSS
Y copiar esto en la cajita:
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
Si ya tendéis un código ahí, así que lo único que tenéis que hacer es pulsar varios Intros entre uno y otro.
Es decir, si al poner el otro, teníamos que dar a Intro para que el cursor nos quedara justo debajo del }
Estando debajo ya, añadimos dos Intros más y copiamos este otro que os acabo de dar.
✎ Ir al Diseñador de Plantillas
✎ Avanzado
✎ Añadir CSS
Y copiar esto en la cajita:
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
Si ya tendéis un código ahí, así que lo único que tenéis que hacer es pulsar varios Intros entre uno y otro.
Es decir, si al poner el otro, teníamos que dar a Intro para que el cursor nos quedara justo debajo del }
Estando debajo ya, añadimos dos Intros más y copiamos este otro que os acabo de dar.
✎ Y pulsamos Intro
✎ Y cuando
el cursor nos queda justo debajo de }
Aplicar al blog
Cómo alinear a
la derecha las pestañas o páginas en Blogger
✎ Repetimos el mismo proceso de arriba...
✎ Pero en lugar de copiar ese código que os he dado antes, copiamos este otro
.PageList {text-align:right !important;}
.PageList li {display:inline !important; float:none !important;}
✎ Aplicamos al blog...
Y nos quedan alineadas a la derecha:
✎ Pero en lugar de copiar ese código que os he dado antes, copiamos este otro
.PageList {text-align:right !important;}
.PageList li {display:inline !important; float:none !important;}
✎ Aplicamos al blog...
Y nos quedan alineadas a la derecha:
No hay comentarios:
Publicar un comentario