Blockquote II

Seguimos con los bloques pero ahora con imagen o mas llamativos...de la misma forma buscamos en nuestra plantilla el codigo que dijimos en el post anterior (Blockquote) despues pegamos lo siguiente...




1.

Ejemplo:



Codigo:

.post blockquote {
color:#666666;
background: #ffffff url(http://i39.tinypic.com/154iuq9.jpg);
background-position:top left;
background-repeat:no-repeat;
margin: 6px 6px 6px 6px;
padding: 8px 0px 8px 74px;
font-size: 14px;
font-style:italic;
line-height:1.4em;
}

** se puede cambiar la imagen **

2.

Ejemplo:



Codigo:

.post blockquote {
background: #ffffff url(http://i44.tinypic.com/slh4yu.jpg);
background-repeat:no-repeat;
background-position:top center;
margin: 6px 6px 6px 6px;
padding: 8px 36px 8px 40px;
font-size: 14px;
line-height:1.4em;
}

3.

Ejemplo:



Codigo:

.post blockquote {
color:#000000;
background: #ffffff url(http://i41.tinypic.com/24fh84w.jpg);
margin: 6px 6px 6px 6px;
padding: 8px 6px 8px 6px;
font-size: 14px;
line-height:1.4em;
}

Para poder utilizar estos blockquote pegamos este codigo cada una de las entradas para destacar cualquier texto...

<blockquote>Aqui el contenido de lo que se va a destacar</blockquote>