Menu fórum

[Faeel]

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Endereço do fórum : testfael.forumeiros.com

Descrição do problema

Olá,

gostaria de um código css que deixe meu menu igual á forumeiros, igual a esta imagem http://prntscr.com/5x3ahk

Até.

[Sennior]

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

#page-header .navbar ul.navlinks {
border-top: 1px solid #155d98;
height: auto;
margin-left: 0;
width: auto;
}
.inner .linklist.navlinks {
padding-right: 9px!important;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist.navlinks {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 0;
height: 23px;
margin-left: -10px;
margin-top: -19px;
width: 100.4%;
}
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://2img.net/i/fa/fdf3/bg_cat.png) repeat-x #1675BC;
border-color: #4ca0ce #155d98 #155d98;
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;
}
ul.navlinks {
border-bottom: 1px solid #fff;
font-weight: 700;
text-align: center;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

[Faeel]

Olá Sennior,

seu código não ficou como o esperado. http://prntscr.com/5x3ldn

Até.

[Sennior]

Saudações!

Deu certo sim! Agora é só uns ajustes amigo. Adicione o código abaixo no inicio de teu CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

ul.linklist.navlinks.borderless {
position: relative;
top: 6px;
width: 1156px!important;
margin-left: -10px!important;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

[Faeel]

Olá Sennior,

Não resultou ainda.

[Shaman]

Tente mais isso:

Código:

ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}
ul.linklist.navlinks a {
color: #FFF;
padding: 0 10px;
text-decoration: none;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #155d98;
color: #FFF;
}

E pro menu se configurar a qualquer resolução ponha mais isso:

Código:

ul.linklist.navlinks.borderless {
margin-left: -10px!important;
position: relative;
top: 6px;
width: auto !Important;
}

[[K]oke]

Olá,

Coloque no inicio do seu CSS

Código:

ul.linklist.navlinks.borderless {
margin-left: -10px!important;
position: relative;
top: 6px;
width: 1314px!important;
}

Até mais!

[Faeel]

Olá,

coloquei o código dos senhores, alguns funcionou, mais não ficou no lugar certo.

[Sennior]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.