10 de fev. de 2013

Personalizar sua blockquote

                    
Olá pessoal , como vai a vida ? rs'
Bem , hoje eu vim ensinar a personalizar a blockquote , ok ?
Blockquote é isso
O modelo é essa :
 
Vamos personalizar a sua ?
Vá em Painel > Modelo > Editar HTML > Crtl + F e digite :
]]></b:skin>
 E antes dessa tag , cole :
blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/
}
Entendendo os códigos :
#c9c9c9 é a corda borda
#efefef é a cor do fundo
11px é o tamanho da fonte que fica dentro da blockquote
#333333 é a cor da fonte 
É só isso !
Créditos ao Mrs . Nighshade

Nenhum comentário: