jueves, julio 31, 2014

Poner Signos Entre el Texto del Blockquote


Hola! Hoy vengo con este tutorial que seguro les va a gustar mucho! Es sobre poner signitos entre el texto del blockquote! Si no me entienden aqui una imagen guía:

Clic para verla en tamaño original...




Este truquito se aplicará a todos los blockquotes que tengas en tu blog, o sea los que has usado en tus entradas o gadgets para poner algún código, cosa importante, etc.

Primero copiamos el siguiente código y lo pegamos justo arriba del código del blockquote, o sino arriba de </style>


blockquote:before {content: "ICONO 1"; font-family: Georgia;color:#FED2DB;line-height:0px;font-size:25px;vertical-align:middle;} blockquote:after {content: "ICONO 2"; font-family: Georgia;color:#FED2DB;line-height:0px;font-size:25px;vertical-align:middle;}


ICONO 1: Ahi pones el signito o iconito que quieras, como ♚ o ♥, o puedes poner un textito o muchos iconos xD es el que aparecerá al inicio del blockquote

25 px (1): Tamaño del icono 1

ICONO 2: Es el iconito o los iconitos, que aparcerá/n al final del blockquote ^^

25 px (2): Tamaño del icono 2


Espero que les haya gustado este tuto!! :3


Si tienes alguna duda o problema,
comenta en esta entrada ^^

No hay comentarios:

Publicar un comentario