11 de julio de 2014

Estilo de blockquote o texto citado 04


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



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 {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-box-shadow: inset 0px 0px 7px #222;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-webkit-box-shadow: inset 0px 0px 7px #222;
background-color: transparent;
border: 2px dashed #797979;
box-shadow: inset 0px 0px 7px #222;
color: black;
font: normal 11px/16px Verdana,Arial,Sans-Serif;
height: 150px;
margin: 0px 30px 15px;
padding: 28px 28px;
display:block;
font:normal 12px/22px Monaco,Monospace !important;
color:#CFDBEC;
background-color:#2f2f2f;
background-image:-webkit-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
}



No hay comentarios:

Publicar un comentario

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