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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8d6U2cT_ZmNQzok9OtbSANwlFPC35hV7SEOzfno7vNxJRlhQh8BQmegOVGnRJ9c5aM_WQRnQyjKtsbmtkHCtIOcVmAlnpJz0Sj5FQlMSy8IaZAUbtEn4W9WLjLZiPtcw62YwdKSD_VgU/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...