7 de junio de 2014

Estilo de blockquote o texto citado 03


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-color: white;
font-family: Lato, Helvetica, Arial;
font-size: 17px;
line-height: 20px;
background: url(https://lh6.googleusercontent.com/-ETD3mj3wROg/VFw-cY-w2pI/AAAAAAAAG_A/-I28aqf8Dao/h30/quotel%2Bined.png) 0px 0px repeat-y scroll rgb(255, 255, 255);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid rgb(220, 220, 220);
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 30px inset, rgba(0, 0, 0, 0.2) 1px 1px 3px;
color: #333333;
padding: 15px 0px 15px 42px;
white-space: pre-wrap;
width: 400px;
word-spacing: 5px;
word-wrap: break-word;
}



No hay comentarios:

Publicar un comentario

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