Menu personalizado

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Menu personalizado

Mensagem por JRHoly em 21/05/12, 11:37 pm

Qual é minha questão:
Olá, gostaria de fazer um menu personalizado, porém não tenho conhecimento em códigos.
Gostaria que alguem me passasse um código já semi editado e criado acessivel e facil de se mexer.
Esse tal menu, é um meno a base de widget.
O menu que desejo é parecido com este:
Spoiler:
<!--Inicio do menu NRF--><div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tr name="NRF">
<td height="83">&nbsp</td>
<td rowspan=2 height="106" width="117" background="http://i66.servimg.com/u/f66/14/56/85/28/menunr14.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td rowspan=2 height="106" background="http://i66.servimg.com/u/f66/14/56/85/28/menunr13.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td height="83">&nbsp</td>
</tr><tr>
<td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_012.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
</tr>
<tr><td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</td>
<td colspan=2 name="conteudo NRF" style="background-color: #ffffff">
<!--Inicio do Conteudo--><div>
<ul class="ulmenu" id="nav">
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/portal.htm" id="botao" class="efeito_fade"><p>Portal</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/forum.htm" id="botao" class="efeito_fade"><p>Fórum</p><img class="hover" style="opacity: 0; "></a>
<ul class="ulmenu" id="nav">
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/vila-oculta-da-folha-f9/" id="botao" class="efeito_fade"><p>Konoha</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/vila-oculta-da-nevoa-f18/" id="botao" class="efeito_fade"><p>Kiri</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/vila-oculta-da-areia-f19/" id="botao" class="efeito_fade"><p>Suna</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/vila-oculta-da-nuvem-f20/" id="botao" class="efeito_fade"><p>Kumo</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/vila-oculta-da-pedra-f21/" id="botao" class="efeito_fade"><p>Iwa</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/esconderijo-da-akatsuki-f22/" id="botao" class="efeito_fade"><p>Akatsuki</p><img class="hover" style="opacity: 0; "></a></li>
</ul>
</li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/tutoriais-f7/" id="botao" class="efeito_fade"><p>Tutoriais</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/regras-gerais-f10/" id="botao" class="efeito_fade"><p>Regras Gerais</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/apresentacoes-f1/" id="botao" class="efeito_fade"><p>Apresentações</p><img class="hover" style="opacity: 0; "></a>
<ul class="ulmenu" id="nav">
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/teste-moderador-f146/" id="botao" class="efeito_fade"><p>Teste GM/Mod</p><img class="hover" style="opacity: 0; "></a></li>
</ul>
</li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/registro-shinobis-f149/" id="botao" class="efeito_fade"><p>Registro Ninja</p><img class="hover" style="opacity: 0; "></a>
<ul class="ulmenu" id="nav">
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/f49-academia" id="botao" class="efeito_fade"><p>Academia</p><img class="hover" style="opacity: 0; "></a></li>
</ul>
</li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile" id="botao" class="efeito_fade"><p>Perfil</p><img class="hover" style="opacity: 0; "></a>
<ul class="ulmenu" id="nav">
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile#" id="botao" class="efeito_fade"><p>Informações</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&page_profil=preferences" id="botao" class="efeito_fade"><p>Personagem</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&page_profil=preferences" id="botao" class="efeito_fade"><p>Preferencias</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&page_profil=signature" id="botao" class="efeito_fade"><p>Assinatura</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&page_profil=avatars" id="botao" class="efeito_fade"><p>Avatar</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&page_profil=attachments" id="botao" class="efeito_fade"><p>Anexos</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/profile?mode=editprofile&page_profil=friendsfoes" id="botao" class="efeito_fade"><p>Amigos</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/search?search_id=watchsearch" id="botao" class="efeito_fade"><p>Topicos Super</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/search?search_id=draftsearch" id="botao" class="efeito_fade"><p>Rascunhos</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/rpg_sheet_edit.forum?u=2" id="botao" class="efeito_fade"><p>Personagem</p><img class="hover" style="opacity: 0; "></a></li>
</ul>
</li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/parcerias-f4/como-funciona-o-sistema-de-parcerias-t133.htm" id="botao" class="efeito_fade"><p>Parceria</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/mercado-geral-f24/" id="botao" class="efeito_fade"><p>Mercado Geral</p><img class="hover" style="opacity: 0; "></a>
<ul class="ulmenu" id="nav">
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/bijus-f38/lista-de-bijus-e-jinchuurikins-t93.htm" id="botao" class="efeito_fade"><p>Bijus</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/t3798-descricoes-e-precos" id="botao" class="efeito_fade"><p>Armas Lend</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/t3796-contrato-com-animais-lendarios" id="botao" class="efeito_fade"><p>Animais Lend</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/armas-tradicionais-f46/armas-ninja-t103.htm" id="botao" class="efeito_fade"><p>Arm Tradici...</p><img class="hover" style="opacity: 0; "></a></li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/f50-comercio-player-x-player" id="botao" class="efeito_fade"><p>Player x Player</p><img class="hover" style="opacity: 0; "></a></li>
</ul>
</li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/area-livre-f118/" id="botao" class="efeito_fade"><p>Area Livre</p><img class="hover" style="opacity: 0; "></a>
<ul class="ulmenu" id="nav">
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/historia-de-naruto-rpg-future-f243/ajude-na-criacao-de-nossa-historia-t111.htm" id="botao" class="efeito_fade"><p>Historia do RPG</p><img class="hover" style="opacity: 0; "></a> </li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/dicas-e-reclamacoes-dos-players-f119/" id="botao" class="efeito_fade"><p>Dicas e Recla...</p><img class="hover" style="opacity: 0; "></a>
</li>
<li id="suave" class="limenu"><a href="/t5757p325-sala-de-reuniao-dos-gm-s-e-moderadores" id="botao" class="efeito_fade"><p>Reuniões Staff</p><img class="hover" style="opacity: 0; "></a>
</li>
</ul>
</li>
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/prisao-f36/" id="botao" class="efeito_fade"><p>Prisão</p><img class="hover" style="opacity: 0; "></a>
<ul class="ulmenu" id="nav">
<li id="suave" class="limenu"><a href="http://www.narutorpgfuture.com/prisao-f36/ninjas-fugitivos-mais-procurad-bingo-book-t400.htm" id="botao" class="efeito_fade"><p>[Bingo Book] </p><img class="hover" style="opacity: 0; "></a> </li>
</ul>
</li>
<li id="suave" class="limenu"><a href="http://www.top30.com.br/cgi/votar.cgi?ID=106481" target="_area" id="botao" class="efeito_fade"><p>Vota Top 30</p><img class="hover" style="opacity: 0; "></a></li>
</ul>

