Efeito na barra de navegação
+3
Thoth
Konai
Mr.BrownBSL
7 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Efeito na barra de navegação
Detalhes da dúvida
Versão do fórum : phpBB3Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
- Imagem da minha dúvida:
- " />
Membros afetados : Vários usuários, uns sim e outros não
Problema começou : 14/20/2015
Endereço do fórum : http://fsrequipe.forumeiros.com/
Descrição do problema
Olá, já tinha criado um tópico desse mais não foi resolvido !Queria saber qual CSS botaram para ficar assim:
Eu queria deixar preto no lugar de azul.
Se poder ajudar agradeço desde já !
Re: Efeito na barra de navegação
Saudações!
Se for apenas o local hover como na imagem, adicione este código no início da tua CSS:
Salve!
Até!
OBS: Caso não seja isto que deseja, seja mais específico e diga onde mais o senhor quer adicionar a cor preta.
Edit: ------------------------------------------
Peço desculpas, não havia entendido por completo o que solicitava, mas agora já entendi! Aqui está o código do menu completo para o senhor, tudo na tonalidade preta:
Se for apenas o efeito hover, adicione o primeiro código acima, mas se desejar o menu por completo, basta adicionar este segundo código acima.
Se for apenas o local hover como na imagem, adicione este código no início da tua CSS:
- Código:
ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #000000 !important;
color: #FFF
}
Salve!
Até!
OBS: Caso não seja isto que deseja, seja mais específico e diga onde mais o senhor quer adicionar a cor preta.
Edit: ------------------------------------------
Peço desculpas, não havia entendido por completo o que solicitava, mas agora já entendi! Aqui está o código do menu completo para o senhor, tudo na tonalidade preta:
- Código:
ul.navlinks {
-moz-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
background: url(http://i.imgur.com/wH7rkbT.png) repeat-x #000000;
border-color: #000000 #000000 #000000;
border-image: none;
border-radius: 0 0 6px 6px;
border-style: none none solid;
border-width: 0 0 4px;
bottom: 9px;
font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
font-size: 12px;
position: relative;
text-align: center;
}
#page-header .navbar ul.navlinks {
border-top: 1px solid #000000;
height: auto;
margin-left: 0;
width: auto;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #000000;
color: #FFF;
}
Se for apenas o efeito hover, adicione o primeiro código acima, mas se desejar o menu por completo, basta adicionar este segundo código acima.
Re: Efeito na barra de navegação
Funciona, funcionou mais eu queria que fica-se assim:
Tem como vir com INICIO tudo pronto ?
Tem como vir com INICIO tudo pronto ?
Re: Efeito na barra de navegação
Poderia ser mais específico senhor? Não compreendi.
Os menus já vem de acordo com os que você deseja que apareça.
Se for para deixar todo preto, substitua o código fornecido anteriormente, por este outro:
Até!
Os menus já vem de acordo com os que você deseja que apareça.
Se for para deixar todo preto, substitua o código fornecido anteriormente, por este outro:
- Código:
ul.navlinks {
-moz-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
background-color: black !important;
border-color: #000000 #000000 #000000;
border-image: none;
border-radius: 0 0 6px 6px;
border-style: none none solid;
border-width: 0 0 4px;
bottom: 9px;
font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
font-size: 12px;
position: relative;
text-align: center;
}
#page-header .navbar ul.navlinks {
border-top: 1px solid #000000;
height: auto;
margin-left: 0;
width: auto;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #000000;
color: #FFF;
}
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
Até!
Re: Efeito na barra de navegação
Olá,
Veja se é isto que deseja:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Atenciosamente,
Veja se é isto que deseja:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
- Código:
.mainmenu:hover{background: none repeat scroll 0 0 #2a2b2b;color: #FFF;}#page-header .navbar {height: 40px!important;}ul.linklist.navlinks > li > a {display: inline-block!important;line-height: 44px!important;position: relative!important;top: -5px!important;}
Atenciosamente,
Re: Efeito na barra de navegação
Perdão, mas não estou conseguindo compreender o que o senhor solicita. Poderia me explicar melhor amigão?!
Re: Efeito na barra de navegação
Mano, entre nesse fórum: http://nsrteam.forumeiros.com/
Clique em em todos botão ali de cima...
Ve se não se mechem, e não tudo preto..
Aquilo e Botons ou um CSS?
Clique em em todos botão ali de cima...
Ve se não se mechem, e não tudo preto..
Aquilo e Botons ou um CSS?
Re: Efeito na barra de navegação
Ola, Saudações
Poderia coloca um Templei-te Padrão
Para que posso cria o css do seu menu
Atenção Salve antes o seu Templei-te
Poderia coloca um Templei-te Padrão
Para que posso cria o css do seu menu
Atenção Salve antes o seu Templei-te
Re: Efeito na barra de navegação
É um CSS! O código será este(substitua o anterior por este abaixo):
Resulta?
- Código:
#page-header .navbar {
background-color: #000!important;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
#page-header .navbar ul.linklist.navlinks {
border: 10px!important;
font-size: 15px!important;
padding-top: 2px!important;
text-transform: uppercase!important;
}
#page-header .navbar ul.linklist.navlinks a {
color: #fff!important;
font-weight: 400!important;
}
a.mainmenu:hover {
font-size: 15px!important;
text-transform: uppercase!important;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
Resulta?
Re: Efeito na barra de navegação
Saudações!
Adicione o código abaixo no INICIO de teu CSS:
Adicione no conteúdo:
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Adicione o código abaixo no INICIO de teu CSS:
Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. |
- Código:
ul.linklist.navlinks > li > a {
display: inline-block!important;
line-height: 44px!important;
position: relative!important;
top: -9px!important;
}
a.mainmenu {
background: white!important;
}
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Re: Efeito na barra de navegação
Sennior escreveu:Saudações!
Adicione o código abaixo no INICIO de teu CSS:Adicione no conteúdo:
Vá em:
Painel de controle Visualização Cores "Aba" Folha CSS.
- Código:
ul.linklist.navlinks > li > a {
display: inline-block!important;
line-height: 44px!important;
position: relative!important;
top: -9px!important;
}
a.mainmenu {
background: white!important;
}
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Olá,
Tentei aplicar isto no meu fórum, MAS, os menus não ficaram centralizados e sim apenas ao lado esquerdo...
Re: Efeito na barra de navegação
Saudações!
Adicione o código abaixo no INICIO de teu CSS:
Adicione no conteúdo:
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Adicione o código abaixo no INICIO de teu CSS:
Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. |
- Código:
ul.linklist.navlinks > li > a {
display: inline-block!important;
line-height: 44px!important;
position: relative!important;
top: -10px!important;
background: white!important;
}
Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.
Re: Efeito na barra de navegação
Wow,
Muito obrigado, Sennior! No meu fórum funcionou, desejo que o resultado seja o mesmo no fórum do autor deste tópico.
Muito obrigado.
Muito obrigado, Sennior! No meu fórum funcionou, desejo que o resultado seja o mesmo no fórum do autor deste tópico.
Muito obrigado.
Re: Efeito na barra de navegação
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Efeito Hover da barra de navegação
» Barra de navegação acompanha a navegação
» Efeito no menu de navegação
» Efeito menu navegaçâo
» Efeito do Menu de Navegação
» Barra de navegação acompanha a navegação
» Efeito no menu de navegação
» Efeito menu navegaçâo
» Efeito do Menu de Navegação
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos