Colocar bordas no título da postagem

04 julho, 2009

Para você colocar bordas nos títulos das suas postagens faça o seguinte: Navbar, Personalizar, na aba Layout, clique em Editar HTML e procure por , .post h3{ .Use Ctrl+F para facilitar sua busca fazendo assim: copie o código .post h3 { , tecle ctrl+f, quando aparecer uma pequena janela, cole e clique em "enter".

Agora é só você adicionar os códigos "em vermelho" como no exemplo aí abaixo, Lembrando que as cores #hexadecimais ficará a sua escolha. Se quiser encontrar a sua cor, pesquise aqui: http://www.tayloredmktg.com/rgb/.
Na parte em verde, você pode colocar uma cor no background se assim desejar.


.post h3 {
border-top: 2px solid #a89ffe;
border-left: 2px solid #d301e0;
border-right: 2px solid #01e001;
border-bottom: 2px solid #e02b01;
background: #000000;
margin:.25em 0 0;
padding:0 0 0 8px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}


Para alterar o tipo, coloque na parte em azul, alguns dos exemplos aí abaixo. Vá testando, clicando em "Visualizar" até chegar a seu gosto.

Exemplos:

- dashed: borda tracejada
- dotted: borda pontilhada
- double: borda dupla
- solid: borda contínua
- groove: borda entalhada
- inset: borda em baixo relevo
- outset: borda em alto relevo
- ridge: borda em ressalto




Tutorial referente aos "templates mínina" do Blogger.





Postar um comentário

blog comments powered by Disqus
 
Tema para Blogger por :: BloggerSPhera :: Imagens, conteúdo, calibragens, etc... Por :: Burity ::