| Los tìtulos de los posts se centran sencillamente encerrándolos entre las etiquetas <center> y </center>, pero algunos navegadores no interpretan las etiquetas en los títulos, y éstos, además de no quedar centrados, se muestran como texto plano junto con las etiquetas. Por eso es conveniente hacer los ajustes en la plantilla. - Vamos a Editar HTML:
| Diseño | ► | Plantilla | ► | Editar HTML | ► | Click dentro del editor | ► | Ctrl+f | ► | 
|
- Localizamos el siguiente código, poniendo dentro del rectángulo de búsqueda (Search) una línea del mismo:
.post h3 {
margin:0;
line-height:1.5em;
background:url("http://www2.blogblog.com/rounders/icon_arrow.gif") no-repeat 10px .5em;
display:block;
border:1px dotted $borderColor;
border-width:0 1px 1px;
padding-top:2px;
padding-$endSide:14px;
padding-bottom:2px;
padding-$startSide:29px;
color: $postTitleColor;
font: $postTitleFont;
}
- Al final del anterior código, antes de }, Agregamos la siguiente línea:
text-align:center;
Eso es todo. Nota: Este método funciona con algunas plantillas como Rounders. Con otras plantillas, como Mínima, debemos seguir el siguiente procedimiento, en el cual incluiremos, además, un fondo para el título del post: - Vamos a Edición de HTML:
| Diseño | ► | Plantilla | ► | Editar HTML | ► | Click dentro del editor | ► | Ctrl+f | ► |
|
- Localizamos el siguiente segmento, poniendo dentro del rectángulo de búsqueda (Search) una línea del mismo:
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
- Eliminamos el anterior segmento y en su lugar ponemos éste:
.post {
background:$bgcolorpost;
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post-title {
margin: 0;
padding: 10px;
text-align: center;
background-color: #194155;
font-size: 125%;
font-weight: bold;
line-height: 1.1em;
}
Las líneas resaltadas corresponden al fondo que le asignamos a los títulos de los posts, con su correspondiente color que, obviamente puede ser el que nosotros deseemos. Si preferimos los títulos sin fondo omitimos estas líneas.
Recordemos que Códigos de colores hexadecimales es una buena herramienta para asignar colores.
Para plantillas nuevas Para centrar los títulos de las entradas en las plantillas nuevas, vamos a Edición de HTML, localizamos el siguiente código (o uno parecido, debe tener la línea font: $(post.title.font);): h3.post-title, h4 { font: $(post.title.font); color: $(post.title.text.color); } ...y al final del mismo, antes de la llave de cierre, agregamos esta línea: text-align:center; |
7 comentarios :
Excelente la explicación. Apliqué este procedimiento y me funcionó a la perfección. Este blog me ha sido de mucha utilidad. Muchas gracias.
Saludos,
Doris.
Me quedó perfecto, he estado personalizando mi blog gracias a su ayuda.. Saludos.
Anacely: Gracias por su visita y felicitaciones por su excelente blog.
Saludos.
Enhorabuena por este blog,gracias a su ayuda estoy aprendiendo muchas cosas que antes no sabía.
Un saludo
Hola! he intenado varias veces centrar el titulo de las entradas de mi blog pero no funciona.. podrías ayudarme? Gracias
Laia: Si sigues la instrucciones tal y como se indica en el tutorial y no te funciona, puede deberse a la plantilla. Dime ¿Qué plantilla utilizas?
S3RGIO: Gracias por tu comentario.
Saludos.
Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.
El autor.