AJUDA OK: Menu expansivel

Para ter um menu que se expande, como este Este Aqui
Vá até a HTML do seu blog e procure pelo código <head> e abaixo dele copie o código abaixo

Salve.

Agora clique em "Elementos de página e depois em "Adicionar novo elemento de página" ao abrir a tabela, clique em HTML/Javascript
e copie o

Segundo código do menu expansivel

<a href="javascript:void(0);" onclick="expandcollapse('favoritos')"><img border="0" src=" http://img175.imageshack.us/img175/3509/1favoritosbrancobutoniud1.jpg"/></a><br/><br /> <ul id="favoritos" class="texthidden"><li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>  </ul><a href="javascript:void(0);" onclick="expandcollapse('ajuda')"><img border="0" src=" http://img525.imageshack.us/img525/3794/1ajudabrancobutonih3.jpg"/></a><br/><br /> <ul id="ajuda" class="texthidden"><li><a href="http://templateseacessorios.blogspot.com" target="_blank">Templates & Acessórios </a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>  </ul><a href="javascript:void(0);" onclick="expandcollapse('amigos')"><img border="0" src=" http://img178.imageshack.us/img178/241/1amigosbrancobutoniro4.jpg"/></a><br/><br /> <ul id="amigos" class="texthidden"><li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>  </ul><a href="javascript:void(0);" onclick="expandcollapse('etc')"><img border="0" src=" http://img124.imageshack.us/img124/2959/etcbrancomw1.jpg"/></a><br/><br /> <ul id="etc" class="texthidden"><li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li> <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>  </ul><a href="javascript:void(0);" onclick="expandcollapse('contato')"><img border="0" src=" http://img158.imageshack.us/img158/3844/contatosag7.jpg"/></a><br/><br /> <ul id="contato" class="texthidden"><li><a href="http://endereçododeuorkut.com" target="_blank">Orkut </a></li> <li><a href="mailto:endereçodoseuemail@seuservidor.com" target="_blank">Email</a></li>  </ul>

Depois é só fazer as modificações que você achar necessário.

Créditos: Templates&Acessórios

OS COMENTÁRIOS AJUDAM MUITO E INCENTIVAM,
PORTANTO NÃO DEIXE DE FAZER O SEU!

Um comentário:

Unknown7 de julho de 2012 às 17:09
Como coloco uma imagem ao lado dos links da sidebar? Ex: http://3.bp.blogspot.com/-QAikrZy5yWg/T_jOggS3LqI/AAAAAAAAF7s/Aqxmj_WesYI/s1600/ajuda.JPG

Nessa imagem q foi um print do menu que estou fazendo, não consigo entender como colocari a imagem incluida no mesmo gadget nesse espaço em branco. Se puder me ajudar agradeço.

http://testesfran.blogspot.com.br/
ResponderExcluir
Respostas

Adicionar comentário