Yoo !
Esse tutorial vai ensinar vocês a fazerem aquele menu que usamos nas páginas "PNG's, Tutoriais e For You".
É um menu em que o gif muda quando passa o mouse. Bem simples.
Go, go.
1. Vá em Design > Editar HTML e procure por ]]></b:skin>
2. Acima dessa tag, 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;}
3. Configure como quiser. O primeiro link é o gif que vai aparecer e o segundo link é o gif que aparece quando passa o mouse.
border-bottom : 1px dotted #ff6fba;
Tamanho, tipo e cor da borda.
4. Para usar é só colocar esse código onde quer que apareça:
<a id="menuv" href="ENDEREÇO DA PAGINA DOS POSTS" target="iframe"> Home</a>
<a id="menuv" href="ENDEREÇO DA PAGINA" target="iframe"> Selinhos</a>
<a id="menuv" href="ENDEREÇO DA PAGINA" target="iframe"> Extras</a>
<a id="menuv" href="ENDEREÇO DA PAGINA" target="iframe"> Thanks</a>
Nenhum comentário:
Postar um comentário