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

Atendido / Resolvido Navbar sticky com erro

Mensagem por IsmaelS. 18.11.15 19:55

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:
Navbar sticky com erro 2lk2q02

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 16:43, editado 1 vez(es)
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Chagas 18.11.15 23:50

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


Navbar sticky com erro IX6xWl9
"Eu quero um punhado de estrelas... eu quero a doçura do verbo viver."

Eu sou o Chagas,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

Chagas

Chagas
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/10/2015
Mensagens : 875
Pontos ativos : 1080

https://pelotao.forumeiros.com

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 19.11.15 0:05

Continua igual...
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 20.11.15 3:37

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
MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 20.11.15 8:44

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 22.11.15 16:32

avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 22.11.15 16:40

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?
MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 22.11.15 16:43

@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 ^^
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 23.11.15 13:59

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
MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 14:02

@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
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 23.11.15 14:05

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 14:07

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 23.11.15 14:10

MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 14:15

@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.
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 23.11.15 14:23

Olá!

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

Feliz
MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 17:35

@MateusAnjosV agora sim ficou óptimo, queria saber se era possível adicionar estes pequenas funções:
Navbar sticky com erro 2ldgevd

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
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 23.11.15 17:39

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 17:42

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Chagas 23.11.15 17:49

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


Navbar sticky com erro IX6xWl9
"Eu quero um punhado de estrelas... eu quero a doçura do verbo viver."

Eu sou o Chagas,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

Chagas

Chagas
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/10/2015
Mensagens : 875
Pontos ativos : 1080

https://pelotao.forumeiros.com

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 17:52

Sem efeito nenhum e desativa o menu...
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Chagas 23.11.15 17:52

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()})})}})}());


Navbar sticky com erro IX6xWl9
"Eu quero um punhado de estrelas... eu quero a doçura do verbo viver."

Eu sou o Chagas,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

Chagas

Chagas
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/10/2015
Mensagens : 875
Pontos ativos : 1080

https://pelotao.forumeiros.com

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 17:54

Continua sem efeito nenhum
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Chagas 23.11.15 18:02

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,


Navbar sticky com erro IX6xWl9
"Eu quero um punhado de estrelas... eu quero a doçura do verbo viver."

Eu sou o Chagas,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

Chagas

Chagas
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/10/2015
Mensagens : 875
Pontos ativos : 1080

https://pelotao.forumeiros.com

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 18:04

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Chagas 23.11.15 18:06

Mas senhor,

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


Navbar sticky com erro IX6xWl9
"Eu quero um punhado de estrelas... eu quero a doçura do verbo viver."

Eu sou o Chagas,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

Chagas

Chagas
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/10/2015
Mensagens : 875
Pontos ativos : 1080

https://pelotao.forumeiros.com

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 18:09

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 23.11.15 20:21

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?
MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 20:24

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 23.11.15 20:38

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
MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 20:45

@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
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 23.11.15 20:56

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!
MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 21:35

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Fraise 23.11.15 21:43

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
Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6307
Pontos ativos : 7775

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 22:04

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Fraise 23.11.15 22:09

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.
Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6307
Pontos ativos : 7775

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 22:13

@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.
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Fraise 23.11.15 22:15

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.
Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6307
Pontos ativos : 7775

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 23.11.15 22:17

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 25.11.15 16:45

avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Slurk 25.11.15 17:00

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

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos ativos : 437

http://beststyle.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 25.11.15 17:14

Boa tarde!

Bem no meu fórum está desta maneira:
Navbar sticky com erro 2md5m6v

Só que queria deixa assim, sem estar a negrito e o mais a esquerda:
Navbar sticky com erro 714bgo

E tem um problema ao fechar esse menu os ícones ficam na mesma a aparecer:
Navbar sticky com erro 30horie
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Slurk 25.11.15 17:52

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;}
Slurk

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos ativos : 437

http://beststyle.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 25.11.15 18:23

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Slurk 25.11.15 18:43

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.
Slurk

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos ativos : 437

http://beststyle.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 25.11.15 18:54

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por Slurk 25.11.15 19:39

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');
});
Slurk

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos ativos : 437

http://beststyle.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 25.11.15 19:47

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
MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 25.11.15 19:59

@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');
});
avatar

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

http://suporte-design.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV 25.11.15 20:31

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!
MateusAnjosV

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1714
Pontos ativos : 2356

http://holder.forumeiros.com/

Atendido / Resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. 25.11.15 20:33

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2992
Pontos ativos : 4140

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