Deixar apenas um dos menus com imagem

Detalhes da questão

Endereço do fórum: http://www.brasilmundogamer.com.br/forum
Versão do fórum: phpBB3

Descrição

Olá pessoal, gostaria de personalizar a barra de menu do meu fórum (onde fica escrito Inicio, Portal, etc...) de um modo em que apenas uma das opções fique com imagem ao invés de texto.

Sei que tem como deixar todos só com texto ou só com imagem ou com os dois juntos, porem gostaria de saber de há como alterar essas opções em apenas uma opção do menu ao invés de em todos juntos.

Olá Maiicinhu,

O senhor poderia dá um exemplo de como deseja que menu de busca do seu fórum fique. De preferência exemplo com imagem.

Estou no aguardo!

Olá autor!

Eu entrei em seu fórum e notei que já fez o que solicita neste tópico, referente ao menu. Mas de qualquer forma, preciso saber qual menu o senhor quer que fique apenas imagem e quais sem imagem.
Vale lembrá-lo que, tanto por CSS como pelo CPainel dá para retirar as imagens de alguns e outro(s) deixar com a imagem.

Att!

Pessoal, eu mexendo nos codigos acabei conseguindo o que eu queria, quer seria deixar o botao "inicio" com uma casinha, que nem ta no print:




Agora o erro esta sendo ajusta esse final, para que saia essas quinas brancas no final da barra.



ja tentei de tudo e nao consegui remover.

Aceda à: CPainel > Visualização >> Imagens e Cores >>> Gestão das imagens - Modo Avançado > Aba "Geral/Navegação"'
Desça até o final e verá 4 campos referentes à "cantos". Basta retirar o link(url) de todos e salvar!

Att!

Finalmente, muito obrigado eu nao conseguia achar nada relacionado aquela parte da pagina, funcionou certinho.

nao sei se essa minha outra duvida pode ser retirada aqui, mas eu queria que quando a pagina subisse, o menu ficasse fixado no topo e extendido que nem fica a barra de tarefas aqui do FdF.

ja tentei fazer mas o menu sempre ficava na frente do banner do meu forum e nao acima. Eu quero que o menu fique onde ele ta agora (Abaixo do banner) e quando a pagina subisse, ele ficasse no topo e extendido de um canto ao outro.

Caso essa duvida nao possa ser sanada nesse topico mesmo, podem fechar

O certo era um outro tópico, mas de darei a resposta.

Crie um novo js com investimento em todas as paginas com esse código:

Código:

jQuery(function ($) {
    function adriel() {
        var $sagaz = $('ul.linklist.navlinks');
        if ($(window).scrollTop() > 100)
            $sagaz.css({
                'position': 'fixed',
                'top': '0px'             
            });
        else
            $sagaz.css({
                'position': 'relative',
                'top': 'auto'
            });
    }
    $(window).scroll(adriel);
    adriel();
});

while escreveu:O certo era um outro tópico, mas de darei a resposta.

Crie um novo js com investimento em todas as paginas com esse código:

Código:

jQuery(function ($) {
    function adriel() {
        var $sagaz = $('ul.linklist.navlinks');
        if ($(window).scrollTop() > 100)
            $sagaz.css({
                'position': 'fixed',
                'top': '0px'             
            });
        else
            $sagaz.css({
                'position': 'relative',
                'top': 'auto'
            });
    }
    $(window).scroll(adriel);
    adriel();
});

Nao funcionou, o menu continua normal

Aparentemente o senhor criou um código JavaScript com uma tag HTML, que está causando um erro:
-> http://prntscr.com/hcjupx

Poderia postar este JavaScript aqui para que possamos corrigi-lo? o/

Código:

<script>

   jQuery(function($){

      $("#nascimento").mask("99/99/9999");

      $("#telefone").mask("(99) 9999-9999");

     $("#celular").mask("(99) 99999-9999");

     $("#cpf").mask("999.999.999-99");

     $("#cep").mask("99999-999");

     $("#numero").mask("99.999");

});

</script>

<script>

    function consultacep(cep){

      cep = cep.replace(/\D/g,"")

      url="http://cep.correiocontrol.com.br/"+cep+".js"

      s=document.createElement('script')

      s.setAttribute('charset','utf-8')

      s.src=url

      document.querySelector('head').appendChild(s)

    }

 

    function correiocontrolcep(valor){

      if (valor.erro) {

        alert('Cep não encontrado');     

        return;

      };

      document.getElementById('logradouro').value=valor.logradouro

      document.getElementById('bairro').value=valor.bairro

      document.getElementById('localidade').value=valor.localidade

      document.getElementById('uf').value=valor.uf



    }



    </script>

Acho que o codigo é esse

Desculpe o double post, mas eu acabei deletando esse código que coloquei acima, pois vi que nao me era útil no momento.

e o código fornecido pelo while nao funcionou.

Tentativa ²:

Altere o código que passei por esse:

Código:


$(function(){
var x = $(window),
  y = $('.navlinks'),
    w = function(){
            x.scrollTop() > 200 ? y.addClass('ad') : y.removeClass('ad');
        };
    x.scroll(w);
});

E adicione esse código em sua folha de estilo css:

Código:

.ad {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
}

Até.

Codigos adicionados e nada mudou.
Caso sirva de algo, esse forum tem um tipo parecido de menu:
http://www.brasilplayforever.com/forum

Okay, se é desse jeito que quer, veja minha mensagem nesse tópico: https://ajuda.forumeiros.com/t104940-menu-ao-rola-a-barra

Apenas siga o que eu disse no tópico e buf, funcionará.

Não funcionou kk, while deve ter algum problema com o meu forum, porque tenho tentado isso a muito tempo e nada funciona.

Adicionei tudo certinho e nao funfou

De fato há alguns javascript com uso de html de forma totalmente errada, que no caso acaba entrando em conflito, mas, dei uma editada no código, veja se dessa vez dá certo. OBS: Caso não, peço que desabilite todos os js que está usando e põe o código que te passei em vigor, assim, se caso der certo (provável) você vai ativando um por um até saber qual o que está entrando em conflito.

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

Mantenha o CSS que te passei acima e role a pagina pra ver se deu certo.

eu nao alterei o codigo nao, apaguei todos os JS e pegou, agora vou ver o que é util aqui pra repor e consertar. Obrigado pela paciencia while, me ajudou muito

Pode fechar o topico.