Image Map

8 de ago. de 2012

Tutorial: Menu extras

Que lindo ^^


Oi Pessoal,

Tudo beleza? Vamos a mais um tutorial? Dessa vez vou ensinar a fazer o menu de extras, mas lembre-se de uma coisa o meu menu está com falha, então o de vocês vai ficar diferente! Vamos lá? Então para quem não sabe o resultado é mais ou menos esse:

Créditos: Cat Girl

Para aprender a fazer esse menu clique em "Leia Mais"

Primeiro você vai procurar pela tag <head> e abaixo dela coloque:


<link href='http://naah-oliver.zip.net/menu2.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://poisonedapple.awardspace.us/tabber.js' type='text/javascript'/>
Depois disso visualize para ver se está tudo certo e salve.

Agora você vai em layout>> adicionar gadget>> html/javascript e na área para texto colo:

<!-- Ínicio Menu Abas ~ By Drikoti.Net -->
<div class="tabber">
<div class="tabbertab" title="Aba 1">
<br>
Conteúdo 1
</>
</div>
<div class="tabbertab" title="Aba 2">
<br />
Conteúdo 2
</div>
<div class="tabbertab" title="Aba 3">
<br />
Conteúdo 3
</div>
</div>
<!-- Fim Menu Abas ~ By Drikoti.Net -->
<center><br />
Onde está de negrito você coloca os nomes das abas e de itálico o conteúdo. 

Simples não?

Espero que tenham gostado do menu, o tutorial foi a pedido!!

Kisses,

~~Nanda

8 comentários :

  1. Já conhecia e uso, é bem prático ^^
    http://garotadoolharsincero.blogspot.com.br/

    ResponderExcluir
  2. Oi. Obrigada pelo tutorial ameiii. Mas quando você cola no gadget de HTML/JavaScript aparece os nomes separados. Beijos.

    ResponderExcluir
  3. oi! amei o menu! amei o blog! to te seguindo! vc recebeu uma tag la do blog! bjos

    http://mundoofblogueiraperfeita.blogspot.com.br/

    ResponderExcluir
  4. Adoro o menu, ele é bem útil e economiza espaço no blog. Beijos]


    blog-imperfeita.blogspot.com

    ResponderExcluir