Efeito na barra de navegação

+3
Thoth
Konai
Mr.BrownBSL
7 participantes

Ir para baixo

Tópico resolvido Efeito na barra de navegação

Mensagem por Mr.BrownBSL 14.02.15 5:03

Detalhes da dúvida

Versão do fórum : phpBB3
Ní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: Efeito na barra de navegação 30mbuir

Eu queria deixar preto no lugar de azul.
Se poder ajudar agradeço desde já !
Mr.BrownBSL
Mr.BrownBSL
**

Membro desde : 25/01/2015
Mensagens : 96
Pontos : 164

http://bslsampserver.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Konai 14.02.15 5:46

Saudações!

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
}
Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores > Folha de estilo CSS

Salve! Positivo

Até! Piscada

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. Rosa
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Mr.BrownBSL 15.02.15 3:43

Funciona, funcionou mais eu queria que fica-se assim:
Efeito na barra de navegação 2rpqlpy

Tem como vir com INICIO tudo pronto ?
Mr.BrownBSL
Mr.BrownBSL
**

Membro desde : 25/01/2015
Mensagens : 96
Pontos : 164

http://bslsampserver.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Konai 15.02.15 7:08

Poderia ser mais específico senhor? Não compreendi. Tonto
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é! Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Thoth 15.02.15 14:06

Olá,

Veja se é isto que deseja:

Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: 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,
Thoth
Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2820

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Mr.BrownBSL 16.02.15 17:16

Ainda não deu :/
Mr.BrownBSL
Mr.BrownBSL
**

Membro desde : 25/01/2015
Mensagens : 96
Pontos : 164

http://bslsampserver.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Konai 17.02.15 1:07

Perdão, mas não estou conseguindo compreender o que o senhor solicita. Poderia me explicar melhor amigão?! Tonto
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Mr.BrownBSL 17.02.15 2:48

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?
Mr.BrownBSL
Mr.BrownBSL
**

Membro desde : 25/01/2015
Mensagens : 96
Pontos : 164

http://bslsampserver.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por StaaL 17.02.15 2:50

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
StaaL
StaaL
***

Membro desde : 23/10/2014
Mensagens : 153
Pontos : 223

http://criando.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Konai 17.02.15 2:54

É um CSS! O código será este(substitua o anterior por este abaixo):
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? De bem com a vida
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Mr.BrownBSL 17.02.15 15:53

Muito obrigado, deu certo agora só falta o bottons
Mr.BrownBSL
Mr.BrownBSL
**

Membro desde : 25/01/2015
Mensagens : 96
Pontos : 164

http://bslsampserver.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Sennior 17.02.15 17:24

Saudações! Muito feliz

Adicione o código abaixo no INICIO de teu CSS:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
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. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Mingau 17.02.15 17:37

Sennior escreveu:Saudações! Muito feliz

Adicione o código abaixo no INICIO de teu CSS:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
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. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida

Olá,

Tentei aplicar isto no meu fórum, MAS, os menus não ficaram centralizados e sim apenas ao lado esquerdo...
huh
Mingau
Mingau
**

Membro desde : 16/02/2015
Mensagens : 96
Pontos : 147

http://www.forumnarutoshippuuden.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Sennior 17.02.15 17:39

Saudações! Muito feliz

Adicione o código abaixo no INICIO de teu CSS:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
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. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por Mingau 17.02.15 17:47

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. OK
Mingau
Mingau
**

Membro desde : 16/02/2015
Mensagens : 96
Pontos : 147

http://www.forumnarutoshippuuden.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na barra de navegação

Mensagem por EuficoLoko 20.02.15 19:41

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

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos