27 de set. de 2010

Como arredondar as bordas do template

Bem pessoal, muita gente deseja o Template do Blog, com bordas arredondadas, já que isto deixa o Blog com uma aparência "moderna", se comparado à Templates sem este "efeito". Realmente a diferença é grande!
Podemos fazer com que os nossos Templates fiquem com estas bordas arredondadas, bastando apenas, adicionarmos um pequeno código, em determinadas áreas do Html, que representam o local desejado do arredondamento.

O código é esse:

-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-goog-ms-border-radius:6px;


Atenção! Faça isto em um Blog de testes primeiro, e vá conferindo para ver se está tudo OK. Se sim, você poderá Aplicar isto em seu Blog.
Para aplicar o Efeito de bordas arredondadas, procure (Ctrl+F), por border”, e cole logo abaixo, ficando assim:

#blog-wrapper {
text-align:center;
position:relative;
width:980px;
background:$blogframeColor;
border:3px solid $blogBorderColor;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-goog-ms-border-radius:6px;

margin:0 auto 15px;
padding:7px;
}

Faça isso em todas as partes do template que você desejar que isso ocorra!

Fonte: Dicas Blogger

Gostou deste post? Então assine o feed deste blog ou se preferir receba todos os conteúdos Gratuitamente por email. Ah! O Blog está participando do ToPBlog! dá uma ajudinha aí!

2 Comentários:

Animandré disse...

Olá, Alex!

É mesmo, amigo! Quase que meu computador vai junto com a placa. Graças ao nosso Bom Deus, percebi o problema.

Com o tempo coloco outra placa.

Que bom que você gostou da dica.

Gostei do seu tutorial sobre cabeçalho com imagens em movimento.
Com o tempo vou utilizá-lo.

Muito obrigado, Alex!

Fique na graça de Deus em Cristo Jesus.

Alex Batista disse...

Olá Animandré! Obrigado pelo comentário!
Graças à Deus mesmo que seu PC não foi pro "Beleléu" (rs).
Fica na Paz do Senhor, e fico no aguardo do pedido de mais um tutorial.

Postar um comentário

Todos os comentários a partir de hoje serão moderados!
Porém isso não impede de comentar ;)
Não é permitido:
1-Palavras ofensivas
2-Palavras torpes
3-Falar mal de outro Blog ou Blogueiro
4-Não deixar comentário ;)

  ©Detudoumpouco - Todos os direitos reservados.

Template by Dicas Blogger Personalizado por: Alex| Topo