menu com submenus

[galoazul]

Boas a todos os participantes, vejo que o fórum têm bastantes utilizadores por isso, venho pedir se alguém sabe como fazer um menu com submenus para o blogspot ?
Como este aqui..

por favor

que está com o nome (Categorias).

Por favor se alguém souber me digam se dá para fazer directo com o blogue ou é com algum programa a parte?

E sempre que se faça algum poste tem que se actualizar o menu?..
Obrigado a todos.

 

[maar3amt]

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:

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

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:

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

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

 

[CunhaClaudio]

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!

Talvez me possas ajudar com uma questão....

Como eu faço para direccionar os links para paginas fora do "blog raiz" ou seja:

Ex.

Menu 1 - direccionar para www.sapo.pt
Menu 2 - direccionar para IOL - Notícias, empresas e webmail
Sub menu 1 - direccionar para Welcome to Facebook - Log In, Sign Up or Learn More
Sub menu 2 - direccionar para www.google.pt

nesse menu quando tu colocar o link por ex. www.sapo.pt ele colocará no menu o link "http://"blog raiz".blogspot.com/www.sapo.pt"

Obrigado

 

[maar3amt]

Se pretendes redireccionar para um link externo é só: <a href="http://paginadedestino.pt">Link externo</a>