Navbar sticky com erro

+2
Chagas
IsmaelS.
6 participantes

Página 1 de 2 1, 2  Seguinte

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

Tópico resolvido Navbar sticky com erro

Mensagem por IsmaelS. Qua 18 Nov 2015 - 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 Qui 26 Nov 2015 - 16:43, editado 1 vez(es)
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Chagas Qua 18 Nov 2015 - 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
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 893
Pontos : 1098

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Qui 19 Nov 2015 - 0:05

Continua igual...
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Sex 20 Nov 2015 - 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
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Sex 20 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Dom 22 Nov 2015 - 16:32

avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Dom 22 Nov 2015 - 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
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Dom 22 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Seg 23 Nov 2015 - 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
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Seg 23 Nov 2015 - 14:05

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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 14:07

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

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Seg 23 Nov 2015 - 14:10

MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Seg 23 Nov 2015 - 14:23

Olá!

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

Feliz
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Seg 23 Nov 2015 - 17:39

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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 17:42

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

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Chagas Seg 23 Nov 2015 - 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
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 893
Pontos : 1098

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 17:52

Sem efeito nenhum e desativa o menu...
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Chagas Seg 23 Nov 2015 - 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()})})}})}());
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 893
Pontos : 1098

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 17:54

Continua sem efeito nenhum
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Chagas Seg 23 Nov 2015 - 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,
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 893
Pontos : 1098

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 18:04

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

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Chagas Seg 23 Nov 2015 - 18:06

Mas senhor,

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

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 893
Pontos : 1098

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Seg 23 Nov 2015 - 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
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 20:24

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

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Seg 23 Nov 2015 - 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
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Seg 23 Nov 2015 - 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
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 21:35

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

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Fraise Seg 23 Nov 2015 - 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
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Fraise Seg 23 Nov 2015 - 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
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Fraise Seg 23 Nov 2015 - 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
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Seg 23 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Qua 25 Nov 2015 - 16:45

avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Slurk Qua 25 Nov 2015 - 17:00

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

Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Qua 25 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Slurk Qua 25 Nov 2015 - 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
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Qua 25 Nov 2015 - 18:23

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

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Slurk Qua 25 Nov 2015 - 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
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Qua 25 Nov 2015 - 18:54

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

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por Slurk Qua 25 Nov 2015 - 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
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Qua 25 Nov 2015 - 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
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Qua 25 Nov 2015 - 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.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por MateusAnjosV Qua 25 Nov 2015 - 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
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Navbar sticky com erro

Mensagem por IsmaelS. Qua 25 Nov 2015 - 20:33

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

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

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

Ir para o topo Ir para baixo

Página 1 de 2 1, 2  Seguinte

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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