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

4 participantes

Ir para baixo

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

Mensagem por MateusgabrielDS 03.05.13 21:20

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: https://2img.net/r/ihimizer/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 20:25, editado 2 vez(es)
MateusgabrielDS
MateusgabrielDS
Novo Membro

Membro desde : 03/05/2013
Mensagens : 13
Pontos : 21

http://bcrp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por Kimblee 03.05.13 21:34

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é
Kimblee
Kimblee
*

Membro desde : 03/05/2013
Mensagens : 34
Pontos : 45

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por MateusgabrielDS 04.05.13 3:23

https://2img.net/r/ihimg/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
MateusgabrielDS
MateusgabrielDS
Novo Membro

Membro desde : 03/05/2013
Mensagens : 13
Pontos : 21

http://bcrp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por seender 04.05.13 5:12

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://2img.net/i/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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por MateusgabrielDS 04.05.13 6:17

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

https://2img.net/r/ihimg/a/img833/2646/semttuloxxj.png
MateusgabrielDS
MateusgabrielDS
Novo Membro

Membro desde : 03/05/2013
Mensagens : 13
Pontos : 21

http://bcrp.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por Kimblee 04.05.13 11:25

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é
Kimblee
Kimblee
*

Membro desde : 03/05/2013
Mensagens : 34
Pontos : 45

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação junto ao logo do fórum

Mensagem por Sennior 04.05.13 19:04

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

Mensagem por MateusgabrielDS 04.05.13 20:24

Obrigado, a Sugestão do seender e Kimblee me ajudou muito!
MateusgabrielDS
MateusgabrielDS
Novo Membro

Membro desde : 03/05/2013
Mensagens : 13
Pontos : 21

http://bcrp.forumeiros.com/

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