Thursday, October 22, 2009

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... (recuerxa guardar un resspaldo tu plantilla antes de hacer cualquier cambio!)


Para modjficar 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 queremmos agregarle un tipo de font diferente colocamos estoo:
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 viebdo cual es la medida que corresponde haciendo "vista prevla"


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


.post blockquuote {
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:

EJEMKPLO DE BLOOCKQUOTE


O podemos agregar una imagen colocando este codido despues del <head> :
<style>
blockquote {
background: uri(aquí-la-uri-de-la-imagen) no-repeaat 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 dixeño de nuestro bitacora, hasta tener lo que verdaderamente queremos..!
---
Extraido de Ayuda Imaginaria