Personalizar a barra de menu

2 participantes

Ir para baixo

Tópico resolvido Personalizar a barra de menu

Mensagem por Galileu 04.05.14 5:48

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

Personalizar a barra de menu VspRW5B

  • Informações:
Fórum:http://e-gamesbrasil.forumeiros.comVersão:INVISION
Tipo:Pedido de códigoTags:Personalizar,barra



Última edição por Galileu em 07.05.14 0:26, editado 1 vez(es)
Galileu
Galileu
***

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a barra de menu

Mensagem por Tiaguu 05.05.14 2:27

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.
avatar
Tiaguu
Membro

Membro desde : 28/08/2011
Mensagens : 658
Pontos : 1001

http://wscgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a barra de menu

Mensagem por Galileu 06.05.14 2:48

O tutorial não funcionou, houveram bugs no fórum que resultaram à má aparência do menu. Alguma outra solução?
Galileu
Galileu
***

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a barra de menu

Mensagem por Tiaguu 06.05.14 3:27

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.
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.
avatar
Tiaguu
Membro

Membro desde : 28/08/2011
Mensagens : 658
Pontos : 1001

http://wscgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a barra de menu

Mensagem por Galileu 07.05.14 0:26

Consegui resolver.
Galileu
Galileu
***

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos