Personalização do cabeçalho

3 participantes

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

Tópico resolvido Personalização do cabeçalho

Mensagem por Fladder 21.03.17 23:39

Detalhes da questão


Endereço do fórum: http://dznbtraining.forumeiros.com/
Versão do fórum: PunBB

Descrição


Boa noite.
Eu gostaria de personalizar o header do meu fórum desse tipo de estilo:
http://prntscr.com/emvwvp

Desse design, não os links etc.. mas o design do header, e quando passar o mouse a cor muda, fica mais escura, algo do tipo..
Agradeço desde já!
Fladder

Fladder
Novo Membro

Membro desde : 16/03/2017
Mensagens : 14
Pontos : 22

http://designbrutaltraining.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalização do cabeçalho

Mensagem por Luiz 21.03.17 23:54

Olá, tudo bem? Tchau
Adicione este código ao final de sua Folha de Estilo CSS:
(Painel de Controle -> Visualização -> Cores -> Folha de Estilo CSS).
Código:
div#pun-navlinks {
    padding: 0px!important;
    font-size: 0px!important;
}

a.mainmenu {
    font-size: 14px!important;
}

a.mainmenu {
    background-color: #333333;
    padding: 13px 10px;
    display: inline-block;
    color: #fff!important;
    transition: all 200ms ease-in;
}

a.mainmenu:hover {
    background-color: #2A70A5!important;
    text-decoration: none!important;
}

Alguma alteração?
Até mais. Piscada
Luiz

Luiz
Membro Entusiasta
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: Personalização do cabeçalho

Mensagem por Fladder 22.03.17 0:10

Opa, surtiu efeito sim, mas eu queria saber se tem como colocar a opção [ Sair ] com outra cor quando passa o mouse em cima?
E Gostaria também de afastar um pouco as opções..
Fladder

Fladder
Novo Membro

Membro desde : 16/03/2017
Mensagens : 14
Pontos : 22

http://designbrutaltraining.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Personalização do cabeçalho

Mensagem por Luiz 22.03.17 0:16

Use este CSS:
Código:
a.mainmenu[href*="login"]:hover {
    background-color: red!important;
}

Para afastá-los, procure este trecho, no código que mandei anteriormente:
Código:
padding: 13px 10px;
Aumente o valor "10px" o quando desejar.

Até mais. Piscada
Luiz

Luiz
Membro Entusiasta
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: Personalização do cabeçalho

Mensagem por Fladder 22.03.17 0:38

Funcionou perfeitamente, Muito obrigado!!
Fladder

Fladder
Novo Membro

Membro desde : 16/03/2017
Mensagens : 14
Pontos : 22

http://designbrutaltraining.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização do cabeçalho

Mensagem por Kyo Panda 22.03.17 13:40

Personalização do cabeçalho Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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