9 de noviembre de 2014

Estilo de blockquote o texto citado 05



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 Plantilla, Editar 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 plantillas1 Avanzado2 Añadir CSS 3 pega el código CSS, luego►4 Aplicar al blog.







/*blockquote
---------------*/
blockquote {
-webkit-transition: all 0.2s linear;
background: #F7F7F7;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: 1px solid #ACACAC;
clear: both; color: #666666;
font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;
font-size: 15px;
line-height: 22px;
margin: 10px 30px;
overflow: auto;
padding: 4px 10px;
transition: all 0.2s linear;
width: auto;
}






No hay comentarios:

Publicar un comentario

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