menu com submenus

por favor

Clique para expandir...

<link rel="stylesheet" type="text/css" href="http://mydatanest.com/............/slidemenu_hori.css" />

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;}
</style>
<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="http://mydatanest.com/.............../slidemenu_horiz.js"></script>

Clique para expandir...

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.gforum.tv/board/">Gforum</a></li>
</ul>
<br style="clear: left" />
</div>

Clique para expandir...

maar3amt disse:

Boas,

Vai aqui uma explicação de como se adiciona um menu css/js no blogger e blogspot!

Aqui fica um exemplo do menu! Glow In Dark !


Vais ao Dynamic Drive e faz download dos códigos e ficheiros que lá te apresentam, Dynamic Drive CSS Library- jQuery Multi Level CSS Menu #2, faz em seguida o download do seguinte ficheiro .js Free File Hosting & Video Downloads, Free File Sharing, Online Friends Network - Ziddu e envia todos os ficheiros para um servidor gratuito gratuito mas eficiente por exemplo MyDataNest Registration - DataNest Free Online Collaboration: Online File Storage, FTP Replacement, Team Workspaces, Data Hosting and Backup - 2GB Free! !

PS:No mydatanest cria uma pasta para os ficheiros e salva a pasta com "hidden" e não como "Private"!

Depois dos ficheiros enviados para o mydatanest vai até ao teu paine de controle da tua conta no blogger e clica em "Layout", depois clica no separador "Edit Html", neste template pesquisa por "</head>" e antes dessa tag cola o seguinte código:



Substitui os links a vermelho pelos links para os ficheiros da tua conta mydatanest e salva as alterações no template!


Agora vai até "Page Elements" do "Layout".
Add a Gadget of HTML/JavaScript type.

Dentro do novo gadget adiciona o seguinte código:



Altera o conteúdo do menu acima de acordo com as tuas necessidades!

Clique para expandir...