Quem quiser pedir algum tutorial ou algum utilitário, peça AQUI.
Bom, esse tutorial é mais usado em páginas, assim a sua página fica com um destaque diferente e além do mais fica muito bacana. Clique em "Leia Mais" para visualizar o passo a passo.
Primeiramente vai em modelo > clique em editar html e logo após isso da Ctrl+F para procurar pela tag </head>. Após encontra-la cole o código abaixo em cima da tag
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'/>Assim que você tiver colado o código, procure por : ]]></b:skin> logo em seguida cole o código abaixo acima da tag encontrada
.efeito lista {background: #86D3CF; margin: 3px;padding: 3px;display: block;font-size: 9px;border-radius: 3px; text-transform:uppercase;font-size: 11px; font-family : 'Ubuntu Mono';-webkit-animation: vira 4s;-moz-animation: vira 4s;-ms-animation vira 4s; color:#000000;}Últimos passos, para aplicar o efeito cole o código abaixo em sua página:
.cia a:hover{color: #ffffff; opacity:0.5;}
<div class="cia">
<a href="LINK">Lista</a>
<a href="LINK">Lista</a>
<a href="LINK">Lista</a>
<a href="LINK">Lista</a>
<a href="LINK">Lista</a>
<a href="LINK">Lista</a>
<a href="LINK">Lista</a>
<a href="LINK">Lista</a>
<a href="LINK">Lista</a>
<a href="LINK">Lista</a>
</div>
O tutorial é bem simples e fica com um efeito muito legal, espero que tenham gostado e até o próximo post galerinha. Beijos ♥
Tava procurando esse tutorial que vi em outro blog, haha.. Valeu aí!
ResponderExcluirhaha' magina
ExcluirObrigado pela visita ♥
Adorei o tutorial, obrigada pela mãozinha!
ResponderExcluirBeijos,
utevo-lux.blogspot.com
Que bom que gostou!!! Magina...
ExcluirObrigado pela visita ♥