Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Colocação de efeito!

3 participantes

avatar IsmaelS.  • Dom 29 Jun 2014 - 20:27

Colocação de efeito! Empty Colocação de efeito! Dom 29 Jun 2014 - 20:27

Minha questão:
Olá,

Estou a utilizar este tema:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Queria que quando clica-se em algum botão no Menu de Navegação seja qual for fica-se com o fundo mais escuro ou seja assim:

- [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Se clicar em "FAQ, Membros, Grupos, todos os botões do menu de navegação" ficar com esse fundo quando clicar nele!


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

DeeW. DeeW.  • Dom 29 Jun 2014 - 22:00

Colocação de efeito! Empty Re: Colocação de efeito! Dom 29 Jun 2014 - 22:00

Aqui está um script feito pelo nosso amigo JScript:

Código:

/*
Hover Menu Script!
Author: JScript <João Carlos>
*/
jQuery(function() {
    var $Sel = jQuery("#primary_nav li.left");
    var $Sel1 = jQuery('#fixed_menu_punbb #primary_nav li.left');
    var activeMenu = sessionStorage.getItem('punBB_activeMenu');
    /*$Sel.eq(1).addClass("active").show();*/
       
    if (location.href.search('/forum') >= 0) {
        jQuery('#community_app_menu').find('li.left').removeClass("active");
        jQuery('#nav_app_forums').addClass("active");
        jQuery('#fixed_menu_punbb #nav_app_forums').addClass("active");
    } else {
        jQuery('#nav_app_bug').remove();
        if (activeMenu != '') {
            jQuery(activeMenu).addClass("active");
            jQuery('#fixed_menu_punbb ' + activeMenu).addClass("active");
        } else {
            jQuery('#nav_app_forums').addClass("active");
            jQuery('#fixed_menu_punbb #nav_app_forums').addClass("active");
        }
    }
      
    $Sel.click(function(e){
        $Sel.removeClass("active");
        jQuery(this).addClass("active");
        sessionStorage.setItem('punBB_activeMenu', '#' + jQuery(this).attr('id'));
           
        var activeTab = jQuery(this).find("a").attr("href");
        e.preventDefault();
        //$('.menu_pagination').load(activeTab + ' div.menu_pagination');
        window.location.href = activeTab
    });
});

Investimento em todas às páginas!

avatar IsmaelS.  • Seg 30 Jun 2014 - 8:28

Colocação de efeito! Empty Re: Colocação de efeito! Seg 30 Jun 2014 - 8:28

Olá,

Mas tem uns problemas, experimente aqui:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Se clicar em Portal e depois em outros o efeito não funciona, será possível arranjar ?

DeeW. DeeW.  • Seg 30 Jun 2014 - 17:05

Colocação de efeito! Empty Re: Colocação de efeito! Seg 30 Jun 2014 - 17:05

Amigo, estas normal, clico em um, depois em outro, e continuas a funcionar!

avatar IsmaelS.  • Seg 30 Jun 2014 - 17:27

Colocação de efeito! Empty Re: Colocação de efeito! Seg 30 Jun 2014 - 17:27

Olá,

Clique em Portal depois em Inicio e veja!

DeeW. DeeW.  • Seg 30 Jun 2014 - 17:38

Colocação de efeito! Empty Re: Colocação de efeito! Seg 30 Jun 2014 - 17:38

Normal amigo, além do mais, estas fora do lugar este menu, não seria do lado da logo?

avatar IsmaelS.  • Seg 30 Jun 2014 - 17:57

Colocação de efeito! Empty Re: Colocação de efeito! Seg 30 Jun 2014 - 17:57

Olá,

Que lado do logo não percebi?

DeeW. DeeW.  • Seg 30 Jun 2014 - 18:15

Colocação de efeito! Empty Re: Colocação de efeito! Seg 30 Jun 2014 - 18:15

Amigo, a sua skin deveria ter o menu igual este: http://bulletin.forovenezuela.net/

não é?

avatar IsmaelS.  • Seg 30 Jun 2014 - 18:17

Colocação de efeito! Empty Re: Colocação de efeito! Seg 30 Jun 2014 - 18:17

Olá,

E é apenas coloquei mais links no menu...

avatar IsmaelS.  • Ter 1 Jul 2014 - 13:49

Colocação de efeito! Empty Re: Colocação de efeito! Ter 1 Jul 2014 - 13:49

Ajuda aqui! Very Happy

DeeW. DeeW.  • Ter 1 Jul 2014 - 13:50

Colocação de efeito! Empty Re: Colocação de efeito! Ter 1 Jul 2014 - 13:50

Mas amigo, estas normal, qual navegador estas a utilizar?

avatar IsmaelS.  • Qui 3 Jul 2014 - 15:20

Colocação de efeito! Empty Re: Colocação de efeito! Qui 3 Jul 2014 - 15:20

Olá,

Google Chrome amigo!

DeeW. DeeW.  • Qui 3 Jul 2014 - 17:26

Colocação de efeito! Empty Re: Colocação de efeito! Qui 3 Jul 2014 - 17:26

Já apertei de todas as maneiras, e não vi nenhum bug amigo, está normal o código.

Cepheus Cepheus  • Qui 3 Jul 2014 - 18:09

Colocação de efeito! Empty Re: Colocação de efeito! Qui 3 Jul 2014 - 18:09

Não sei se é pq o seu fórum está fechado, mas tenta essa opção, se não der peço que deixe o fórum visível para ser analisado.


Crie um novo investimento javascript em todas as paginas, e adicione:

Código:
jQuery(function() {
  jQuery('#pun-navlinks li').each(function() {
    var href = jQuery(this).find('a').attr('href');
    if (href === window.location.pathname) {
      jQuery(this).addClass('current');
    }
  });
});


Depois adicione no seu CSS:

Código:
#pun-navlinks li.current {background: rgb(82, 108, 135);
color: rgb(255, 255, 255);
font-weight: bold;
margin-top: 0px;
text-shadow: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;}

Conteúdo patrocinado  • 

Colocação de efeito! Empty Re: Colocação de efeito!

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