Personalizar los bloques entrecomillados

No hay comentarios.
Los bloques entrecomillados se usan para hacer una cita textual, es decir, repetir un fragmento dicho con anterioridad.
La forma de usarlo es encerrando el texto entre <blockquote> y </blockquote> o usando el ícono de entrecomillado que se encuentra en el editor de entradas comillas
Para personalizar estos bloques entrecomillados entra en Diseño > Edición de HTML y busca esto:

blockquote {
..............
..............
..............
}

Y sustitúyelo por esto:

blockquote {
background: #A9F5D0 url(http://2.bp.blogspot.com/_qgZA1ny_dAs/Sw66TNQV5hI/AAAAAAAADK4/lALxQAkmQF0/s200/blockquote.png) top left no-repeat;
margin: 10px 15px 3px 3px;
padding: 5px 15px 10px 32px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
font-style: italic;
}

El resultado será este:


bloque entrecomillado

Si lo prefieres puedes darle un aspecto más moderno para que se vea como este:

bloque entrecomillado

Para que se vea así, usa este código:
blockquote {
margin: 10px 15px 3px 3px;
padding: 5px 15px 10px 15px;
border-left: 5px solid #FF8000;
font-style: italic;
}

Es posible que en algunas plantillas no empiece el código como
blockquote {
sino como
.post blockquote {
y tal vez en otras no esté ninguno de los dos, si es así sólo agrégalo y listo.

No hay comentarios. :

Publicar un comentario

Antes de comentar recuerda:
► No se permite realizar publicidades a otras páginas.
► No se permite el uso de vocabulario inapropiado.
► Se lo más especifico posible.
► Si su comentario es una pregunta por favor sea paciente y será respondida dentro de las 24 horas por fedeemen o cualquier otro usuario.

Códigos para utilizar:
► Para insertar un enlace, utiliza la etiqueta: <a href="URL">TITULO</a>
► Para insertar un código, utilice la etiqueta: <i rel="pre">CÓDIGO</i>
► Para insertar una imagen, utilice la etiqueta: <i rel="image">URL</i>
► Para insertar un título, utilice la etiqueta: <b rel="h3">TEXTO</b>
► Para insertar una nota, utilice la etiqueta: <b rel="quote">TEXTO</b>
► Para insertar texto en negrita, utilice la etiqueta: <b>TEXTO</b>
► Para insertar texto en cursiva, utilice esta etiqueta: <i>TEXTO</i>

¿De quien es esta página?:
► Sluntamy fue creado el 25 de enero de 2010 por fedeemen y actualmente es administrado únicamente por el.