Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

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


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

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
171 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 168 Visitantes :: 2 Motores de busca

MateusV., PESS_dodo, Shek Crowley

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Alterar header

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

Resolvido Alterar header

Mensagem por IsmaelS. em Ter 14 Mar 2017 - 2:52

Detalhes da questão


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

Descrição


Olá!

Eu sei que a versão ModernBB ainda não tem acesso aos templates, mas é possível na mesma deixar desta forma?:


- http://suportedesign.forumeiros.com/


Última edição por IsmaelS. em Qua 22 Mar 2017 - 0:46, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por Shek Crowley em Ter 14 Mar 2017 - 22:30

Boa noite.

Você pode incluir uma imagem! É só acessar Visualização >> Imagens e Cores >> Gestão das imagens >> Modo avançado > e localizar o campo Imagem de fundo do menu de navegação e substituir pela imagem desejada.

Atenciosamente,
Shek King


ShekAdmineiro - Fórum dos Fóruns
avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15974
Pontos Ativos : 23550

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Ter 14 Mar 2017 - 23:03

Olá!

Não é isso, o que queria dizer era que queira deixar o meu header como esse.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por while em Ter 14 Mar 2017 - 23:20

Olá autor, boa noite.

Adicione esse código em sua folha de estilo css:

Código:
.navbar {
                -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -o-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    background: #FFF;
    border-bottom: 3px solid #febe29;
    height: 60px;
    line-height: 60px;
    width: 120%;
    margin-left:-60px;
    z-index: 999;
    margin-top:28px;
        }
        .navbar a {
                -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    background-color: transparent;
    color: #848484;
    cursor: pointer;
    float: left;
    font-family: Ubuntu;
    font-size: 13px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    list-style-type: none;
    margin-left: 1px;
    padding: 0 18px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease;
    margin-top:-20px;
    margin-left:-20px;
        }
        .navbar a:hover {
            background-color: #febe29;
    color: #FFF;
    margin-right: 5px;
    margin-left:5px; 
        }
      .navbar img {display:none;}
      .headerbar {    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url(http://i.imgur.com/oojYbxi.png);
    background-position: right;
    background-size: 100%;
    box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    font-weight: 500;
    margin-bottom: 0;
    min-height: 200px;}
    .is-sticky .navbar {display:none;}

Veja se ficou bom....

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4860

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

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Ter 14 Mar 2017 - 23:21

Já apareceu algo, agora era só ajustar o resto e fica perfeito o menu onde tem aquele espaço em preto.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por while em Ter 14 Mar 2017 - 23:29

Troque o código por este:

Código:
 .navbar {
                -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -o-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    background: #FFF;
    border-bottom: 3px solid #febe29;
    height: 80px;
    line-height: 60px;
    width: 120%;
    margin-left:-60px;
    z-index: 999;
    margin-top:51px;
        }
        .navbar a {
                -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    background-color: transparent;
    color: #848484;
    cursor: pointer;
    float: left;
    font-family: Ubuntu;
    font-size: 13px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    list-style-type: none;
    margin-left: 1px;
    padding: 0 18px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease;
    margin-top:-20px;
    margin-left:-20px;
        }
        .navbar a:hover {
            background-color: #febe29;
    color: #FFF;
    margin-right: 5px;
    margin-left:5px; 
        }
      .navbar img {display:none;}
      .headerbar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url(http://i.imgur.com/oojYbxi.png);
    background-position: right;
    background-size: 100%;
    box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    font-weight: 500;
    background-size:180%!important;
    margin-bottom: 0;
    min-height: 200px;
    }
    .is-sticky .navbar {display:none;}
    #logo > img {margin-left:-900px!important;margin-top:100px;}
    .is-sticky#headerbar-top {display:none;}

Ficou com bug por causa que você retirou a imagem anterior da logo, agora está certo.

Até mais.
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4860

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

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Ter 14 Mar 2017 - 23:33

Agora ficou pior do que estava a imagem de fundo ficou ampliada e o menu ainda está no meio e não queria o header tão largo.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por while em Ter 14 Mar 2017 - 23:43

Deixe o que eu já passei e Adicione mais esse código em sua folha de estilo css:

Código:
 #logo > img {margin-top:-170px!important;}
        .navbar {margin-top:180px!important;height:70px!important;}
        .headerbar {height:250px!important;background-size:120%!important;margin-top:-5px!important;}

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4860

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

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Ter 14 Mar 2017 - 23:50

Retirei na class headerbar o código, para não ficar tão ampliada a imagem, só que aparece uma barra em preta em cima e queria retirar:
Código:
background-size:180%!important;

Queria era centrar o menu e também adicionar aquela caixa de pesquisa ao lado do logo como está aqui:
http://suportedesign.forumeiros.com/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por while em Qua 15 Mar 2017 - 0:02

Vejo tudo certo aqui, veja minha tela:



Quanto a barra de buscar, infelizmente não tem como por conta de não ter template na nova versão.

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4860

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

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Qua 15 Mar 2017 - 0:32

Mas aqui não veja:


Queria era centar mesmo o menu, sobre aquela barra em preta em cima penso que seja por causa quando fazemos scroll aparece uma barra preta que era antes do menu.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por while em Qua 15 Mar 2017 - 0:41

É, adicione mais esse código em sua folha de estilo css:

Código:
.is-sticky#headerbar-top {display:none!important;}
.navbar a {margin-left:-190px!important;margin-right:170px!important;}

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4860

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

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Qua 15 Mar 2017 - 0:44

Ainda continua aparecer a tal borda em preto e quando faço um pouco de scroll veja:


Outra coisa é o efeito do menu que queria assim, ou seja a ocupar tudo e não fica-se por cima dos outros links:


Ele está assim:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por while em Qua 15 Mar 2017 - 1:59

Procure por:

Código:
.headerbar {background-size:120%!important;}

E troque por:

Código:
.headerbar {background-size:125%!important;}

Depois disto troque esse código que citei acima, me refiro a este:

Código:
.is-sticky#headerbar-top {display:none!important;}
.navbar a {margin-left:-190px!important;margin-right:170px!important;}

E troque por:

Código:
.is-sticky#headerbar-top {display:none!important;}
.navbar a {margin-left:-190px!important;margin-right:180px!important;}

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4860

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

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Qua 15 Mar 2017 - 2:16

O menu já não está colado um ao outro mas ainda não preenche tudo ainda continua arredondado e também continua com isto:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por while em Sex 17 Mar 2017 - 0:46

Certo, eu não havia lido bem... adicione esse código em sua folha de estilo css:

Código:
 .navbar a:hover {height:90px!important;margin-top:-25px!important;line-height:70px!important;}

e vale ressaltar que você não fez um passo que citei.... procure por:
Código:
.headerbar {background-size:120%!important;}

E altere por:
Código:
.headerbar {background-size:130%!important;}

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4860

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

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Sex 17 Mar 2017 - 18:23

O menu já está direito, agora só continua com aquele pormenor ao dar scroll

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por while em Sex 17 Mar 2017 - 20:18

Seguinte, procure isto no seu css:

Código:
 .headerbar {height:250px!important;background-size:120%!important;margin-top:-5px!important;}

Troque por:

Código:
.headerbar {height:250px!important;background-size:130%!important;margin-top:-5px!important;}

Caso não resultar, apenas adicione mais esse código:
Código:
.headerbar {border-bottom: 9px solid #febe29;}

Ficará meio estranho essa segunda opção, mas, pelo menos não fica a linha preta.

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4860

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

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Sab 18 Mar 2017 - 1:38

A linha preta de cima desapareceu, mas agora só queria era retirar o efeito de da scroll e desaparecer a logo apenas queria deixar normal:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por Shek Crowley em Sab 18 Mar 2017 - 15:42

Eu não entendo... Você não é fundador do fórum que está falando?


ShekAdmineiro - Fórum dos Fóruns
avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15974
Pontos Ativos : 23550

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Sab 18 Mar 2017 - 15:49

@Shek Crowley escreveu:Eu não entendo... Você não é fundador do fórum que está falando?

Do SD não mas do MP sim.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por Kyo Panda em Seg 20 Mar 2017 - 12:26

O efeito de scroll está nesse script:

Código:
<script type="text/javascript">//<![CDATA[
$(document).ready(function() {$(window).scroll(function() {var header_top = $('#headerbar-top');if (header_top.hasClass('w-toolbar')) {if ($(window).scrollTop() >= 42) {header_top.addClass('is-sticky');} else {header_top.removeClass('is-sticky');}} else {if ($(window).scrollTop() >= 1) {header_top.addClass('is-sticky');} else {header_top.removeClass('is-sticky');}}});});//]]></script>

Provavelmente no seu overall_footer_end. Basta removê-lo.

E como não é o fundador do Suporte de Design, tenha certeza de obter a permissão para utilizar o tema, pois o dono do SD tem a capacidade de remover o seu fórum se declarar plágio.

o/


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3089
Pontos Ativos : 6381

http://ajuda.forumeiros.com

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Seg 20 Mar 2017 - 17:32

Pois mas a nova versão ainda não deixa mexer na edição de templates. Sobre o tema da SD ele foi montado por um colega meu e não tem qualquer problema e também apenas quero o header.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por Kyo Panda em Seg 20 Mar 2017 - 17:38

Adicione a um novo script com Investimento em Todas as páginas:

Código:
(function($) {
  'use strict';
 
  $(function() {
    $('#headerbar-top').attr('id', 'headerbar-top-custom');
  });
}(jQuery));


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3089
Pontos Ativos : 6381

http://ajuda.forumeiros.com

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Seg 20 Mar 2017 - 17:45

Resultou, reparei agora numa coisa que é quem tiver maiores resoluções a barra do menu fica encolhida não fica ajustada para todas as resoluções:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Alterar header

Mensagem por Luiz~ em Seg 20 Mar 2017 - 19:56

Olá.
Vamos tentar com um pouco de JavaScript:

Primeiro, crie um novo JavaScript com investimento em todas as páginas:
Código:
$(function () {
   var $faWrap = $('#headerbar-top-custom');
   var $faMenu = $('ul.navbar.navlinks');

   $faWrap.replaceWith($faMenu);

});

E adicione ao final de sua Folha de Estilo CSS:
Código:
.navbar {text-align:center!important;}

Espero que resulte. -q
Até mais. =)


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1736
Pontos Ativos : 2931

http://1forum1.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Seg 20 Mar 2017 - 20:11

Resultou mas o menu ficou à esquerda e a logo desapareceu.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por Luiz~ em Seg 20 Mar 2017 - 20:45

Olá.
Por favor, remova o JavaScript para que eu possa fazer ajustes.
Obrigado desde já.

Até mais. =)


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1736
Pontos Ativos : 2931

