Blockquote

Bloques llamativos en los post (entradas) para las citas o para destacar algun texto importante....

Para poder usar estos blockquote necesitamos ir a la platilla de html de nuestro blog y buscar la siguiente linea...


.post img {aqui van codigos...
que seran distintos para cada blog }


Despues iria cualquiera tipo de estos blockquote...

1.

Ejemplo:



Codigo:

.post blockquote {
border-top: 1px solid #FF82AB;
border-left: 1px solid #FF82AB;
border-right: 2px solid #FF82AB;
border-bottom: 2px solid #FF82AB;
background: #ffffff;
margin: 6px 20px 6px 20px;
padding: 8px 8px 8px 8px;
font-size: 1em;
font-style:italic;
line-height:1.4em;
}

2.

Ejemplo:



Codigo:

.post blockquote {
border:1px dashed #DC143C;
background: #EEE0E5;
margin: 6px 10px 6px 10px;
padding: 8px 8px 8px 8px;
font-size: 1em;
font-style:italic;
line-height:1.4em;
}

3.

Ejemplo:



Codigo:

.post blockquote {
color:#EE9A00;
border:5px dotted #000000;
background: #ffffff;
margin: 6px 6px 6px 6px;
padding: 8px 8px 8px 8px;
font-size: 1em;
line-height:1.4em;
}

4.

Ejemplo:



Codigo:

.post blockquote {
color:#00CED1;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background: #ffffff;
margin: 6px 0px 6px 0px;
padding: 8px 8px 8px 8px;
font-size: 1em;
line-height:1.4em;
}

Ahora para utilizar estos blockquote en las entradas se necesita este codigo

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