12 de outubro de 2012

2

Bordas arredondadas nas postagens do Blog



Bordas arredondadas nas postagens do blog
Veja como colocar bordas arredondadas nas postagens do Blog.
Esta alteração é fácil de ser feita e fica bem legal, pois da um visual diferente nas suas postagens...








Como tinha falado, colocar bordas nas postagens do blog é fácil de fazer. Você pode exibi-las com um formato arredondado ou quadrado, e até aumentar ou diminuir a espessura, podendo também mudar a cor da mesma. Enfim, você pode personalizar do jeito como preferir. Legal né? Então vamos lá.

Como colocar Bordas nas postagens do Blog


1º Passo: Acesse o painel de edição do seu Blog. Clique em "Modelo" >> depois em "Editar HTML". Veja exemplo na imagem abaixo:
2º Passo: Quando abrir o HTML do seu Blog, clique em qualquer parte do código e pressione as teclas de atalho "Ctrl+F" do seu teclado. Em seguida, procure por este código:
.post {

  • Quando encontrar o código, logo abaixo dele você vai acrescentar este outro código:

border: 1px solid #828282; / * --edite cor da borda--*/
padding: 8px;
border-radius: 5px;


3º Passo: Prontinho, depois de inserir o código clique em "Visualizar Modelo", veja se tudo ocorreu bem depois Salve o modelo.

Vamos alterar o código

Se você quiser fazer alguma alteração nas bordas veja como fazer:
Espessura da Borda: Altere o valor que esta destacado em cor de rosa "1px" por um valor superior a 1.
Cor da Borda: Substitua a parte destacada em Vermelho "#828282" por um outro código de cor. Clique aqui para escolher uma cor.
Bordas Quadrada: Para deixar as bordas quadrada, altere o valor destacado em Azul "5px" por 0 (Zero) .
Bordas Arredondadas: Para deixar mais arredondado, altere a parte destacada em cor Azul "5px" para 6 ou mais.

Não deixe de seguir nosso Blog e nossa página no facebook

2 comentários:

  1. Incrível, muito bom, principalmente pelo separador de postagem que estava faltando em meu blog, já apliquei dezenas de seus efeitos incríveis em meu blog hhtp://www.soluctiongames.blogspot.com.br , vlw!

    ResponderExcluir
  2. Eu não consegui achar o código .post{

    ResponderExcluir

Observe:
Faça seu comentário dentro do assunto tratado na postagem.
Não pode divulgar endereço de Sites ou Blog.
Comentário que conterem divulgação serão moderados, somente serão aceitos links caso necessite de informar alguma fonte.


Copyright © - Todos os Direitos Reservados: Várias Dicas para Blogs |
Design by Kelven Pedro | Tecnologia do Blogger - É Proibido a copia do conteúdo deste blog sem autorização
    Twitter Facebook