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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
105 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 97 Visitantes :: 2 Motores de busca

davidgomes10, Hancki, JrMAFiA, Lincoln, Luiz~, ShadowPrince, Shek Crowley, YuriGama

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sab 14 Fev 2015 - 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:

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

Mr.BrownBSL
Nível 7

Masculino
Inscrito dia : 25/01/2015
Mensagens : 94
Pontos Ativos : 843

http://bslsampserver.forumbrasil.net/

Resolvido Re: Efeito na barra de navegação

Mensagem por Gaaratsu em Sab 14 Fev 2015 - 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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5539
Pontos Ativos : 9249

http://narutongo.forumeiros.com/

Resolvido Re: Efeito na barra de navegação

Mensagem por Mr.BrownBSL em Dom 15 Fev 2015 - 3:43

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


Tem como vir com INICIO tudo pronto ?

Mr.BrownBSL
Nível 7

Masculino
Inscrito dia : 25/01/2015
Mensagens : 94
Pontos Ativos : 843

http://bslsampserver.forumbrasil.net/

Resolvido Re: Efeito na barra de navegação

Mensagem por Gaaratsu em Dom 15 Fev 2015 - 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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5539
Pontos Ativos : 9249

http://narutongo.forumeiros.com/

Resolvido Re: Efeito na barra de navegação

Mensagem por Thoth em Dom 15 Fev 2015 - 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
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2156
Pontos Ativos : 4606

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 Seg 16 Fev 2015 - 17:16

Ainda não deu :/

Mr.BrownBSL
Nível 7

Masculino
Inscrito dia : 25/01/2015
Mensagens : 94
Pontos Ativos : 843

http://bslsampserver.forumbrasil.net/

Resolvido Re: Efeito na barra de navegação

Mensagem por Gaaratsu em Ter 17 Fev 2015 - 1:07

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5539
Pontos Ativos : 9249

http://narutongo.forumeiros.com/

Resolvido Re: Efeito na barra de navegação

Mensagem por Mr.BrownBSL em Ter 17 Fev 2015 - 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
Nível 7

Masculino
Inscrito dia : 25/01/2015
Mensagens : 94
Pontos Ativos : 843

http://bslsampserver.forumbrasil.net/

Resolvido Re: Efeito na barra de navegação

Mensagem por StaaL em Ter 17 Fev 2015 - 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
Nível 9

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

http://criando.forumeiros.com

Resolvido Re: Efeito na barra de navegação

Mensagem por Gaaratsu em Ter 17 Fev 2015 - 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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5539
Pontos Ativos : 9249

http://narutongo.forumeiros.com/

Resolvido Re: Efeito na barra de navegação

Mensagem por Mr.BrownBSL em Ter 17 Fev 2015 - 15:53

Muito obrigado, deu certo agora só falta o bottons

Mr.BrownBSL
Nível 7

Masculino
Inscrito dia : 25/01/2015
Mensagens : 94
Pontos Ativos : 843

http://bslsampserver.forumbrasil.net/

Resolvido Re: Efeito na barra de navegação

Mensagem por Sennior em Ter 17 Fev 2015 - 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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22714

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

Resolvido Re: Efeito na barra de navegação

Mensagem por Mingau em Ter 17 Fev 2015 - 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
Nível 7

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

http://www.forumnarutoshippuuden.com

Resolvido Re: Efeito na barra de navegação

Mensagem por Sennior em Ter 17 Fev 2015 - 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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22714

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

Resolvido Re: Efeito na barra de navegação

Mensagem por Mingau em Ter 17 Fev 2015 - 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
Nível 7

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

http://www.forumnarutoshippuuden.com

O autor desta mensagem foi removido do fórum - Ver a mensagem

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5