Quickribbon Ayuda imaginaria: Cambiar el tamaño del texto, del titulo de entradas y sidebar. Subir a Inicio

Cambiar el tamaño del texto, del titulo de entradas y sidebar.

Hoy aprenderemos como cambiar el tamaño del texto de la sidebar y de nuestras entradas... (recuerda guardar un respaldo tu plantilla antes de hacer cualquier cambio!)


Para modificar sólo el tamaño de la letra de tu sidebar, debes encontrar este código en tu plantilla:

#sidebar {
width : 277px;
height : 100%;


Y agregamos este otro:
font-size: 85%


si queremos agregarle un tipo de font diferente colocamos esto:
font: georgia;



Para el título de tus post, es justo aqui:
.post-title {


Y agregamos los iguiente:
font-size: 100%
ese 100% lo puedes modificar e ir viendo cual es la medida que corresponde haciendo "vista previa"


¿Aun quieres jugar?
Podemos añadir un blockquote el blockquote son las " COMILLAS " añadiendo lo siguiente en la sona de
.post-title {


.post blockquote {
color : #666;
margin : 0 30px 20px 30px;
padding : 0 0 0 10px;
border : 2px solid #fff;
border-left : 2px solid #a4a1a1;
}


podemos cambiar el color, y el borde.

al final se vera asi:

EJEMPLO DE BLOCKQUOTE


O podemos agregar una imagen colocando este codido despues del <head> :
<style>
blockquote {
background: url(aquí-la-url-de-la-imagen) no-repeat 0 5px;
color: #666;
padding-left: 20px;
font-style: italic;
margin-bottom: 1px;
display:block;
padding-top:7px;
}
</style>


Todo es cuestion de ir jugando con el diseño de nuestro blog, hasta tener lo que realmente queremos..!

2 comentarios:

Anónimo dijo...

muy bien mi chico...aunque algunos detalles parece que la mayoría los sabe, no es así...besitos!!!

Martin dijo...

Hola compañero, de verdad este post me ha servido unas 4 veces, porque me he topado con otros blog y nada que consigo lo que quiero, el tuyo si es el indicado, ya lo tengo en mis favoritos, Gracias!!

Te invito a visitar mi blog:
http://actualidadcristiana.blogspot.com