sábado, 7 de abril de 2012

Como destacar frases no blog



Com este código você poderá fazer citações ou simplesmente dar destaque a frases que você queira.

Para fazer isso, vamos em Design > Editar Html, pressionamos Ctrl + F e procuramos por :

blockquote {
..............
..............
..............
}

E substiuímos por:

 blockquote {
background: #A9F5D0 url(http://2.bp.blogspot.com/_qgZA1ny_dAs/Sw66TNQV5hI/AAAAAAAADK4/lALxQAkmQF0/s200/blockquote.png) top left no-repeat;
margin: 10px 15px 3px 3px;
padding: 5px 15px 10px 32px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
font-style: italic;
}


Salve. Quando for fazer a postagem, basta clicar antes da frase que se deseja destacar e clicar no botão de citação comillas. 


O resultado será esse:
Se A é o sucesso, então A é igual a X mais Y mais Z. O trabalho é X; Y é o lazer; e Z é manter a boca fechada.

Se preferir outro estilo como esse:


Use este código:

blockquote {
margin: 10px 15px 3px 3px;
padding: 5px 15px 10px 15px;
border-left: 5px solid #FF8000;
font-style: italic;
}


Caso não encontre o código:
 blockquote {


Procure por:
.post blockquote {

0 comentários:

Artigos Relacionados

Related Posts Plugin for WordPress, Blogger...