http://1forum1.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Seg 20 Mar 2017 - 20:59

Retirado o javascript.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por Luiz~ em Ter 21 Mar 2017 - 16:53

Olá.
Tentaremos pela segunda vez:

---

Crie um novo JavaScript com investimento em todas as páginas:
Código:
(function ($) {
   $('.navbar.navlinks').clone().appendTo('body').addClass('second');
}(jQuery));

Feito isso, adicione ao final de sua Folha de Estilo CSS:
Código:
ul.navbar.navlinks {
    visibility: hidden;
}

ul.navbar.navlinks.second {
    visibility: visible!important;
    position: absolute;
    top: 40px;
    width: 100%;
    max-width: 100%;
}

Até mais. Piscada


Última edição por Luiz~ em Ter 21 Mar 2017 - 16:53, editado 1 vez(es) (Razão : Erro gramatical. :s)
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1736
Pontos Ativos : 2931

http://1forum1.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Ter 21 Mar 2017 - 22:29

Simplesmente removeu o menu de navegação.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por Luiz~ em Ter 21 Mar 2017 - 22:34

Tente mudar somente o JavaScript por este (ainda com investimento em todas as páginas):
Código:
(function ($) {
   $(function () {
      $('.navbar.navlinks').clone().appendTo('body').addClass('second');
    });
}(jQuery));

