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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como colocar um parágrafo no texto
Hoje à(s) 12:32 pm por Kyo Panda

» Mostrar usuário do post
Hoje à(s) 12:26 pm por rlmac

» Compra de créditos
Hoje à(s) 11:43 am por Kyo Panda

» Colocar uma imagem como plano de fundo do texto em um post
Hoje à(s) 10:44 am por Kyo Panda

» Problemas com criação de tópico
Hoje à(s) 10:43 am por Kyo Panda

» Botões padrões tema pokemon
Hoje à(s) 09:02 am por Fou-Lu

» Como modificar a estrutura do widget
Hoje à(s) 08:57 am por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
273 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 266 Visitantes :: 2 Motores de busca

Eduardo Padilha, IsmaelS., Kyo Panda, mrvisible, odelgado, rlmac, Thiago Perotto Zocoli

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Menu fórum

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

Resolvido Menu fórum

Mensagem por Faeel em 25/01/15, 09:42 pm

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é.


Última edição por Conectado em 26/01/15, 02:06 pm, editado 1 vez(es)

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Menu fórum

Mensagem por Sennior em 25/01/15, 10:01 pm

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "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://illiweb.com/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. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16304
Pontos Ativos : 20795

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

Resolvido Re: Menu fórum

Mensagem por Faeel em 25/01/15, 10:11 pm

Olá Sennior,

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

Até.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Menu fórum

Mensagem por Sennior em 25/01/15, 10:14 pm

Saudações! Muito feliz

Deu certo sim! Agora é só uns ajustes amigo. 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.borderless {
position: relative;
top: 6px;
width: 1156px!important;
margin-left: -10px!important;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16304
Pontos Ativos : 20795

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

Resolvido Re: Menu fórum

Mensagem por Faeel em 25/01/15, 10:21 pm

Olá Sennior,

Não resultou ainda.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Menu fórum

Mensagem por Shaman em 25/01/15, 10:36 pm

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;
}


Última edição por LucaS Carvalho em 25/01/15, 10:42 pm, editado 1 vez(es)
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Menu fórum

Mensagem por [K]oke em 25/01/15, 10:40 pm

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!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 861
Pontos Ativos : 1575

http://bestskins.net/forum https://www.facebook.com/https://www.facebook.com/davis.natsu

Resolvido Re: Menu fórum

Mensagem por Faeel em 26/01/15, 10:43 am

Olá,

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

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

http://ajuda.forumeiros.com

Resolvido Re: Menu fórum

Mensagem por Sennior em 28/01/15, 12:28 am

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


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

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

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16304
Pontos Ativos : 20795

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

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