Deixar apenas um dos menus com imagem

5 participantes

Ir para baixo

Tópico resolvido Deixar apenas um dos menus com imagem

Mensagem por Maiicinhu 19.11.17 15:39

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.

Maiicinhu
Maiicinhu
Novo Membro

Membro desde : 04/04/2015
Mensagens : 10
Pontos : 14

http://brasilplaycarbonofic.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Ketholy 19.11.17 16:04

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!
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Konai 19.11.17 17:01

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! Feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Maiicinhu 19.11.17 18:01

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:

Deixar apenas um dos menus com imagem Dfhdfh10


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

Deixar apenas um dos menus com imagem Dsfsdf10

ja tentei de tudo e nao consegui remover.
Maiicinhu
Maiicinhu
Novo Membro

Membro desde : 04/04/2015
Mensagens : 10
Pontos : 14

http://brasilplaycarbonofic.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Konai 19.11.17 18:12

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

Att! Feliz
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Maiicinhu 19.11.17 18:27

Finalmente, muito obrigado Muito feliz 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 Muito feliz
Maiicinhu
Maiicinhu
Novo Membro

Membro desde : 04/04/2015
Mensagens : 10
Pontos : 14

http://brasilplaycarbonofic.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por while 19.11.17 18:38

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
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Maiicinhu 19.11.17 18:51

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
Maiicinhu
Maiicinhu
Novo Membro

Membro desde : 04/04/2015
Mensagens : 10
Pontos : 14

http://brasilplaycarbonofic.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Luiz 19.11.17 19:39

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/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Maiicinhu 19.11.17 21:15

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
Maiicinhu
Maiicinhu
Novo Membro

Membro desde : 04/04/2015
Mensagens : 10
Pontos : 14

http://brasilplaycarbonofic.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Maiicinhu 20.11.17 17:32

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.
Maiicinhu
Maiicinhu
Novo Membro

Membro desde : 04/04/2015
Mensagens : 10
Pontos : 14

http://brasilplaycarbonofic.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por while 21.11.17 1:36

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é.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Maiicinhu 21.11.17 19:53

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

Membro desde : 04/04/2015
Mensagens : 10
Pontos : 14

http://brasilplaycarbonofic.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por while 21.11.17 21:23

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

while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Maiicinhu 21.11.17 22:03

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
Maiicinhu
Maiicinhu
Novo Membro

Membro desde : 04/04/2015
Mensagens : 10
Pontos : 14

http://brasilplaycarbonofic.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por while 21.11.17 22:23

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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Maiicinhu 22.11.17 1:38

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 Muito feliz

Pode fechar o topico.
Maiicinhu
Maiicinhu
Novo Membro

Membro desde : 04/04/2015
Mensagens : 10
Pontos : 14

http://brasilplaycarbonofic.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Deixar apenas um dos menus com imagem

Mensagem por Ketholy 22.11.17 15:41

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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