sexta-feira, 9 de março de 2012

Tutorial- Crazy Borders


Oi pessoal achei um tutorial bem legal que serve para usar nos afiliados e também para um menu com imagens. Esse tutorial pertence ao Blog Sweet Poison portanto se for usar credite :) 
Ficará assim:
1. No Blogger, vá em Design> Editar HTML.
2. Tecle Ctrl F e procure por:
]]></b:skin>
 Logo acima dessa tag, cole o código abaixo:
.crazyborders {
border-radius: 25px 10px / 10px 25px; /* Bordas */
-moz-border-radius: 25px 10px / 10px 25px;
-webkit-transition-duration: .70s; /* Efeito fade */
}

.crazyborders:hover {
-border-radius: 10px 25px / 25px 10px; /* Bordas hover */
-moz-border-radius: 10px 25px / 25px 10px;
-webkit-transition-duration: .70s; /* Efeito fade */
}
 Salve. Vá para Elementos da página.
 Adicione um novo gadget de HTML/Javascript e cole o código abaixo:
<a href="LINK 01" target="_blank"><img src="IMAGEM 01" border="0" title="DESCRIÇÃO 01" class="crazyborders" /></a>
<a href="LINK 02" target="_blank"><img src="IMAGEM 02" border="0" title="DESCRIÇÃO 02" class="crazyborders" /></a>
<a href="LINK 03" target="_blank"><img src="IMAGEM 03" border="0" title="DESCRIÇÃO 03" class="crazyborders" /></a>
<a href="LINK 04" target="_blank"><img src="IMAGEM 04" border="0" title="DESCRIÇÃO 04" class="crazyborders" /></a>
Edite as partes em negrito e salve:) Bjuss e até o próximo post :)

2 comentários:

  1. Olá! o blog tá lindoo viu. Tem tag pra vc lá no blog: http://littlegirlmagic.blogspot.com/2012/03/tag-11-coisas-sobre-mim.html

    ResponderExcluir
  2. Que legal!, adoreii a borda!
    Pena que eu já coloquei bordas arredondadas no meu blog, mais no próximo layout acho que vou por essa! ^^
    Beijoos *u*

    harajukucriativa.blogspot.com

    ResponderExcluir