•Encanto Backgrounds: Menu de abas .

Oi bolos de laranja com calda de chocolate (: Hoje eu vim trazer um tutorial que eu procurei muito , muito e muito + achei /o/... Graças ao Generation Love .
Vamos aprender a fazer um menu igual a esse;

Primeiro vá no seu HTML , procure por <head> e embaixo dela cole o seguinte código:

<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'/>

Se tiver dado tudo certo salve. Depois vá em Design >> Layout >> Adicionar Gadget >> HTLM/Java Script e cole

<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><center><br />

Entenda:

Onde tá escrito conteúdo 1, conteúdo 2 ou conteúdo 3, você coloca o conteúdo da sua aba. Onde tá escrito aba 1, aba 2 ou aba 3 é o nome da sua aba.
Todos os créditos vão para Generation Love
Qualquer dúvida comente.

•Encanto Backgrounds

10/09/2012

Menu de abas .

Nenhum comentário:

Postar um comentário