10 de mai de 2008

Bordas arredondadas no Blogger

Para colocar bordas com os cantos arredondados em seu blog não é dificil, mas você precisará de um pouco de atenção para faze-lo. Se você navega pelo Firefox, clique AQUI para visualizar este template onde usei o código em vários locais.
Ah, este código funciona no Firefox, Chrome, Safari e Linux. Claro, menos no Internet Explorer :-(


Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.



Vá até o HTML do seu blog e coloque o código abaixo acima de onde tiver:

border: 3px solid $bodercolor;

Note que acima é só um exemplo, pode ser que em seu blog esteja diferente, o que importa mesmo é que tenha que ter "border:" e um número diferente de 0 onde no exemplo está o múmero 3.

Faça isso onde encontrar " border:" pois é esse código que corresponde a borda e claro, o número terá que ser diferente de 0



-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius:10px;



Mas Elke, não encontrei nenhum código border em meu blog.


Então procure pelo código:


.sidebar .widget, .main .widget {


E abaixo dele coloque o código:



border: 3px solid #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius:10px;




* Onde está em verde é a cor da borda

O código deverá ficar mais ou menos assim

6 comentários:

  1. Parabens pelo Blog, tava a caça dessa dica e nao estava achando, em seu blog foi a melhor que achei.

    cabanavideos.blogspot.com

    ResponderExcluir
  2. Excelente dica mais pelo que testei não funciona no IE e já li,mais mesmo assim funciona no crome e Firefox.

    Abraço!

    ResponderExcluir
  3. PARA TALVEZ FUNCIONAR NOS OUTROS NAVEGADORES:

    Mozilla Firefox: -moz-
    Google Chrome e Safari: -webkit-
    Opera: -o-
    Konqueror: -khtml-
    Internet Explorer: -ms-

    ResponderExcluir
  4. PARABÉNS PELA SUPER DICA!!! CARA O MAIS SIMPLES POSSIVEL, O MELHOR DE TODOS!

    ResponderExcluir
  5. INCRIVEL. UM SIMPLES CÓDIGO MUDOU A CARA DO MEU BLOG. VEJA > BIDEYKS.COM

    ResponderExcluir
  6. É pessoal, sempre o Internet para jogar um balde d'água :-(

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube