Hoje vou ensinar à vocês a adicionarem bordas em seu blog, existem vários tipos, se você souber personalizar pode ficar lindo no seu bloguinho
Um exemplo de borda a mais simples e comum. Solid
border: 1px solid #000000
Em azul a expessura da borda, em verde o modelo em roxo a cor.
Abaixo segue outros modelos de bordas com expessuras e cores alteraveis.
border: 2px dotted #000000
border: 2px dashed #000000
border: 4px double #000000
border: 2px groove #000000
border: 2px ridge #000000
border: 2px inset #000000
border: 2px outset #000000
Escolha a borda que você quiser caso queira colocar em HTML/JavaScript,
para colocar em postagens e gadgets, coloque:
<div style="border: 4px double #000000;">COLOQUE AQUI O QUE QUISER<div>
Esse é o código para colocar a borda em todos os lados.
Agora tem formas de colocar apenas em um lado essa é a melhor parte.
Agora tem formas de colocar apenas em um lado essa é a melhor parte.
top: para cima bottom: para baixo
right: direita left: esquerda
Um exemplo de como ficaria o código com uma borda apenas para cima (top):
<div style="border-top: 4px double #000000;">
coloque um traço depois de border e o lado que você escolheu.
Agora se você quiser colocar no designer de seu blog. Design > Editar HTML > esse
é o código para colocar em alguma parte de seu blog, pelo html dele, css e qualquer
parte de /* exemplo: /* posts , /* headings , /* header, etc ..
parte de /* exemplo: /* posts , /* headings , /* header, etc ..
border-top: 4px double #000000;para colocar a borda em todos os ladosborder: 4px double #000000;
e não esqueça de colocar sempre dentro das chaves quando for no html do
seu blog.
seu blog.
Exemplo: se você fosse colocar nos links:
a:link {
text-decoration:none;
color: $(link.color);
border: 4px double #000000;
}
então é isso gente,lembrando que esse tutorial pertence ao blog Material extra, visite!
amei a dica *__*
ResponderExcluirHey
ResponderExcluirPassa lá no gpurple, o design ta novinho, e
tem post exclusiva.
http://gpurple.blogspot.com
kisses ...