quarta-feira, 4 de abril de 2012

Dando estilo ao blockquote no novo Blogger

O novo modelo do Blogger não vem mais como código para que personalize o blockquote.

Mas o que é blockquote?

blockquote é o destaque que se dá a alguma parte do texto. Isso é feito no editor de texto do blog (onde você escreve)
 
Apresento aqui alguns estilos de blockquote  feitos com CSS.





Para colocar o estilo mostrado acima de blockquote procure por  




]]></b:skin>




Acima dele, cole o código abaixo:
.post blockquote {
max-height: 400px;
width:450px;
margin-top:10px;
margin-bottom:10px;
margin-left:35px;
border-left:5px solid #dadada;
border-top:1px solid #dadada;
border-bottom:1px solid #dadada;
border-right:1px solid #dadada;
overflow:auto;
background:#fff url(https://lh5.googleusercontent.com/-f5pQL971Jg4/TYaSXKTKggI/AAAAAAAAAek/aReaOraSA2I/s1600/%2528PNG+Imagen%252C+10x10+pixels%2529.png) repeat;
padding:10px 10px 10px 15px;
}





Para colocar o estilo mostrado acima, procure por:


 ]]></b:skin>
 
Acima dele, cole o código abaixo:
 
.post blockquote {
max-height: 400px;
width:450px;
margin-top:10px;
margin-bottom:10px;
margin-left:35px;
border-left:5px solid #dadada;
border-top:1px solid #dadada;
border-bottom:1px solid #dadada;
border-right:1px solid #dadada;
overflow:auto;
background:#fff urlrepeat;
padding:10px 10px 10px 15px;
}

Estes são só alguns exemplos das múltiplas formas de estilos que se pode acrescentar a blockquote, se você quiser acrescentar seu próprio estilo procure pela seguinte URL no primeiro código e troque pela URL da sua imagem.

https://lh5.googleusercontent.com/-f5pQL971Jg4/TYaSXKTKggI/AAAAAAAAAek/aReaOraSA2I/s1600/%2528PNG+Imagen%252C+10x10+pixels%2529.png

Espero que você goste e esse tutorial lhe seja útil.

0 comentários em “Dando estilo ao blockquote no novo Blogger”

Postar um comentário

 

Blogger templates Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger