[TUTORIAL] Adicionar um menu CSS Maker

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

  • 0

[TUTORIAL] Adicionar um menu CSS Maker Empty [TUTORIAL] Adicionar um menu CSS Maker

Mensagem por BrunoH. em 28.03.13 21:37


[TUTORIAL] Adicionar um menu CSS Maker Magic

Adicionar um menu CSS Maker

Muitas vezes vemos em alguns fóruns um menu totalmente personalizado e modificado, que sai de quase todos os padrões de estrutura estabelecidos pela versão do fórum, então a partir de agora iremos aprender como adicionar estes novos menus graças ao site: CSS Menu Maker.

--> Tutoriais, dicas e astúcias <--
Adicionar um menu CSS Maker


- Noção básica da função:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.


Painel de controle :seta2: Modulos :seta2: HTML & JavaScript :seta2: "Aba" Gestão dos códigos JavaScripts
[TUTORIAL] Adicionar um menu CSS Maker Painel13


[TUTORIAL] Adicionar um menu CSS Maker 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Adicionar um menu CSS Maker 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
[TUTORIAL] Adicionar um menu CSS Maker 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. Em nosso caso, adicionaremos este código:

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="HTML_ENTRAR"}else{var m="HTML_SAIR"};jQuery('.novomenu').replaceWith(m)});
[TUTORIAL] Adicionar um menu CSS Maker 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

  • :seta2: Procurar por isso no código, HTML_ENTRAR e alterar o HTML do menu que será exibido ao efetuar o login no fórum.
  • :seta2: Procurar por isso no código, HTML_SAIR e alterar o HTML do menu que será exibido ao efetuar a saída do fórum.


Resultado:

[TUTORIAL] Adicionar um menu CSS Maker 29eoffc




© Fórum dos Fóruns
[TUTORIAL] Adicionar um menu CSS Maker Questi11 Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Adicionar um menu CSS Maker
BrunoH.

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

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


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