7 de marzo de 2014

Estilo de blockquote o texto citado 01


El blockquote o texto citado se usa para resaltar partes de texto sea frase o código que sean de importancia.

La forma de usarlo es encerrando el texto que quieres citar entre <blockquote> y </blockquote> o usando el icono que se encuentra en el editor de entradas.

Para personalizarlo nos vamos a PlantillaEditar HTML  y buscamos:

blockquote {
..............
..............
..............
}
Para añadir el blockquote, solo tienes que eliminarlo y sustituir el código que daré.


Para añadir el blockquote sin entrar en el HTML


Ir a Diseñador de plantillas ► Avanzado ► Añadir CSS ► pega el código CSS, luego► Aplicar al blog.





/*blockquote
---------------*/
blockquote {
background: url(https://lh4.googleusercontent.com/-jdwF2UtIdNY/VFw3Zf9G8JI/AAAAAAAAG-E/_nfdwUAi-N8/h120/quote.png)
no-repeat;
margin: 20px;
color: #666;
border-bottom: 1px solid #e8e8e8;
background-color: #f9f9f9;
padding: 20px 0px 9px 30px;
color: #000;
margin-left: 10px;
margin-top: -9px;
width: 520px;
-webkit-border-radius: 6px; border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
font-style: italic;
line-height: 30px;
padding-right: 20px;
}







No hay comentarios:

Publicar un comentario

Diseño por Blogger Sin Escalones Con la tecnología de Blogger.