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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Troféus e medalhas
Hoje à(s) 01:50 pm por Harleen

» Colocar 2 imagens no fórum
Hoje à(s) 01:26 pm por Kyo Panda

» Ícones de redes sociais e feed
Hoje à(s) 01:22 pm por Kyo Panda

» Fórum parecido
Hoje à(s) 12:35 pm por Harleen

» Distanciar fóruns
Hoje à(s) 12:32 pm por Harleen

» Menu e fóruns
Hoje à(s) 12:29 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Hoje à(s) 09:33 am por Forumpw

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Fatalisss
 
Harleen
 
Shek
 
MtX
 
JulioPais
 
APOllO
 
Holkis
 
Taxy_InSaniTy
 
Sapinho
 

Quem está conectado
285 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 276 Visitantes :: 2 Motores de busca

Ajux, APOllO, Fatalisss, Harleen, JulioPais, Kyo Panda, Lincoln, MtX, Roger_Crazzy

[ Ver toda a lista ]


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

Efeito na barra de navegação

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

Resolvido Efeito na barra de navegação

Mensagem por Mr.BrownBSL em 14/02/15, 03:03 am

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:

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

Mr.BrownBSL
Nível 7

Masculino
Inscrito dia : 24/01/2015
Mensagens : 94
Pontos Ativos : 160

http://bslsampserver.forumbrasil.net/

Resolvido Re: Efeito na barra de navegação

Mensagem por Gaaratsu em 14/02/15, 03:46 am

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
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: Efeito na barra de navegação

Mensagem por Mr.BrownBSL em 15/02/15, 01:43 am

Funciona, funcionou mais eu queria que fica-se assim:


Tem como vir com INICIO tudo pronto ?
avatar

Mr.BrownBSL
Nível 7

Masculino
Inscrito dia : 24/01/2015
Mensagens : 94
Pontos Ativos : 160

http://bslsampserver.forumbrasil.net/

Resolvido Re: Efeito na barra de navegação

Mensagem por Gaaratsu em 15/02/15, 05:08 am

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
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: Efeito na barra de navegação

Mensagem por Thoth em 15/02/15, 12:06 pm

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

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2150
Pontos Ativos : 2736

http://suportedesign.forumeiros.com https://www.facebook.com/https://www.facebook.com/Suportedesign https://twitter.com/https://twitter.com/suportedesign

Resolvido Re: Efeito na barra de navegação

Mensagem por Mr.BrownBSL em 16/02/15, 03:16 pm

Ainda não deu :/
avatar

Mr.BrownBSL
Nível 7

Masculino
Inscrito dia : 24/01/2015
Mensagens : 94
Pontos Ativos : 160

http://bslsampserver.forumbrasil.net/

Resolvido Re: Efeito na barra de navegação

Mensagem por Gaaratsu em 16/02/15, 11:07 pm

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: Efeito na barra de navegação

Mensagem por Mr.BrownBSL em 17/02/15, 12:48 am

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

Mr.BrownBSL
Nível 7

Masculino
Inscrito dia : 24/01/2015
Mensagens : 94
Pontos Ativos : 160

http://bslsampserver.forumbrasil.net/

Resolvido Re: Efeito na barra de navegação

Mensagem por StaaL em 17/02/15, 12:50 am

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
avatar

StaaL
Nível 9

Masculino
Inscrito dia : 23/10/2014
Mensagens : 153
Pontos Ativos : 223

http://criando.forumeiros.com

Resolvido Re: Efeito na barra de navegação

Mensagem por Gaaratsu em 17/02/15, 12:54 am

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

http://narutongo.forumeiros.com/

Resolvido Re: Efeito na barra de navegação

Mensagem por Mr.BrownBSL em 17/02/15, 01:53 pm

Muito obrigado, deu certo agora só falta o bottons
avatar

Mr.BrownBSL
Nível 7

Masculino
Inscrito dia : 24/01/2015
Mensagens : 94
Pontos Ativos : 160

http://bslsampserver.forumbrasil.net/

Resolvido Re: Efeito na barra de navegação

Mensagem por Sennior em 17/02/15, 03:24 pm

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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito na barra de navegação

Mensagem por Mingau em 17/02/15, 03:37 pm

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

Mingau
Nível 7

Masculino
Inscrito dia : 16/02/2015
Mensagens : 96
Pontos Ativos : 147

http://www.forumnarutoshippuuden.com

Resolvido Re: Efeito na barra de navegação

Mensagem por Sennior em 17/02/15, 03:39 pm

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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito na barra de navegação

Mensagem por Mingau em 17/02/15, 03:47 pm

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
avatar

Mingau
Nível 7

Masculino
Inscrito dia : 16/02/2015
Mensagens : 96
Pontos Ativos : 147

http://www.forumnarutoshippuuden.com

Resolvido Re: Efeito na barra de navegação

Mensagem por EuficoLoko em 20/02/15, 05:41 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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

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