Barra de navegação junto ao logo do fórum

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

Resolvido Barra de navegação junto ao logo do fórum

Mensagem por MateusgabrielDS em 03/05/13, 05:20 pm

Qual é minha questão:
Olá, minha dúvida é a seguinte, como fazer o topo do fórum igual o do Forumeiros?  Colocando a barra de navegação em baixo dele e com fundo na mesma cor?

Pra ficar mais fácil entender, aqui vai a imagem: http://img811.imageshack.us/img811/7593/semttuloke.jpg
Obrigado.

Endereço do meu fórum:
http://bcrp.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por MateusgabrielDS em 04/05/13, 04:25 pm, editado 2 vez(es)
avatar

MateusgabrielDS
Nível 2

Masculino
Inscrito dia : 03/05/2013
Mensagens : 13
Pontos Ativos : 21

Ver perfil do usuário http://bcrp.forumeiros.com/

Resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por Kimblee em 03/05/13, 05:34 pm

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
#page-footer, div.navbar, div.navbar ul.linklist {
    margin-top: -10px!important;
}

Até
avatar

Kimblee
Nível 4

Masculino
Inscrito dia : 03/05/2013
Mensagens : 34
Pontos Ativos : 45

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

Resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por MateusgabrielDS em 03/05/13, 11:23 pm

http://imageshack.us/a/img22/4674/semttulotpq.png

to com esse problema.. a barra que está logo abaixo do menu não ficou na mesma altura que os botões. Sabe como resolver?

Obrigado pela ajuda em relação aos botões, funcionou perfeitamente
avatar

MateusgabrielDS
Nível 2

Masculino
Inscrito dia : 03/05/2013
Mensagens : 13
Pontos Ativos : 21

Ver perfil do usuário http://bcrp.forumeiros.com/

Resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por seender em 04/05/13, 01:12 am

Olá!

Utilize este código:
Código:
ul.navlinks{margin:auto -10px!important}
#page-header .navbar span.corners-top{display:none!important}
#page-header #logo-desc{min-height:auto!important}
#page-header .headerbar{margin-bottom:0}
.navlinks{border:0px !important;}
#page-header #logo-desc #logo{padding:0}
#page-header .navbar ul.navlinks {
    border-bottom: 1px solid rgb(0, 118, 177);
}
#page-footer, div.navbar, div.navbar ul.linklist {
    display: block !important;
}
.linklist.navlinks {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0px 0px rgb(23, 117, 189) !important;
    border-color: rgb(76, 160, 206) rgb(21, 93, 152) rgb(21, 93, 152);
    border-image: none;
    border-radius: 0px 0px 6px 6px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
}
.linklist.navlinks a {
    color: rgb(255, 255, 255);
    font-family: Verdana;
    font-size: 11px;
    padding: 3px 7px;
    text-shadow: 1px 1px 0px rgb(18, 75, 121);
}
.navbar{background-color:transparent;clear:both;padding:0 10px}
span.corners-bottom span{background-image:url(http://illiweb.com/fa/fdf3/corners_right.png);background-position:100% 100%}
.navbar span.corners-bottom,.navbar span.corners-top,.panel span.corners-bottom,.panel span.corners-top,.post span.corners-bottom,.post span.corners-top{margin:0 -10px}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por MateusgabrielDS em 04/05/13, 02:17 am

Obrigado seender, mas ele ainda não está junto. Observe:

http://imageshack.us/a/img833/2646/semttuloxxj.png
avatar

MateusgabrielDS
Nível 2

Masculino
Inscrito dia : 03/05/2013
Mensagens : 13
Pontos Ativos : 21

Ver perfil do usuário http://bcrp.forumeiros.com/

Resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por Kimblee em 04/05/13, 07:25 am

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
#page-footer, div.navbar, div.navbar ul.linklist {
    margin-top: -10px!important;
}
Até
avatar

Kimblee
Nível 4

Masculino
Inscrito dia : 03/05/2013
Mensagens : 34
Pontos Ativos : 45

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

Resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por Sennior em 04/05/13, 03:04 pm

Saudações!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

Código:
#page-header .navbar ul.navlinks {
position: relative !important;
top: -10px !important;
}

Valide. Piscada

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: Barra de navegação junto ao logo do fórum

Mensagem por MateusgabrielDS em 04/05/13, 04:24 pm

Obrigado, a Sugestão do seender e Kimblee me ajudou muito!
avatar

MateusgabrielDS
Nível 2

Masculino
Inscrito dia : 03/05/2013
Mensagens : 13
Pontos Ativos : 21

Ver perfil do usuário http://bcrp.forumeiros.com/

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