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;
#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
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:
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.
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 ;)