</div>
<!--Fim do conteudo-->
</td>
<td width="21" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_013.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;">&nbsp</td></tr>
<tr><td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td>
<td colspan=2 height="23" background="http://i66.servimg.com/u/f66/14/56/85/28/menu_011.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;">&nbsp</td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;">&nbsp</td></tr></table>
</div>
<!--fim do menu NRF-->

Porém, ele apresenta imagens, e nessas imagens, links dos foruns.
As imagens são respectivamente:
http://img32.imageshack.us/img32/3103/atalhos2.png
http://img804.imageshack.us/img804/7858/regras3.png
http://img137.imageshack.us/img137/6317/equipe42.png
http://img26.imageshack.us/img26/8591/tecnicas34.png
http://img824.imageshack.us/img824/8341/criandoficha.png
http://img18.imageshack.us/img18/7439/comojogar2.png
http://img535.imageshack.us/img535/734/fimn.png

Formado:
Spoiler:









Medidas que eu tomei para corrigir o problema:
Nada

Links e imagens do meu problema:
Nada

Endereço do meu fórum:
http://fairytailmiracle.forumais.com/forum

Versão do meu fórum:
PHPBB3


Última edição por JRHoly em 22/05/12, 12:49 am, editado 1 vez(es)
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

Ver perfil do usuário http://l2honorgames.forumais.com/forum

Resolvido Re: Menu personalizado

Mensagem por Sennior em 21/05/12, 11:43 pm

Olá e boa noite;
Amigo poderia me informar onde viste essa função?

Atenciosamente.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu personalizado

Mensagem por JRHoly em 22/05/12, 12:19 am

avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

Ver perfil do usuário http://l2honorgames.forumais.com/forum
  • 0

Resolvido Re: Menu personalizado

Mensagem por Sennior em 22/05/12, 12:31 am

Olá Amigo;
Adicione em um Widget, em Utilizar um table type marque não:

Código:
<tr><td align="left"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt=""><br>
<a href="http://fairytail.forumeiro.com/regras-f1/"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt=""></a><br>
<a href="http://fairytail.forumeiro.com/guias-e-tutoriais-f3/"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt=""></a><br>
<a href="http://fairytail.forumeiro.com/regras-f1/sistema-de-jogo-t5.htm"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt=""></a><br>
<a href="http://fairytail.forumeiro.com/eventos-f46/"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt=""></a><br>
<a href="http://fairytail.forumeiro.com/duvidas-e-esclarecimentos-f4/"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt=""></a><br>
<img src="http://illiweb.com/fa/pbucket.gif" border="0" alt=""></td></tr>

Teras que editar para ficar ao seu Gosto! Muito feliz

Atenciosamente,
Dr.House
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu personalizado

Mensagem por JRHoly em 22/05/12, 12:48 am

Resolvido e agradecido.
avatar

JRHoly
Nível 9

Masculino
Inscrito dia : 18/12/2011
Mensagens : 190
Pontos Ativos : 283

Ver perfil do usuário http://l2honorgames.forumais.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum