Como colocar essa linha azul

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

Resolvido Como colocar essa linha azul

Mensagem por StyLe® em 11/11/12, 02:16 pm

Qual é minha questão:
Como eu coloco essa linha azul de baixo da barra de navegação quero igual o FDF

Alguém me ajuda?

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
Meu Fórum

Versão do meu fórum:
PUNBB

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar essa linha azul

Mensagem por Sennior em 11/11/12, 02:24 pm

Olá,

É um código CSS:

Código:
#pun-navlinks ul {
border-bottom: 1px solid #0076B1;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar essa linha azul

Mensagem por StyLe® em 11/11/12, 02:32 pm

Resultou mais a linha ficou muito perto da barra de navegação como deixar os mesmos px do FDF?

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar essa linha azul

Mensagem por Sennior em 11/11/12, 02:40 pm

Junto com aquele código que eu lhe passei, coloque este:

Código:
.mainmenu {
position: relative;
top: -6px;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar essa linha azul

Mensagem por StyLe® em 11/11/12, 02:41 pm

Resultou mais agora a barra de navegação sumiu para cima

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar essa linha azul

Mensagem por Sennior em 11/11/12, 02:54 pm

Junto com aqueles códigos, coloque este:

Código:
.mainmenu {
position: relative;
top: -5px !important;
}
#pun-intro {
position: relative;
top: -4px;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Como colocar essa linha azul

Mensagem por StyLe® em 11/11/12, 03:16 pm

Resultou mais a barra de navegação ficou engosto no logo quero descer mais quero deixar os mesmo px que o FDF usa

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Como colocar essa linha azul

Mensagem por BrunoH. em 11/11/12, 03:23 pm

Olá!
Juntamente com todos os códigos acima, adicione este código no seu CSS:
#pun-head #pun-navlinks { margin-top: 10px; }

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como colocar essa linha azul

Mensagem por StyLe® em 11/11/12, 04:03 pm

Resultou podem fechar

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

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