Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Logo para o Natal ;v
Hoje à(s) 01:53 am por Fou-Lu

» Avatar Sonic
Hoje à(s) 01:48 am por Fou-Lu

» Banner pro meu fórum
Hoje à(s) 01:37 am por Fou-Lu

» Preciso de ranks para SAMP
Hoje à(s) 01:09 am por odelgado

» LOGO FORUM
Hoje à(s) 12:30 am por Fou-Lu

» Sao Botoes Para Meu Rank Personalizados
Hoje à(s) 12:13 am por Fou-Lu

» Porque os anuncios do Adsense não estão aparecendo no Forumeiros ?
Hoje à(s) 12:11 am por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Gaaratsu
 
Daniel Yan
 
Ketholy
 
Shek
 
Eduardo Lima
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
199 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 195 Visitantes :: 2 Motores de busca

Gaaratsu, Guzonaro, HRRPG, Lost154

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Navbar sticky com erro

Página 1 de 2 1, 2  Seguinte

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

Resolvido Navbar sticky com erro

Mensagem por IsmaelS. em 18/11/15, 05:55 pm

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá!

Estava a seguir este tutorial:
- http://help.forumotion.com/t143777-make-your-navbar-sticky

E usei a .CSS:
Código:
/* Menu POP */
#fa_sticky_nav {
  font-size:0;
  text-align:center;
  background:#FAFAFA;
  border-bottom:1px solid #CCC !important;
  height:30px;
  position:fixed;
  right:0;
  z-index:999;
  overflow:hidden;
  transition:top 200ms linear, width 600ms ease-in-out;
}
#fa_sticky_nav li { display:inline }
#fa_sticky_nav a.mainmenu {
  color:#39C;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
  background:url('http://i18.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 0px 30px;
  display:inline-block;
  padding:0 10px;
  height:30px;
  line-height:30px;
  transition:200ms;
}
#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
  background-position:0 25px;
}
#fa_sticky_toggle {
  background:url('http://i21.servimg.com/u/f21/18/21/41/30/omnibo10.png') no-repeat 0 0 #FAFAFA;
  border:1px solid #CCC;
  border-right:none;
  display:inline-block;
  height:29px;
  width:30px;
  position:fixed;
  right:0;
  z-index:999;
  transition:top 200ms linear;
}
#fa_sticky_toggle:hover { background-position:-30px 0 }
#fa_toolbar_hidden {
  border-radius:0 !important;
  border:1px solid #CCC;
  border-right:0;
  border-top:0;
}
.post div[style*="-30px;"] {
  top:-60px !important;
}

jS.:
Código:
(function() {
  if (!window.FA) window.FA = {};
  if (FA.Nav) {
    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
    return;
  }
 
  FA.Nav = {
  
    // TARGET NODES BY VERSION
    // PHPBB2  : .bodyline > table + table
    // PHPBB3  : #page-header .navlinks
    // PUNBB    : #pun-navlinks
    // INVISION : #submenu
    targetNode : '#page-header .navlinks',
  
    customNav : '', // custom navlinks
  
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
  
  
    // offset states
    offsets : {
      tbVisible : {
        bottom : 30,
        top : '30px'
      },
    
      tbHidden : {
        bottom : 0,
        top : '0px'
      },
    
      toggler : '30px'
    },
  
    activeOffset : {}, // active offset for the sticky nav
  
    visible : false, // sticky nav is visible
  
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
    
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
          FA.Nav.visible = true;
        } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '-30px';
          FA.Nav.barSticky.style.top = '-30px';
          FA.Nav.visible = false;
        }
      }
    },
  
    animating : false, // sticky nav is animating
  
    // animate the sticky nav when the toolbar is toggled
    animate : function() {
      if (FA.Nav.visible) {
        FA.Nav.animating = true;
        FA.Nav.barSticky.style.transition = 'none';
    
        $(FA.Nav.barSticky).animate({
          top : FA.Nav.activeOffset.top
        }, function() {
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
  
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
      if (FA.Nav.barSticky.style.width == '100%') {
        my_setcookie('fa_sticky_nav', 'hidden');
        FA.Nav.barSticky.style.width = '0%';
      } else {
        my_setcookie('fa_sticky_nav', 'shown');
        FA.Nav.barSticky.style.width = '100%';
      }
      return false;
    }
  
  };
 
  $(function() {
    // set default offsets based on toolbar state
    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
  
    // find the static nav
    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
  
    if (FA.Nav.barStatic) {
      FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
      if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
      FA.Nav.barSticky.id = 'fa_sticky_nav';
      FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
      FA.Nav.barSticky.style.top = '-30px';
        
      document.body.appendChild(FA.Nav.barSticky); // append the sticky one
        
      // sticky nav toggler
      if (FA.Nav.collapsible) {
        FA.Nav.toggler = document.createElement('A');
        FA.Nav.toggler.id = 'fa_sticky_toggle';
        FA.Nav.toggler.href = '#';
        FA.Nav.toggler.style.top = '-30px';
        FA.Nav.toggler.onclick = FA.Nav.toggle;
        
        document.body.appendChild(FA.Nav.toggler);
      };
      
      window.onscroll = FA.Nav.checkState; // check state on scroll
      FA.Nav.checkState(); // startup check
    
      // toolbar modifications
      $(function() {
        // animate sticky nav and change offsets when the toolbar is toggled
        $('#fa_hide').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
          FA.Nav.animate();
        });
      
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }
  });
}());

Só que apenas aparece sempre assim:


Ou seja não aparece o menu mesmo que clique não aparece o menu de navegação, solução?


Última edição por IsmaelS. em 26/11/15, 02:43 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Wamki em 18/11/15, 09:50 pm

