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
» Slides bugado
Hoje à(s) 03:37 pm por Luiz

» Criar Novos botões e mudar a cor
Hoje à(s) 02:58 pm por Fou-Lu

» Ranks para forum
Hoje à(s) 02:55 pm por Fou-Lu

» Ranks - NarutoNGO
Hoje à(s) 02:53 pm por Fou-Lu

» Adicionar estrelas nos tópicos
Hoje à(s) 02:44 pm por APOllO

» Modificação no Index
Hoje à(s) 02:20 pm por Luiz

» Top Usuário
Hoje à(s) 02:20 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
APOllO
 

Quem está conectado
232 usuários online :: 7 usuários cadastrados, 1 Invisível e 224 Visitantes :: 2 Motores de busca

APOllO, Connor R., Fou-Lu, iScroll, Ketholy123, Luiz, Punisher

[ Ver toda a lista ]


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

Personalização do cabeçalho

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

Resolvido Personalização do cabeçalho

Mensagem por Fladder em 21/03/17, 08:39 pm

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á!
avatar

Fladder
Nível 2

Masculino
Inscrito dia : 16/03/2017
Mensagens : 14
Pontos Ativos : 22

Ver perfil do usuário http://designbrutaltraining.forumeiros.com

Resolvido Re: Personalização do cabeçalho

Mensagem por Luiz em 21/03/17, 08:54 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalização do cabeçalho

Mensagem por Fladder em 21/03/17, 09:10 pm

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

Fladder
Nível 2

Masculino
Inscrito dia : 16/03/2017
Mensagens : 14
Pontos Ativos : 22

Ver perfil do usuário http://designbrutaltraining.forumeiros.com
  • 0

Resolvido Re: Personalização do cabeçalho

Mensagem por Luiz em 21/03/17, 09:16 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalização do cabeçalho

Mensagem por Fladder em 21/03/17, 09:38 pm

Funcionou perfeitamente, Muito obrigado!!
avatar

Fladder
Nível 2

Masculino
Inscrito dia : 16/03/2017
Mensagens : 14
Pontos Ativos : 22

Ver perfil do usuário http://designbrutaltraining.forumeiros.com

Resolvido Re: Personalização do cabeçalho

Mensagem por Kyo Panda em 22/03/17, 10:40 am

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!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

Ver perfil do usuário 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