27 de diciembre de 2014

Estilo de blockquote o texto citado 08


El blockquote o texto citado se usa para resaltar partes de texto (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 añadir el blockquote sin entrar en el HTML


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

blockquote{
color: #333;
font-family:'Courier New', Courier, monospace;
font-size: 16px;
line-height: 20px;
margin: 1.5em 2em; padding: 1em;
quotes: none;
vertical-align: baseline;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr70MPSOSkZjZ34FGdvPAnB1Av-_2FKIV0AP8Z4Xo5uscJ_9jpq0itCdce9fcv3tPiLtnFREeejay2xI3vBJEmKzDWXhtCEUAy6gDNjCt-lkwCb8dsQqPpB7tO9FNK1m7PbnLq6hIMnrzf/w20-h20-p/magnifying-glass-transparent-png-md.png) 600px 10px  no-repeat #cfe7d1;
-webkit-box-shadow: rgb(136, 136, 136) 0px 8px 10px -7px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-color: rgb(168, 168, 168);
border-style: solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}




No hay comentarios:

Publicar un comentario

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