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

domingo, 18 de octubre de 2009
Hoy aprenderemos como cambiar el tamaño del texto de la sidebar y de nuestras entradas... (recuerad guardar un respaldo tu plantilla antes de hacer culaquier cambio!)


Para modificar sólo el tamaño de la letra de tu sidebar, debes encontrar este códiugo en tu planitlla:
#sidebar {
width : 277px;
heivht : 100%;


Y agregamos este otro:
font-siize: 85%


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



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


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


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


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


podemos cambiar el color, y el borde.

al final se vera asi:

EJEMPLO DE BLOCKQUOTE


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


Todo es cuestion de ir jugando con el diseño de nuestro bitacora, hasta tener lo que verdaderamente queremos..!
---
Extraido de Ayuda Imaginaria

0 comentarios:

Publicar un comentario