Lembre-se de aplicar o CSS passado anteriormente (se retirou). Caso não tenha retirado, mantenha-o.

Até mais.


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1736
Pontos Ativos : 2931

http://1forum1.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Ter 21 Mar 2017 - 22:36

Os .CSS mantive, agora ficou um pouco estranho apesar de o lado esquerdo já estar para todas as resoluções.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por Luiz~ em Ter 21 Mar 2017 - 22:52

Altere o CSS que passei anteriormente por este:
Código:
ul.navbar.navlinks {
    visibility: hidden;
}
 
ul.navbar.navlinks.second {
    visibility: visible!important;
    position: absolute;
    top: 40px;
}

Até mais.


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1736
Pontos Ativos : 2931

http://1forum1.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Ter 21 Mar 2017 - 22:55

Resultou agora falta era centrar o menu e o efeito ao passar o mouse nele está meio estranho.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por Luiz~ em Ter 21 Mar 2017 - 23:02

Olá.
Adicione este código ao final de sua CSS:
Código:
ul.navbar.navlinks.second {
    margin-top: 0px!important;
    margin-left: 0px!important;
    top: 240px!important;
    overflow: hidden;
}

div#page-body {
    margin-top: 55px;
}


.navbar a {
    border-radius: 0px!important;
}

Resultou?
Aproveitei e corrigi alguns erros do seu outro tópico de uma vez. xD


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1736
Pontos Ativos : 2931

http://1forum1.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Qua 22 Mar 2017 - 0:24

Resultou mas veja o que acontece quando abro caixas ou até mesmo a mensagem de pop-up:


Ela fica por baixo da barra, agora não sei se é dos códigos do Header ou da outra dúvida da barra de forumeiros.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por Luiz~ em Qua 22 Mar 2017 - 0:40

Respondi sua questão no outro tópico, por se tratar da barra de ferramentas.
No mais, sua questão encontra-se resolvida?

Se sim, clique no botão resolvido:
Resolvido

Até mais. =)


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1736
Pontos Ativos : 2931

http://1forum1.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Qua 22 Mar 2017 - 0:42

Só tem uma coisa que reparei agora, se reparar dá para fazer scroll para o lado direito e não queria isso.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Alterar header

Mensagem por Luiz~ em Qua 22 Mar 2017 - 0:44

Isso ainda será resolvido no outro tópico também. Rindo


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1736
Pontos Ativos : 2931

http://1forum1.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por IsmaelS. em Qua 22 Mar 2017 - 0:45

Então resolvido e obrigado! ^^

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 5477

http://master-publicitario.forumeiros.com/

Resolvido Re: Alterar header

Mensagem por Kyo Panda em Qua 22 Mar 2017 - 13:32

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3089
Pontos Ativos : 6381

http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum