20 de abr. de 2013

Menu com Gif

Oi , sumi né? Tava sem notebook, legal né? E eu estudo, legal né?
É muito chato acorda cedo todo dia, tem até dias que não da vontade de levantar .. É muito triste isso, mas já me perdoaram né? Não? Vai pra merda então :) .. Também amo vocês!

Então vou deixar de ser chata legal com vocês e vou direto ao assunto, por que não importa a minha vida a vocês :)
Esse tutorial achei no UnderGround

Vai lá no seu HTML e procure por ]]></b:skin> e acima dele cole:

#menuv {
display : block;
border-bottom : 1px dotted #ff6fba;
background-repeat : no-repeat;
text-indent : 10px;
text-align: left;
line-height : 14px;
margin-bottom : 0px;
background : url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/99.gif') no-repeat left;
padding-left : 3px;}
#menuv:hover {
display : block;
text-align: left;
border-bottom : 1px dotted #9e9298;
background : url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/94.gif') no-repeat left;
padding-left : 3px;}

Se quiser a borda tracejada use dashed, e se quiser ela normal use solid 
Agora crie um Gadget JavaScript/HTML e cole:

<a id="menuv" href="LINK" target="iframe">Link 1</a>
<a id="menuv" href="LINK" target="iframe"> Link 2</a>
<a id="menuv" href="LINK" target="iframe"> Link 3</a>
<a id="menuv" href="LINK" target="iframe"> Link 4</a>

2 comentários:

- Comentários só de divulgação do seu blog, sem nenhuma opnião do assunto serão ignorados
- Faça comentários sobre o post
- Sejam educados, e não use palavrões
- Faça essa blogueira feliz, COMENTE