Personalizar a barra de menu
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Personalizar a barra de menu
- Descrição:
Olá, amigos! Novamente estou aqui, desta vez preciso saber se na plataforma do Invision eu consigo customizar o layout do meu Menu de Navegação para deixá-lo de forma semelhante à deste fórum:
- Informações:
Fórum: | http://e-gamesbrasil.forumeiros.com | Versão: | INVISION |
Tipo: | Pedido de código | Tags: | Personalizar,barra |
Última edição por Galileu em 07.05.14 0:26, editado 1 vez(es)
Re: Personalizar a barra de menu
Olá você pode acessar o site CSS MENU MAKER, lá se encontra vários menus que você pode utilizar em seu fórum.
Caso você gostar dê uma olhada nesse tutorial.
Caso você gostar dê uma olhada nesse tutorial.
Re: Personalizar a barra de menu
O tutorial não funcionou, houveram bugs no fórum que resultaram à má aparência do menu. Alguma outra solução?
Re: Personalizar a barra de menu
No tutorial o BrunoH oferece um HTML, nesse HTML deve ser colocado dois códigos, ou seja, dois menus, um quando o visitante está logado e o outro e quando está deslogado.
No CssMenu Maker tem uma aba quando você está editando o menu, chamada CSS, basta copiar e colocar em sua CSS.
Se possível pode colocar um print do erro ?
@Edit:
Aqui está o HTML completo, basta mudar os links.
Só basta você adicionar o CSS do menu no seu fórum.
Espero ter ajudado.
No CssMenu Maker tem uma aba quando você está editando o menu, chamada CSS, basta copiar e colocar em sua CSS.
Se possível pode colocar um print do erro ?
@Edit:
Aqui está o HTML completo, basta mudar os links.
- Código:
jQuery(document).ready(function(){
jQuery("#page-header .navbar, body table.bodylinewidth tbody tr td.bodyline table tbody tr td a:eq(0), #pun-head #pun-navlinks, #submenu").before("<div class='novomenu'></div>");
jQuery("#page-header .navbar, body table.bodylinewidth tbody tr td.bodyline table tbody tr td a:eq(0), #pun-head #pun-navlinks, #submenu").css({"display":"none"});});
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'>
<ul>
<li><a href='http://omortovivorpg.forumeiros.com/forum'><span>Início</span></a></li>
<li><a href='http://omortovivorpg.forumeiros.com/portal'><span>Portal</span></a></li>
<li class='has-sub'><a href='#'><span>Products</span></a>
<ul>
<li class='has-sub'><a href='#'><span>Product 1</span></a>
<ul>
<li><a href='#'><span>Sub Item</span></a></li>
<li class='last'><a href='#'><span>Sub Item</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Product 2</span></a>
<ul>
<li><a href='#'><span>Sub Item</span></a></li>
<li class='last'><a href='#'><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://omortovivorpg.forumeiros.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://omortovivorpg.forumeiros.com/groups'><span>Grupos</span></a></li>
<li><a href='http://omortovivorpg.forumeiros.com/register'><span>Perfil</span></a></li>
<li><a href='http://omortovivorpg.forumeiros.com/privmsg'><span>Mensagens privadas</span></a></li>
<li class='last'><a href='http://omortovivorpg.forumeiros.com/login?logout=1'><span>Sair</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<ul>
<li><a href='index.html'><span>Início</span></a></li>
<li><a href='http://omortovivorpg.forumeiros.com/portal'><span>Portal</span></a></li>
<li class='has-sub'><a href='#'><span>Products</span></a>
<ul>
<li class='has-sub'><a href='#'><span>Product 1</span></a>
<ul>
<li><a href='#'><span>Sub Item</span></a></li>
<li class='last'><a href='#'><span>Sub Item</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Product 2</span></a>
<ul>
<li><a href='#'><span>Sub Item</span></a></li>
<li class='last'><a href='#'><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://omortovivorpg.forumeiros.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://omortovivorpg.forumeiros.com/groups'><span>Grupos</span></a></li>
<li><a href='http://omortovivorpg.forumeiros.com/register'><span>Registar-se</span></a></li>
<li class='last'><a href='http://omortovivorpg.forumeiros.com/login'><span>Login</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});
Só basta você adicionar o CSS do menu no seu fórum.
Espero ter ajudado.
Tópicos semelhantes
» Personalizar a barra de menu
» Personalizar barra de menu
» Personalizar a barra de menu
» Personalizar barra de menu
» Como personalizar barra do menu
» Personalizar barra de menu
» Personalizar a barra de menu
» Personalizar barra de menu
» Como personalizar barra do menu
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos