Gabriela Leão // OFICIAL: Colocando bordas no seu blog

29 de jul. de 2012

Colocando bordas no seu blog

Tumblr_m7vtf338rl1ra2mv8o1_500_large


Um tutorial muito útil!

É só adicionar a seguinte opção no trecho do codigo que você deseja colocar borda:
border: 1px solid #000000;
Exemplo: Nos templates mínima a na maioria dos templates modificados, a coluna total da área de postagens é
#main-wrapper
Se quiser acrescentar uma borda na cor preta sobre a área total de post, você deverá acrescentar a borda em “main-wrapper”.


Ficará assim:

#main-wrapper {border: 1px solid #000000;}
Nos templates Designer de Modelo,o trecho referente a coluna total da área de postagens está representado por:
.main-outer
Ficará assim:
.main-outer {border: 1px solid #000000;}
Lembrando que:


1px -> medida da borda solid -> é o estilo da borda #000000 -> é a cor da borda
Você pode alterar esses elementos.


Estilos de bordas:


solid -> linha solida 
Dashed -> Borda tracejada 
dotted -> borda pontilhada 
ridget -> cumeinset -> inseridooutset -> outsetnone -> nenhuma


Você também pode inserir a borda apenas em determinado lugar:


border-right -> (Borda somente a direita) 
border-top -> (Borda somente no topo) 
border-left -> (Borda somente a esquerda) 
border-bottom -> (Borda somente na parte inferior)

2 comentários:

  1. Oi flor, Obrigada pela visita no meu blog, fiquei super feliz e amei o seu blog, principalmente a postagem, super legal e útil esse tutorial, estou seguindo.

    Bjuus ;*
    http://mundo-da-isabella.blogspot.com/

    ResponderExcluir