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.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
192 usuários online :: 1 usuário cadastrado, 1 Invisível e 190 Visitantes :: 3 Motores de busca

odelgado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Personalizar menu de navegação

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

Resolvido Personalizar menu de navegação

Mensagem por Schwarzenegger em 18/06/16, 03:07 pm

Detalhes da questão


Endereço do fórum: http://newagegames.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição


como deixar o menu assim so que em vez de vermelho,azul
avatar

Schwarzenegger
Nível 9

Masculino
Inscrito dia : 11/06/2015
Mensagens : 179
Pontos Ativos : 267

Ver perfil do usuário http://calle18-nwd.forumeiros.com/

Resolvido Re: Personalizar menu de navegação

Mensagem por while em 18/06/16, 05:33 pm

Olá, peço que acesse:
Painel de Controle -> Visualização -> Pagina Inicial -> Cabeçalho & Navegação
E no item: Exibir apenas as imagens no menu de navegação deixe em NÃO.

Depois disto, acesse:
Painel de Controle -> Visualização -> Imagens e Cores -> Gestão das cores -> Modo avançado
e retire todas as imagens que estais a utilizar em seu menu (retire as urls do lado e deixe o campo vazio , não esqueça de salvar depois que fizer tudo isto!).

Por fim, adicione esse código em sua folha de estilo css:

Código:
 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #004fde!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #0041ff 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
    height:50px!important;
        }

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3126
Pontos Ativos : 4550

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar menu de navegação

Mensagem por Schwarzenegger em 19/06/16, 02:01 pm

como fico


gostaria igual a essa so que a parte vermelha e azul
avatar

Schwarzenegger
Nível 9

Masculino
Inscrito dia : 11/06/2015
Mensagens : 179
Pontos Ativos : 267

Ver perfil do usuário http://calle18-nwd.forumeiros.com/

Resolvido Re: Personalizar menu de navegação

Mensagem por while em 19/06/16, 02:08 pm

Calma!, isto foi só um teste.
Estava com imagem, por isto não consegui fazer direito.

Troque o css que te passei acima por este:

Código:
 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #004fde!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #0041ff 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
        }
#page-header > div.navbar > div > ul a{color:#fff!important;margin:6px!important;}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3126
Pontos Ativos : 4550

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar menu de navegação

Mensagem por Schwarzenegger em 20/06/16, 01:45 pm

Funciono agora eu so queria adcicionar um efeito quando passa o mouse em cima do menu igual desse site nwdgames.com/forum
avatar

Schwarzenegger
Nível 9

Masculino
Inscrito dia : 11/06/2015
Mensagens : 179
Pontos Ativos : 267

Ver perfil do usuário http://calle18-nwd.forumeiros.com/

Resolvido Re: Personalizar menu de navegação

Mensagem por Fraise em 20/06/16, 01:47 pm

Olá!

Adicione mais este em seu CSS:
Código:
a.mainmenu:hover {
    border-bottom: 2px solid green;
    padding-bottom: 10px;
}

Abraço.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar menu de navegação

Mensagem por Schwarzenegger em 20/06/16, 03:05 pm

Tudo certo valeu
avatar

Schwarzenegger
Nível 9

Masculino
Inscrito dia : 11/06/2015
Mensagens : 179
Pontos Ativos : 267

Ver perfil do usuário http://calle18-nwd.forumeiros.com/

Resolvido Re: Personalizar menu de navegação

Mensagem por while em 20/06/16, 04:25 pm

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3126
Pontos Ativos : 4550

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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


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