Olá,
Altere pra este:
Código:
(function() {
  if (!window.FA) window.FA = {};
  if (FA.Nav) {
    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
    return;
  }
 
  FA.Nav = {
 
    // TARGET NODES BY VERSION
    // PHPBB2  : .bodyline > table + table
    // PHPBB3  : #page-header .navlinks
    // PUNBB    : #pun-navlinks
    // INVISION : #submenu
    targetNode : '#page-header .navlinks',
 
    customNav : '', // custom navlinks
 
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
 
 
    // offset states
    offsets : {
      tbVisible : {
        bottom : 30,
        top : '30px'
      },
   
      tbHidden : {
        bottom : 0,
        top : '0px'
      },
   
      toggler : '30px'
    },
 
    activeOffset : {}, // active offset for the sticky nav
 
    visible : false, // sticky nav is visible
 
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
   
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
          FA.Nav.visible = true;
        } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '-30px';
          FA.Nav.barSticky.style.top = '-30px';
          FA.Nav.visible = false;
        }
      }
    },
 
    animating : false, // sticky nav is animating
 
    // animate the sticky nav when the toolbar is toggled
    animate : function() {
      if (FA.Nav.visible) {
        FA.Nav.animating = true;
        FA.Nav.barSticky.style.transition = 'none';
   
        $(FA.Nav.barSticky).animate({
          top : FA.Nav.activeOffset.top
        }, function() {
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
 
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
      if (FA.Nav.barSticky.style.width == '100%') {
        my_setcookie('fa_sticky_nav', 'hidden');
        FA.Nav.barSticky.style.width = '0%';
      } else {
        my_setcookie('fa_sticky_nav', 'shown');
        FA.Nav.barSticky.style.width = '100%';
      }
      return false;
    }
 
  };
 
  $(function() {
    // set default offsets based on toolbar state
    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
 
    // find the static nav
    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
 
    if (FA.Nav.barStatic) {
      FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
      if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
      FA.Nav.barSticky.id = 'fa_sticky_nav';
      FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
      FA.Nav.barSticky.style.top = '-30px';
       
      document.body.appendChild(FA.Nav.barSticky); // append the sticky one
       
      // sticky nav toggler
      if (FA.Nav.collapsible) {
        FA.Nav.toggler = document.createElement('A');
        FA.Nav.toggler.id = 'fa_sticky_toggle';
        FA.Nav.toggler.href = '#';
        FA.Nav.toggler.style.top = '-30px';
        FA.Nav.toggler.onclick = FA.Nav.toggle;
       
        document.body.appendChild(FA.Nav.toggler);
      };
     
      window.onscroll = FA.Nav.checkState; // check state on scroll
      FA.Nav.checkState(); // startup check
   
      // toolbar modifications
      $(function() {
        // animate sticky nav and change offsets when the toolbar is toggled
        $('#fa_hide').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
          FA.Nav.animate();
        });
     
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }
  });
}());

E o CSS pra este:

Código:
/* sticky nav main */
#fa_sticky_nav {
  font-size:0; /* hide whitespace */
  text-align:center;
  background:#FAFAFA;
  border-bottom:1px solid #CCC !important;
  height:30px;
  position:fixed;
  right:0;
  z-index:999;
  overflow:hidden;
  transition:top 200ms linear, width 600ms ease-in-out;
}
 
#fa_sticky_nav li { display:inline } /* navlist adjustment */
 
 
/* sticky menu links */
#fa_sticky_nav a.mainmenu {
  color:#39C;
  font-size:12px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
  background:url('http://i18.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 0px 30px;
  display:inline-block;
  padding:0 10px;
  height:30px;
  line-height:30px;
  transition:200ms;
}
 
#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {
  background-position:0 25px;
}
 
 
/* sticky nav toggler */
#fa_sticky_toggle {
  background:url('http://i21.servimg.com/u/f21/18/21/41/30/omnibo10.png') no-repeat 0 0 #FAFAFA;
  border:1px solid #CCC;
  border-right:none;
  display:inline-block;
  height:29px;
  width:30px;
  position:fixed;
  right:0;
  z-index:999;
  transition:top 200ms linear;
}
 
#fa_sticky_toggle:hover { background-position:-30px 0 }
 
 
/* make hidden toolbar similar to toggler */
#fa_toolbar_hidden {
  border-radius:0 !important;
  border:1px solid #CCC;
  border-right:0;
  border-top:0;
}
 
 
/* post offset fix */
.post div[style*="-30px;"] {
  top:-60px !important;
}




Se reparar que sãos códigos originais, por gentileza tente estes códigos sem modificar nada, pra ver se ocorre mesma situação.

Wamki
Rose
avatar

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 451

Ver perfil do usuário http://infostyle.forumbrasil.net

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 18/11/15, 10:05 pm

Continua igual...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 20/11/15, 01:37 am

Bom dia!

Eu testei... retestei e funcionou tanto seus códigos quanto os do tutorial, o que nos leva a pressupor que o problema é com os seus scripts. Faça aquele procedimento padrão, nesses casos, desative um a um e veja qual está em conflito.

Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 20/11/15, 06:44 am

Bom dia!

@MateusAnjosV estive a retirar um a um e continua igual :/ Já uma vez tentei colocar e não resultou e não tinha scripts nenhuns...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 22/11/15, 02:32 pm


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 22/11/15, 02:40 pm

Olá!

Sinceramente, eu não faço ideia do que pode ser, posso reconstruir, talvez funcione, pode-ser? Já vou adiantando o código aqui, caso deseje.  

Feliz

@Edit:
@IsmaelS. desative o código, ok?
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 22/11/15, 02:43 pm

@MateusAnjosV escreveu:Olá!

Sinceramente, eu não faço ideia do que pode ser, posso reconstruir, talvez funcione, pode-ser? Já vou adiantando o código aqui, caso deseje.  

Feliz

@MateusAnjosV agradeço amigo fico a espera ^^

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 23/11/15, 11:59 am

Bom dia @IsmaelS.

Lamento a demora, faça o seguinte, adicione esse CSS:
Código:
#fa_sticky_nav {top: 0px !important; display: inline-block;}
Seta No início! Ok?

Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 12:02 pm

@MateusAnjosV já resultou amigo, porém logo ao aceder o fórum ele aparece aberto:
- http://master-publicitario.forumeiros.com/forum

Queria só quando desse-mos scroll para baixo como aqui no FdF

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 23/11/15, 12:05 pm

Estranho... tente limpar os cookies / cache, pois aqui está como no FdF.
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 12:07 pm

@MateusAnjosV continua igual amigo, limpei e depois acedi ao fórum e aparece logo aberto o menu :/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 23/11/15, 12:10 pm

avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 12:15 pm

@MateusAnjosV utilizo o Chrome, mas clique no botão e deixe o aberto e depois faça F5 e veja que ele vai continuar aberto e só devia quando desse-mos scroll.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 23/11/15, 12:23 pm

Olá!

Troque por esse:
Código:
#fa_sticky_nav {display: inline-block !important;}

Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 03:35 pm

@MateusAnjosV agora sim ficou óptimo, queria saber se era possível adicionar estes pequenas funções:


Uma para é o link de bbcode da página e outro é para adicionar aos favoritos, é utilizado nesta barra:
- http://help.forumotion.com/t144528-colorize-the-code-tags

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 23/11/15, 03:39 pm

É claro, mas... onde? Em que lado da barra? Vou adiantando o código e aguardo a sua resposta.
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 03:42 pm

@MateusAnjosV no canto esquerdo também se possível amigo.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Wamki em 23/11/15, 03:49 pm

Altere o código JS pra este:
Código:
function(){if(!window.FA)window.FA={};if(FA.Nav){if(window.console&&console.warn)console.warn('FA.Nav has already been defined');return}FA.Nav={targetNode:'#page-header .navlinks',customNav:'<li id="sticky_forum_options"><a href="javascript:FA.Nav.copyURL();" class="mainmenu" title="Copy BBCode URL"><i class="fa"></i></a>'+(/\/t\d+/.test(window.location.href)?'<a href="/search?add_favourite='+window.location.href.replace(/.*?\/t(\d+).*/,'$1')+'&search_id=favouritesearch" class="mainmenu" title="Add this topic to your favourites"><i class="fa"></i></a>':'')+'</li>',keepDefault:true,collapsible:true,offsets:{tbVisible:{bottom:31,top:'31px'},tbHidden:{bottom:0,top:'0px'},toggler:'30px'},activeOffset:{},visible:false,checkState:function(){if(!FA.Nav.animating){var hidden=FA.Nav.barStatic.getBoundingClientRect().bottom<=FA.Nav.activeOffset.bottom;if(hidden&&FA.Nav.barSticky.style.top!=FA.Nav.activeOffset.top){if(FA.Nav.toggler)FA.Nav.toggler.style.top=FA.Nav.offsets.toggler;FA.Nav.barSticky.style.top=FA.Nav.activeOffset.top;FA.Nav.visible=true}else if(!hidden&&FA.Nav.barSticky.style.top!='-30px'){if(FA.Nav.toggler)FA.Nav.toggler.style.top='-30px';FA.Nav.barSticky.style.top='-30px';FA.Nav.visible=false}}},animating:false,animate:function(){if(FA.Nav.visible){FA.Nav.animating=true;FA.Nav.barSticky.style.transition='none';$(FA.Nav.barSticky).animate({top:FA.Nav.activeOffset.top},function(){FA.Nav.barSticky.style.transition='';FA.Nav.animating=false;FA.Nav.checkState()})}},toggle:function(){if(FA.Nav.barSticky.style.width=='100%'){my_setcookie('fa_sticky_nav','hidden');FA.Nav.barSticky.style.width='0%'}else{my_setcookie('fa_sticky_nav','shown');FA.Nav.barSticky.style.width='100%'}return false},copyURL:function(){prompt('Copy the BBCode URL of this page ?','[url='+window.location.href+']'+document.title+'[/url]')}};$(function(){FA.Nav.activeOffset=(my_getcookie('toolbar_state')=='fa_hide'||!_userdata.activate_toolbar)?FA.Nav.offsets.tbHidden:FA.Nav.offsets.tbVisible;if(!_userdata.activate_toolbar)FA.Nav.offsets.toggler='0px';FA.Nav.barStatic=document.querySelector?document.querySelector(FA.Nav.targetNode):$(FA.Nav.targetNode)[0];if(FA.Nav.barStatic){FA.Nav.barSticky=FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault);if(FA.Nav.customNav)FA.Nav.barSticky.insertAdjacentHTML('beforeEnd',FA.Nav.customNav);FA.Nav.barSticky.id='fa_sticky_nav';FA.Nav.barSticky.style.width=my_getcookie('fa_sticky_nav')=='hidden'?'0%':'100%';FA.Nav.barSticky.style.top='-30px';document.body.appendChild(FA.Nav.barSticky);if(FA.Nav.collapsible){FA.Nav.toggler=document.createElement('A');FA.Nav.toggler.id='fa_sticky_toggle';FA.Nav.toggler.href='#';FA.Nav.toggler.style.top='-30px';FA.Nav.toggler.onclick=FA.Nav.toggle;document.body.appendChild(FA.Nav.toggler)};window.onscroll=FA.Nav.checkState;FA.Nav.checkState();$(function(){$('#fa_hide').click(function(){FA.Nav.activeOffset=FA.Nav.offsets.tbHidden;FA.Nav.animate()});$('#fa_show').click(function(){FA.Nav.activeOffset=FA.Nav.offsets.tbVisible;FA.Nav.animate()})})}})}());




Wamki
avatar

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 451

Ver perfil do usuário http://infostyle.forumbrasil.net

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 03:52 pm

Sem efeito nenhum e desativa o menu...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Wamki em 23/11/15, 03:52 pm

Perdão meu, exclui o ( no ínicio sem querer agora tente:
Código:
(function(){if(!window.FA)window.FA={};if(FA.Nav){if(window.console&&console.warn)console.warn('FA.Nav has already been defined');return}FA.Nav={targetNode:'#page-header .navlinks',customNav:'<li id="sticky_forum_options"><a href="javascript:FA.Nav.copyURL();" class="mainmenu" title="Copy BBCode URL"><i class="fa"></i></a>'+(/\/t\d+/.test(window.location.href)?'<a href="/search?add_favourite='+window.location.href.replace(/.*?\/t(\d+).*/,'$1')+'&search_id=favouritesearch" class="mainmenu" title="Add this topic to your favourites"><i class="fa"></i></a>':'')+'</li>',keepDefault:true,collapsible:true,offsets:{tbVisible:{bottom:31,top:'31px'},tbHidden:{bottom:0,top:'0px'},toggler:'30px'},activeOffset:{},visible:false,checkState:function(){if(!FA.Nav.animating){var hidden=FA.Nav.barStatic.getBoundingClientRect().bottom<=FA.Nav.activeOffset.bottom;if(hidden&&FA.Nav.barSticky.style.top!=FA.Nav.activeOffset.top){if(FA.Nav.toggler)FA.Nav.toggler.style.top=FA.Nav.offsets.toggler;FA.Nav.barSticky.style.top=FA.Nav.activeOffset.top;FA.Nav.visible=true}else if(!hidden&&FA.Nav.barSticky.style.top!='-30px'){if(FA.Nav.toggler)FA.Nav.toggler.style.top='-30px';FA.Nav.barSticky.style.top='-30px';FA.Nav.visible=false}}},animating:false,animate:function(){if(FA.Nav.visible){FA.Nav.animating=true;FA.Nav.barSticky.style.transition='none';$(FA.Nav.barSticky).animate({top:FA.Nav.activeOffset.top},function(){FA.Nav.barSticky.style.transition='';FA.Nav.animating=false;FA.Nav.checkState()})}},toggle:function(){if(FA.Nav.barSticky.style.width=='100%'){my_setcookie('fa_sticky_nav','hidden');FA.Nav.barSticky.style.width='0%'}else{my_setcookie('fa_sticky_nav','shown');FA.Nav.barSticky.style.width='100%'}return false},copyURL:function(){prompt('Copy the BBCode URL of this page ?','[url='+window.location.href+']'+document.title+'[/url]')}};$(function(){FA.Nav.activeOffset=(my_getcookie('toolbar_state')=='fa_hide'||!_userdata.activate_toolbar)?FA.Nav.offsets.tbHidden:FA.Nav.offsets.tbVisible;if(!_userdata.activate_toolbar)FA.Nav.offsets.toggler='0px';FA.Nav.barStatic=document.querySelector?document.querySelector(FA.Nav.targetNode):$(FA.Nav.targetNode)[0];if(FA.Nav.barStatic){FA.Nav.barSticky=FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault);if(FA.Nav.customNav)FA.Nav.barSticky.insertAdjacentHTML('beforeEnd',FA.Nav.customNav);FA.Nav.barSticky.id='fa_sticky_nav';FA.Nav.barSticky.style.width=my_getcookie('fa_sticky_nav')=='hidden'?'0%':'100%';FA.Nav.barSticky.style.top='-30px';document.body.appendChild(FA.Nav.barSticky);if(FA.Nav.collapsible){FA.Nav.toggler=document.createElement('A');FA.Nav.toggler.id='fa_sticky_toggle';FA.Nav.toggler.href='#';FA.Nav.toggler.style.top='-30px';FA.Nav.toggler.onclick=FA.Nav.toggle;document.body.appendChild(FA.Nav.toggler)};window.onscroll=FA.Nav.checkState;FA.Nav.checkState();$(function(){$('#fa_hide').click(function(){FA.Nav.activeOffset=FA.Nav.offsets.tbHidden;FA.Nav.animate()});$('#fa_show').click(function(){FA.Nav.activeOffset=FA.Nav.offsets.tbVisible;FA.Nav.animate()})})}})}());
avatar

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 451

Ver perfil do usuário http://infostyle.forumbrasil.net

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 03:54 pm

Continua sem efeito nenhum

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Wamki em 23/11/15, 04:02 pm

Agora tente este:
Código:
(function(){if(!window.FA)window.FA={};if(FA.Nav){if(window.console&&console.warn)console.warn('FA.Nav has already been defined');return}FA.Nav={targetNode:'#page-header .navlinks',customNav:'<li id="sticky_forum_options"><a href="javascript:FA.Nav.copyURL();" class="mainmenu" title="Copy BBCode URL"><i class="fa"></i></a>'+(/\/t\d+/.test(window.location.href)?'<a href="/search?add_favourite='+window.location.href.replace(/.*?\/t(\d+).*/,'$1')+'&search_id=favouritesearch" class="mainmenu" title="Add this topic to your favourites"><i class="fa"></i></a>':'')+'</li>',keepDefault:true,collapsible:true,offsets:{tbVisible:{bottom:31,top:'31px'},tbHidden:{bottom:0,top:'0px'},toggler:'30px'},activeOffset:{},visible:false,checkState:function(){if(!FA.Nav.animating){var hidden=FA.Nav.barStatic.getBoundingClientRect().bottom<=FA.Nav.activeOffset.bottom;if(hidden&&FA.Nav.barSticky.style.top!=FA.Nav.activeOffset.top){if(FA.Nav.toggler)FA.Nav.toggler.style.top=FA.Nav.offsets.toggler;FA.Nav.barSticky.style.top=FA.Nav.activeOffset.top;FA.Nav.visible=true}else if(!hidden&&FA.Nav.barSticky.style.top!='-30px'){if(FA.Nav.toggler)FA.Nav.toggler.style.top='-30px';FA.Nav.barSticky.style.top='-30px';FA.Nav.visible=false}}},animating:false,animate:function(){if(FA.Nav.visible){FA.Nav.animating=true;FA.Nav.barSticky.style.transition='none';$(FA.Nav.barSticky).animate({top:FA.Nav.activeOffset.top},function(){FA.Nav.barSticky.style.transition='';FA.Nav.animating=false;FA.Nav.checkState()})}},toggle:function(){if(FA.Nav.barSticky.style.width=='100%'){my_setcookie('fa_sticky_nav','hidden');FA.Nav.barSticky.style.width='0%'}else{my_setcookie('fa_sticky_nav','shown');FA.Nav.barSticky.style.width='100%'}return false},copyURL:function(){prompt('Copy the BBCode URL of this page ?','[url='+window.location.href+']'+document.title+'[/url]')}};$(function(){FA.Nav.activeOffset=(my_getcookie('toolbar_state')=='fa_hide'||!_userdata.activate_toolbar)?FA.Nav.offsets.tbHidden:FA.Nav.offsets.tbVisible;if(!_userdata.activate_toolbar)FA.Nav.offsets.toggler='0px';FA.Nav.barStatic=document.querySelector?document.querySelector(FA.Nav.targetNode):$(FA.Nav.targetNode)[0];if(FA.Nav.barStatic){FA.Nav.barSticky=FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault);if(FA.Nav.customNav)FA.Nav.barSticky.insertAdjacentHTML('beforeEnd',FA.Nav.customNav);FA.Nav.barSticky.id='fa_sticky_nav';FA.Nav.barSticky.style.width=my_getcookie('fa_sticky_nav')=='hidden'?'0%':'100%';FA.Nav.barSticky.style.top='-30px';document.body.appendChild(FA.Nav.barSticky);if(FA.Nav.collapsible){FA.Nav.toggler=document.createElement('A');FA.Nav.toggler.id='fa_sticky_toggle';FA.Nav.toggler.href='#';FA.Nav.toggler.style.top='-30px';FA.Nav.toggler.onclick=FA.Nav.toggle;document.body.appendChild(FA.Nav.toggler)};window.onscroll=FA.Nav.checkState;FA.Nav.checkState();$(function(){$('#fa_hide').click(function(){FA.Nav.activeOffset=FA.Nav.offsets.tbHidden;FA.Nav.animate()});$('#fa_show').click(function(){FA.Nav.activeOffset=FA.Nav.offsets.tbVisible;FA.Nav.animate()})})}})}());

Até mais,
avatar

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 451

Ver perfil do usuário http://infostyle.forumbrasil.net

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 04:04 pm

2Continua sem efeito irei aguardar antes pelo @MateusAnjosV como ele disse que ia montar algo.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Wamki em 23/11/15, 04:06 pm

Mas senhor,

Eu testei em todos fóruns phpBB3 até seu deu resultado bom, :s
avatar

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 451

Ver perfil do usuário http://infostyle.forumbrasil.net

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 04:09 pm

@Wamki escreveu:Mas senhor,

Eu testei em todos fóruns phpBB3 até seu deu resultado bom, :s

Pois mas testei no meu e não resultou em nada.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 23/11/15, 06:21 pm

Boa noite Ismael!

Eu refiz o código, os ícons, você mesmo poderia por? Estou com pressa no momento, refiz com base naquele, teste:
Seta Crie um novo js, em todas as páginas.
Código:
$(document).ready(function(){
function mateus(){prompt('Copy the BBCode URL of this page ?','[url='+window.location.href+']'+document.title+'[/url]')}; var url = window.location; var title = "Master Publicitário"; function eutomateus(){
          
     if ($.browser.mozilla == true) {
         window.sidebar.addPanel(title, url, '');
       return false;
    
     } else if($.browser.msie == true) {  
         window.external.AddFavorite( url, title);
         return false;
    
     } else {
         alert('Pressione as teclas CTRL + D para adicionar aos favoritos.');
     }
 };
 
 $('#fa_sticky_nav li').after('<div id="mateus" style="color: black !important;font-size: 15px !important;position: fixed;z-index: 999999;top:0px;float: left;left: 50px" onclick="mateus();"><li>BBCODE</li></div><div id="mateus2" style="color: black !important;font-size: 15px !important;position: fixed;z-index: 999999;top:0px;left: 150px"><li><a href="#" onclick="eutomateus(); return false;">FAVORITO</a></li></div>');  
 
 $('#mateus, #mateus2').hide();
 setInterval(function(){
 
 if($(document).scrollTop() >= 219){
  $('#mateus, #mateus2').show();
 } else {
  $('#mateus, #mateus2').hide();
 }
 
 }, 255);
});

Vamos mudar, apenas teste, ok?
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 06:24 pm

Sim eu depois coloco os ícones, já apareceu, só falta agora colocar as suas funções.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 23/11/15, 06:38 pm

Na verdade, elas já estão ai... foi erro meu. Faça o seguinte, delete ambos os códigos javascripts e crie apenas um, em todas as páginas:
Código:
(function() {
  if (!window.FA) window.FA = {};
  if (FA.Nav) {
    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
    return;
  }
 
  FA.Nav = {
 
    // TARGET NODES BY VERSION
    // PHPBB2  : .bodyline > table + table
    // PHPBB3  : #page-header .navlinks
    // PUNBB    : #pun-navlinks
    // INVISION : #submenu
    targetNode : '#page-header .navlinks',
 
    customNav : '', // custom navlinks
 
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
 
 
    // offset states
    offsets : {
      tbVisible : {
        bottom : 30,
        top : '30px'
      },
   
      tbHidden : {
        bottom : 0,
        top : '0px'
      },
   
      toggler : '30px'
    },
 
    activeOffset : {}, // active offset for the sticky nav
 
    visible : false, // sticky nav is visible
 
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
   
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
          FA.Nav.visible = true;
        } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '-30px';
          FA.Nav.barSticky.style.top = '-30px';
          FA.Nav.visible = false;
        }
      }
    },
 
    animating : false, // sticky nav is animating
 
    // animate the sticky nav when the toolbar is toggled
    animate : function() {
      if (FA.Nav.visible) {
        FA.Nav.animating = true;
        FA.Nav.barSticky.style.transition = 'none';
   
        $(FA.Nav.barSticky).animate({
          top : FA.Nav.activeOffset.top
        }, function() {
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
 
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
      if (FA.Nav.barSticky.style.width == '100%') {
        my_setcookie('fa_sticky_nav', 'hidden');
        FA.Nav.barSticky.style.width = '0%';
      } else {
        my_setcookie('fa_sticky_nav', 'shown');
        FA.Nav.barSticky.style.width = '100%';
      }
      return false;
    }
 
  };
 
  $(function() {
    // set default offsets based on toolbar state
    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
 
    // find the static nav
    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
 
    if (FA.Nav.barStatic) {
      FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
      if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
      FA.Nav.barSticky.id = 'fa_sticky_nav';
      FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
      FA.Nav.barSticky.style.top = '-30px';
       
      document.body.appendChild(FA.Nav.barSticky); // append the sticky one
       
      // sticky nav toggler
      if (FA.Nav.collapsible) {
        FA.Nav.toggler = document.createElement('A');
        FA.Nav.toggler.id = 'fa_sticky_toggle';
        FA.Nav.toggler.href = '#';
        FA.Nav.toggler.style.top = '-30px';
        FA.Nav.toggler.onclick = FA.Nav.toggle;
       
        document.body.appendChild(FA.Nav.toggler);
      };
     
      window.onscroll = FA.Nav.checkState; // check state on scroll
      FA.Nav.checkState(); // startup check
   
      // toolbar modifications
      $(function() {
        // animate sticky nav and change offsets when the toolbar is toggled
        $('#fa_hide').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
          FA.Nav.animate();
        });
     
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }
  });
}());

function eutomateus(){
         
    if ($.browser.mozilla == true) {
        window.sidebar.addPanel(title, url, '');
      return false;
   
    } else if($.browser.msie == true) { 
        window.external.AddFavorite( url, title);
        return false;
   
    } else {
        alert('Pressione as teclas CTRL + D para adicionar aos favoritos.');
    }
 };

function mateus(){prompt('Copy the BBCode URL of this page ?','[url='+window.location.href+']'+document.title+'[/url]')};

$(document).ready(function(){
 var url = window.location; var title = "Master Publicitário";
 
 $('#fa_sticky_nav li').after('<div id="mateus" style="color: black !important;font-size: 15px !important;position: fixed;z-index: 999999;top:0px;float: left;left: 50px" onclick="mateus();"><li>BBCODE</li></div><div id="mateus2" style="color: black !important;font-size: 15px !important;position: fixed;z-index: 999999;top:0px;left: 150px"><li><a href="#" onclick="eutomateus(); return false;">FAVORITO</a></li></div>'); 
 
 $('#mateus, #mateus2').hide();
 setInterval(function(){
 
 if($(document).scrollTop() >= 219){
  $('#mateus, #mateus2').show();
 } else {
  $('#mateus, #mateus2').hide();
 }
 
 }, 255);
});

Verifique. Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 06:45 pm

@MateusAnjosV tentei modificar para os ícones "fa" mas não consegui :/ será que quando tiver tempo poderia fazer essa alteração?

BBCode: fa-link "\f0c1"
Favoritos: fa-star "\f005"

Ficaria agradecido amigo, caso não consiga agora tem tempo Piscada

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 23/11/15, 06:56 pm

Eu não sei se entendi... troque o js por esse:
Código:
(function() {
  if (!window.FA) window.FA = {};
  if (FA.Nav) {
    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
    return;
  }
 
  FA.Nav = {
 
    // TARGET NODES BY VERSION
    // PHPBB2  : .bodyline > table + table
    // PHPBB3  : #page-header .navlinks
    // PUNBB    : #pun-navlinks
    // INVISION : #submenu
    targetNode : '#page-header .navlinks',
 
    customNav : '', // custom navlinks
 
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
 
 
    // offset states
    offsets : {
      tbVisible : {
        bottom : 30,
        top : '30px'
      },
   
      tbHidden : {
        bottom : 0,
        top : '0px'
      },
   
      toggler : '30px'
    },
 
    activeOffset : {}, // active offset for the sticky nav
 
    visible : false, // sticky nav is visible
 
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
   
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
          FA.Nav.visible = true;
        } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '-30px';
          FA.Nav.barSticky.style.top = '-30px';
          FA.Nav.visible = false;
        }
      }
    },
 
    animating : false, // sticky nav is animating
 
    // animate the sticky nav when the toolbar is toggled
    animate : function() {
      if (FA.Nav.visible) {
        FA.Nav.animating = true;
        FA.Nav.barSticky.style.transition = 'none';
   
        $(FA.Nav.barSticky).animate({
          top : FA.Nav.activeOffset.top
        }, function() {
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
 
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
      if (FA.Nav.barSticky.style.width == '100%') {
        my_setcookie('fa_sticky_nav', 'hidden');
        FA.Nav.barSticky.style.width = '0%';
      } else {
        my_setcookie('fa_sticky_nav', 'shown');
        FA.Nav.barSticky.style.width = '100%';
      }
      return false;
    }
 
  };
 
  $(function() {
    // set default offsets based on toolbar state
    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
 
    // find the static nav
    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
 
    if (FA.Nav.barStatic) {
      FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
      if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
      FA.Nav.barSticky.id = 'fa_sticky_nav';
      FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
      FA.Nav.barSticky.style.top = '-30px';
       
      document.body.appendChild(FA.Nav.barSticky); // append the sticky one
       
      // sticky nav toggler
      if (FA.Nav.collapsible) {
        FA.Nav.toggler = document.createElement('A');
        FA.Nav.toggler.id = 'fa_sticky_toggle';
        FA.Nav.toggler.href = '#';
        FA.Nav.toggler.style.top = '-30px';
        FA.Nav.toggler.onclick = FA.Nav.toggle;
       
        document.body.appendChild(FA.Nav.toggler);
      };
     
      window.onscroll = FA.Nav.checkState; // check state on scroll
      FA.Nav.checkState(); // startup check
   
      // toolbar modifications
      $(function() {
        // animate sticky nav and change offsets when the toolbar is toggled
        $('#fa_hide').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
          FA.Nav.animate();
        });
     
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }
  });
}());

function eutomateus(){
         
    if ($.browser.mozilla == true) {
        window.sidebar.addPanel(title, url, '');
      return false;
   
    } else if($.browser.msie == true) { 
        window.external.AddFavorite( url, title);
        return false;
   
    } else {
        alert('Pressione as teclas CTRL + D para adicionar aos favoritos.');
    }
 };

function mateus(){prompt('Copy the BBCode URL of this page ?','[url='+window.location.href+']'+document.title+'[/url]')};

$(document).ready(function(){
 var url = window.location; var title = "Master Publicitário";
 
 $('#fa_sticky_nav li:first-of-type').after('<div id="mateus" style="color: black !important;font-size: 15px !important;position: fixed;z-index: 999999;top:0px;float: left;left: 50px" onclick="mateus();"><li>BBCODE</li></div><div id="mateus2" style="color: black !important;font-size: 15px !important;position: fixed;z-index: 999999;top:0px;left: 100px"><li><a href="#" onclick="eutomateus(); return false;">FAVORITO</a></li></div>'); 
 
 $('#mateus, #mateus2').hide();
 setInterval(function(){
 
 if($(document).scrollTop() >= 219){
  $('#mateus, #mateus2').show();
 } else {
  $('#mateus, #mateus2').hide();
 }
 
 }, 255);
$('#mateus li').html('').addClass('semnome');
$('#mateus2 li').html('').addClass('semnome2');
});

Acrescente no CSS:
Código:
.semnome:before {content: "\f0c1"}
.semnome2:before {content:  "\f005"}
Acho que com base nisso, consegue mudar, qualquer coisa me avise!
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 07:35 pm

@MateusAnjosV apenas aparece uns quadrados " [] " estranho...
- http://master-publicitario.forumeiros.com/forum

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Fraise em 23/11/15, 07:43 pm

Boa noite.

Troque o CSS por este:
Código:
.semnome:before {content: "\f0c1";font-family: fontawesome;}
.semnome2:before {content:  "\f005";font-family: fontawesome;}

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 08:04 pm

Já apareceram, mas queria deixar em azul e o efeito de passar o mouse não está a funcionar e se possível colocar mais para a esquerda e mais juntos.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Fraise em 23/11/15, 08:09 pm

Qual seria o efeito de passar o mouse?
No mais, troque o código por este:
Código:
.semnome:before {content: "\f0c1"; font-family: fontawesome;} color: #00A4CD;
.semnome2:before {content:  "\f005"; font-family: fontawesome; color: #00A4CD;}

Até mais.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 08:13 pm

@Fraise não apareceu um ícone e não ficou em azul o efeito é como esta no meu ao passar o mouse aquele traço azul por baixo.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Fraise em 23/11/15, 08:15 pm

Certo. Troque por este:
Código:
.semnome:hover {
    border-bottom: 2px solid #00A4CD;
    transition-duration: .2s;
}

.semnome2:hover {
    border-bottom: 2px solid #00A4CD;
    transition-duration: .2s;
}

.semnome:before {content: "\f0c1"; font-family: fontawesome; color: #00A4CD;}
.semnome2:before {content:  "\f005"; font-family: fontawesome; color: #00A4CD;}

até mais.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 23/11/15, 08:17 pm

Já apareceu algo mas não está igual como os outros amigo e parece que os ícones estão a negrito oO

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 25/11/15, 02:45 pm


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Slurk em 25/11/15, 03:00 pm

Olá amigo, o que falta pra terminar sua questão?
avatar

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 427

Ver perfil do usuário http://beststyle.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 25/11/15, 03:14 pm

Boa tarde!

Bem no meu fórum está desta maneira:


Só que queria deixa assim, sem estar a negrito e o mais a esquerda:


E tem um problema ao fechar esse menu os ícones ficam na mesma a aparecer:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Slurk em 25/11/15, 03:52 pm

Tudo bem, retire esses codigos da sua folha de estilo:

Código:
ul.linklist li {font-size: 1.1em;}
div#mateus {position: fixed;}
div#mateus2 {position:fixed;}

depois disto, adicione esse codigo:

Código:
div#mateus2 {left: 60px;}
avatar

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 427

Ver perfil do usuário http://beststyle.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 25/11/15, 04:23 pm

Dos 3 códigos que falou não estão na folha de estilo...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Slurk em 25/11/15, 04:43 pm

estão sim, mas você tem que procurar certo, não pelo codigo inteiro,

exemplo:

Código:
ul.linklist li

e dentro do { dessa variavel você procura por :

Código:
font-size: 1.1em;

e retira esse codigo.

e assim com os outros.
avatar

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 427

Ver perfil do usuário http://beststyle.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 25/11/15, 04:54 pm

Eu sei e já tinha tentado, mas eles não estão na folha de estilo...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por Slurk em 25/11/15, 05:39 pm

hum,desculpe, esta no js... altere o js seu pra este:

Código:
(function() {
  if (!window.FA) window.FA = {};
  if (FA.Nav) {
    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
    return;
  }
 
  FA.Nav = {
 
    // TARGET NODES BY VERSION
    // PHPBB2  : .bodyline > table + table
    // PHPBB3  : #page-header .navlinks
    // PUNBB    : #pun-navlinks
    // INVISION : #submenu
    targetNode : '#page-header .navlinks',
 
    customNav : '', // custom navlinks
 
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
 
 
    // offset states
    offsets : {
      tbVisible : {
        bottom : 30,
        top : '30px'
      },
   
      tbHidden : {
        bottom : 0,
        top : '0px'
      },
   
      toggler : '30px'
    },
 
    activeOffset : {}, // active offset for the sticky nav
 
    visible : false, // sticky nav is visible
 
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
   
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
          FA.Nav.visible = true;
        } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '-30px';
          FA.Nav.barSticky.style.top = '-30px';
          FA.Nav.visible = false;
        }
      }
    },
 
    animating : false, // sticky nav is animating
 
    // animate the sticky nav when the toolbar is toggled
    animate : function() {
      if (FA.Nav.visible) {
        FA.Nav.animating = true;
        FA.Nav.barSticky.style.transition = 'none';
   
        $(FA.Nav.barSticky).animate({
          top : FA.Nav.activeOffset.top
        }, function() {
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
 
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
      if (FA.Nav.barSticky.style.width == '100%') {
        my_setcookie('fa_sticky_nav', 'hidden');
        FA.Nav.barSticky.style.width = '0%';
      } else {
        my_setcookie('fa_sticky_nav', 'shown');
        FA.Nav.barSticky.style.width = '100%';
      }
      return false;
    }
 
  };
 
  $(function() {
    // set default offsets based on toolbar state
    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
 
    // find the static nav
    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
 
    if (FA.Nav.barStatic) {
      FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
      if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
      FA.Nav.barSticky.id = 'fa_sticky_nav';
      FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
      FA.Nav.barSticky.style.top = '-30px';
       
      document.body.appendChild(FA.Nav.barSticky); // append the sticky one
       
      // sticky nav toggler
      if (FA.Nav.collapsible) {
        FA.Nav.toggler = document.createElement('A');
        FA.Nav.toggler.id = 'fa_sticky_toggle';
        FA.Nav.toggler.href = '#';
        FA.Nav.toggler.style.top = '-30px';
        FA.Nav.toggler.onclick = FA.Nav.toggle;
       
        document.body.appendChild(FA.Nav.toggler);
      };
     
      window.onscroll = FA.Nav.checkState; // check state on scroll
      FA.Nav.checkState(); // startup check
   
      // toolbar modifications
      $(function() {
        // animate sticky nav and change offsets when the toolbar is toggled
        $('#fa_hide').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
          FA.Nav.animate();
        });
     
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }
  });
}());

function eutomateus(){
         
    if ($.browser.mozilla == true) {
        window.sidebar.addPanel(title, url, '');
      return false;
   
    } else if($.browser.msie == true) { 
        window.external.AddFavorite( url, title);
        return false;
   
    } else {
        alert('Pressione as teclas CTRL + D para adicionar aos favoritos.');
    }
 };

function mateus(){prompt('Copy the BBCode URL of this page ?','[url='+window.location.href+']'+document.title+'[/url]')};

$(document).ready(function(){
 var url = window.location; var title = "Master Publicitário";
 
 $('#fa_sticky_nav li:first-of-type').after('<div id="mateus" style="color: black !important;font-size: 15px !important;z-index: 999999;top:0px;float: left;left: 50px" onclick="mateus();"><li>BBCODE</li></div><div id="mateus2" style="color: black !important;font-size: 15px !important;z-index: 999999;top:0px;left: 60px"><li><a href="#" onclick="eutomateus(); return false;">FAVORITO</a></li></div>'); 
 
 $('#mateus, #mateus2').hide();
 setInterval(function(){
 
 if($(document).scrollTop() >= 219){
  $('#mateus, #mateus2').show();
 } else {
  $('#mateus, #mateus2').hide();
 }
 
 }, 255);
$('#mateus li').html('').addClass('semnome');
$('#mateus2 li').html('').addClass('semnome2');
});
avatar

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 427

Ver perfil do usuário http://beststyle.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 25/11/15, 05:47 pm

Boa tarde!

Esqueci do seu tópico, me desculpe. Quando tentar com o código do usuário acima e caso não funcione, remova tudo que ele forneceu e deixe somente o meu último javascript, ok? Assim que fizer isso, me marque aqui para que eu efetue os testes e corrija.

Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 25/11/15, 05:59 pm

@MateusAnjosV não tem mal amigo, o código dele não resultou por isso coloquei o que estava:
Código:
(function() {
  if (!window.FA) window.FA = {};
  if (FA.Nav) {
    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
    return;
  }
 
  FA.Nav = {
 
    // TARGET NODES BY VERSION
    // PHPBB2  : .bodyline > table + table
    // PHPBB3  : #page-header .navlinks
    // PUNBB    : #pun-navlinks
    // INVISION : #submenu
    targetNode : '#page-header .navlinks',
 
    customNav : '', // custom navlinks
 
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
 
 
    // offset states
    offsets : {
      tbVisible : {
        bottom : 30,
        top : '30px'
      },
   
      tbHidden : {
        bottom : 0,
        top : '0px'
      },
   
      toggler : '30px'
    },
 
    activeOffset : {}, // active offset for the sticky nav
 
    visible : false, // sticky nav is visible
 
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
   
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
          FA.Nav.visible = true;
        } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '-30px';
          FA.Nav.barSticky.style.top = '-30px';
          FA.Nav.visible = false;
        }
      }
    },
 
    animating : false, // sticky nav is animating
 
    // animate the sticky nav when the toolbar is toggled
    animate : function() {
      if (FA.Nav.visible) {
        FA.Nav.animating = true;
        FA.Nav.barSticky.style.transition = 'none';
   
        $(FA.Nav.barSticky).animate({
          top : FA.Nav.activeOffset.top
        }, function() {
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
 
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
      if (FA.Nav.barSticky.style.width == '100%') {
        my_setcookie('fa_sticky_nav', 'hidden');
        FA.Nav.barSticky.style.width = '0%';
      } else {
        my_setcookie('fa_sticky_nav', 'shown');
        FA.Nav.barSticky.style.width = '100%';
      }
      return false;
    }
 
  };
 
  $(function() {
    // set default offsets based on toolbar state
    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
 
    // find the static nav
    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
 
    if (FA.Nav.barStatic) {
      FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
      if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
      FA.Nav.barSticky.id = 'fa_sticky_nav';
      FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
      FA.Nav.barSticky.style.top = '-30px';
       
      document.body.appendChild(FA.Nav.barSticky); // append the sticky one
       
      // sticky nav toggler
      if (FA.Nav.collapsible) {
        FA.Nav.toggler = document.createElement('A');
        FA.Nav.toggler.id = 'fa_sticky_toggle';
        FA.Nav.toggler.href = '#';
        FA.Nav.toggler.style.top = '-30px';
        FA.Nav.toggler.onclick = FA.Nav.toggle;
       
        document.body.appendChild(FA.Nav.toggler);
      };
     
      window.onscroll = FA.Nav.checkState; // check state on scroll
      FA.Nav.checkState(); // startup check
   
      // toolbar modifications
      $(function() {
        // animate sticky nav and change offsets when the toolbar is toggled
        $('#fa_hide').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
          FA.Nav.animate();
        });
     
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }
  });
}());

function eutomateus(){
         
    if ($.browser.mozilla == true) {
        window.sidebar.addPanel(title, url, '');
      return false;
   
    } else if($.browser.msie == true) { 
        window.external.AddFavorite( url, title);
        return false;
   
    } else {
        alert('Pressione as teclas CTRL + D para adicionar aos favoritos.');
    }
 };

function mateus(){prompt('Copy the BBCode URL of this page ?','[url='+window.location.href+']'+document.title+'[/url]')};

$(document).ready(function(){
 var url = window.location; var title = "Master Publicitário";
 
 $('#fa_sticky_nav li:first-of-type').after('<div id="mateus" style="color: black !important;font-size: 15px !important;position: fixed;z-index: 999999;top:0px;float: left;left: 50px" onclick="mateus();"><li>BBCODE</li></div><div id="mateus2" style="color: black !important;font-size: 15px !important;position: fixed;z-index: 999999;top:0px;left: 100px"><li><a href="#" onclick="eutomateus(); return false;">FAVORITO</a></li></div>'); 
 
 $('#mateus, #mateus2').hide();
 setInterval(function(){
 
 if($(document).scrollTop() >= 219){
  $('#mateus, #mateus2').show();
 } else {
  $('#mateus, #mateus2').hide();
 }
 
 }, 255);
$('#mateus li').html('').addClass('semnome');
$('#mateus2 li').html('').addClass('semnome2');
});

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV em 25/11/15, 06:31 pm

Certo, faça o seguinte: troque o último css que você aplicou do @Fraise, para esse:

Código:
.semnome:before {content: "\f0c1"; font-family: fontawesome; color: #00A4CD;}
.semnome2:before {content:  "\f005"; font-family: fontawesome; color: #00A4CD;}

#mateus, #mateus2 {padding: 0 10px;position: fixed; z-index: 999999; top: 0px; left: 100px; color: black !important; font-size: 15px !important; display: block; background-position: 35px 40px; max-width: 20px !important;}  #mateus:hover, #mateus2:hover{background: url('http://i18.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 35px 27px !important; padding: 0 10px;transition: 200ms;height: 30px}
#mateus {margin-left: -50px}
#mateus2 {margin-left: -75px}

Abraços!
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1436
Pontos Ativos : 2009

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. em 25/11/15, 06:33 pm

@MateusAnjosV já ficou bem mas apenas esta a negrito ainda será possível deixar normal?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Página 1 de 2 1, 2  Seguinte

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