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
» Mudar menu do meu fórum
Hoje à(s) 06:06 am por William_iHarDz

» Formulário de postagem 2.0 não está postando
Hoje à(s) 05:54 am por Shek

» Duvidas Referente Sistema Pontos
Hoje à(s) 05:04 am por mrvisible

» (PEDIDO) Ranks
Hoje à(s) 04:58 am por mrvisible

» Direccionar para outra página
Ontem à(s) 10:25 pm por Harleen

» Mudar caixas de usuários online, grupos e aniversariantes
Ontem à(s) 10:19 pm por William_iHarDz

» Personalizar Perfil de conquistas
Ontem à(s) 09:47 pm por Harleen

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

IsmaelS., juleic1123, Shek, William_iHarDz

[ Ver toda a lista ]


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

Menu Estilo ao do FdF

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

Resolvido Menu Estilo ao do FdF

Mensagem por ShaDownS em 04/10/15, 12:02 pm

Detalhes da questão


Endereço do fórum: http://fairytailcelestial.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Oi pessoal,

Gostaria de um menu no estilo ao do FdF.
Porém, com a fonte Sans-serif se possível.

Obrigado pela atenção, abraços o/
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues
  • 0

Resolvido Re: Menu Estilo ao do FdF

Mensagem por Fraise em 04/10/15, 12:05 pm

Olá!

Adicione à sua folha de estilos:
Código:
#page-header .navbar .linklist {
    background: #2D3134;
    border: none;
    margin: -9px -10px 0;
}
ul.navlinks {
    border-bottom: 1px solid #fff;
    font-weight: 700;
    text-align: center;
}
ul.linklist li {
    display: inline;
    font-size: 1.1em;
    line-height: 2.2em;
    list-style-type: none;
    width: auto;
}
#page-header .navbar .linklist:hover {
border-bottom:1px solid #369FCF;
}

Até mais.

avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Menu Estilo ao do FdF

Mensagem por ShaDownS em 04/10/15, 12:19 pm

O menu ficou com a altura pequena e os links estão vermelhos.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu Estilo ao do FdF

Mensagem por Sennior em 04/10/15, 12:27 pm

Saudações!

Adicione mais este código CSS:
Código:
a.mainmenu {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    padding: 0 12px;
    transition: 250ms;
}

Até mais.
Sennior


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 : 16303
Pontos Ativos : 20795

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

Resolvido Re: Menu Estilo ao do FdF

Mensagem por ShaDownS em 04/10/15, 12:47 pm

Ótimo!

Mas tem aquela borda azul espessa que aparece abaixo de cada menu ao clicar aqui no FdF.
No meu fórum ela fica estreita e também, em todo o menu em vez de apena abaixo do link do menu.

Abraços o/
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu Estilo ao do FdF

Mensagem por Sennior em 04/10/15, 12:52 pm

Adicione mais este código:
Código:
a.mainmenu:hover {
    border-bottom: 4px solid #0372be;
}

Resulta?
Abraços.
Sennior


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 : 16303
Pontos Ativos : 20795

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

Resolvido Re: Menu Estilo ao do FdF

Mensagem por ShaDownS em 04/10/15, 01:19 pm

Perfeito!
Muito bom mesmo.

Ei, eu percebi uma diferença. O menu da FdF, ele vai de uma ponta do quadro intermediário até a outra.
Consegue um código pra fazer isso?
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu Estilo ao do FdF

Mensagem por Sennior em 04/10/15, 01:21 pm

Saudações!

Acima de todos os códigos CSS, adicione este:
Código:
#page-header .navbar .linklist {margin: -9px -16px 0!important;}

Salve e visualize.
Até mais.


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 : 16303
Pontos Ativos : 20795

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

Resolvido Re: Menu Estilo ao do FdF

Mensagem por ShaDownS em 04/10/15, 01:27 pm

O menu sumiu Em choque
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu Estilo ao do FdF

Mensagem por Sennior em 04/10/15, 01:30 pm

Boas,

Normal Rindo , Mande-nos o teu CSS e retire o código que eu mandei você pôr.
Até mais.
Sennior


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 : 16303
Pontos Ativos : 20795

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

Resolvido Re: Menu Estilo ao do FdF

Mensagem por ShaDownS em 04/10/15, 01:38 pm

Está aqui.

Código:
#search-box {
  display: none;
}
 
#chatbox_header {
background: #dd6666;
border-top: 1.5px solid lightgray;
border-left: 1.5px solid lightgray;
border-right: 1.5px solid lightgray;
}
 
h2.chatbox-title a.chat-title {
text-align: center;
text-transform: uppercase;
font-family: Trebuchet MS;
}
 
#chatbox_main_options a {
border: 1.5px solid lightgray;
background: #cc3333;
color: white;
font-family: Trebuchet MS;
padding: 3px;
}
 
#chatbox_footer  {
background:#dd6666;
border-bottom: 1.5px solid lightgray;
border-right: 1.5px solid lightgray;
border-left: 1.5px solid lightgray;
}
 
#wrap {
border: 1.5px solid lightgray;
width: 96%;
}
 
#left .module .h3 {
    background: #DD6666;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
    color: #FFF!important;
    cursor: default!important;
    font-family: Arial;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu Estilo ao do FdF

Mensagem por ShaDownS em 04/10/15, 01:40 pm

Aqui está o resto.
Código:

#left .module {
  border: 1.5px solid lightgray;
  background: #FAFAFA;
}
 
.forabg {
padding-left: 0px;
padding-right: 0px;
padding-bottom: -10pxx;
border: 1.5px solid lightgray;
background: #dd6666;
}
 
li.row {
border-bottom: 1.5px solid lightgray;
border-top: 1.5px solid lightgray;
border-left: none;
border-right: none;
background: #fafafa;
}
 
ul.navlinks {
    border-bottom: 1px solid #fff;
    font-weight: 700;
    text-align: center;
}
 
ul.linklist li {
    display: inline;
    font-size: 1.1em;
    line-height: 2.2em;


Desculpe mas estou usando celular  Rindo
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu Estilo ao do FdF

Mensagem por Sennior em 04/10/15, 02:24 pm

Saudações!

Altere por este:
Código:
.navbar {
    background-color: #2D3134!important;

}
.navbar {
    width: auto!important;
    margin-left: -6px!important;
    margin-right: -6px!important;
    left: 0!important;
    right: 0!important;
}
ul.navlinks {
    border-bottom: transparent!important;
    font-weight: 700;
    text-align: center;
}
#search-box {
  display: none;
}
 
#chatbox_header {
background: #dd6666;
border-top: 1.5px solid lightgray;
border-left: 1.5px solid lightgray;
border-right: 1.5px solid lightgray;
}
 
h2.chatbox-title a.chat-title {
text-align: center;
text-transform: uppercase;
font-family: Trebuchet MS;
}
 
#chatbox_main_options a {
border: 1.5px solid lightgray;
background: #cc3333;
color: white;
font-family: Trebuchet MS;
padding: 3px;
}
 
#chatbox_footer  {
background:#dd6666;
border-bottom: 1.5px solid lightgray;
border-right: 1.5px solid lightgray;
border-left: 1.5px solid lightgray;
}
 
#wrap {
border: 1.5px solid lightgray;
width: 96%;
}
 
#left .module .h3 {
    background: #DD6666;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
    color: #FFF!important;
    cursor: default!important;
    font-family: Arial;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;

#left .module {
  border: 1.5px solid lightgray;
  background: #FAFAFA;
}
 
.forabg {
padding-left: 0px;
padding-right: 0px;
padding-bottom: -10pxx;
border: 1.5px solid lightgray;
background: #dd6666;
}
 
li.row {
border-bottom: 1.5px solid lightgray;
border-top: 1.5px solid lightgray;
border-left: none;
border-right: none;
background: #fafafa;
}
 
ul.navlinks {
    border-bottom: 1px solid #fff;
    font-weight: 700;
    text-align: center;
}
 
ul.linklist li {
    display: inline;
    font-size: 1.1em;
    line-height: 2.2em;

Até mais.


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 : 16303
Pontos Ativos : 20795

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

Resolvido Re: Menu Estilo ao do FdF

Mensagem por ShaDownS em 04/10/15, 02:57 pm

O CSS nao está funcionando.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu Estilo ao do FdF

Mensagem por Sennior em 04/10/15, 03:00 pm

Saudações!

Amigo, esta pelo celular? Seria bom se fizesse essas alterações no computador.
Altere novamente o código:
Código:
.navbar {
    background-color: #2D3134!important;

}
a.mainmenu:hover {
    border-bottom: 4px solid #0372be;
}
a.mainmenu {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    padding: 0 12px;
    transition: 250ms;
}
.navbar {
    width: auto!important;
    margin-left: -6px!important;
    margin-right: -6px!important;
    left: 0!important;
    right: 0!important;
}
ul.navlinks {
    border-bottom: transparent!important;
    font-weight: 700;
    text-align: center;
}
#search-box {
  display: none;
}
 
#chatbox_header {
background: #dd6666;
border-top: 1.5px solid lightgray;
border-left: 1.5px solid lightgray;
border-right: 1.5px solid lightgray;
}
 
h2.chatbox-title a.chat-title {
text-align: center;
text-transform: uppercase;
font-family: Trebuchet MS;
}
 
#chatbox_main_options a {
border: 1.5px solid lightgray;
background: #cc3333;
color: white;
font-family: Trebuchet MS;
padding: 3px;
}
 
#chatbox_footer  {
background:#dd6666;
border-bottom: 1.5px solid lightgray;
border-right: 1.5px solid lightgray;
border-left: 1.5px solid lightgray;
}
 
#wrap {
border: 1.5px solid lightgray;
width: 96%;
}
 
#left .module .h3 {
    background: #DD6666;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
    color: #FFF!important;
    cursor: default!important;
    font-family: Arial;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;

#left .module {
  border: 1.5px solid lightgray;
  background: #FAFAFA;
}
 
.forabg {
padding-left: 0px;
padding-right: 0px;
padding-bottom: -10pxx;
border: 1.5px solid lightgray;
background: #dd6666;
}
 
li.row {
border-bottom: 1.5px solid lightgray;
border-top: 1.5px solid lightgray;
border-left: none;
border-right: none;
background: #fafafa;
}
 
ul.navlinks {
    border-bottom: 1px solid #fff;
    font-weight: 700;
    text-align: center;
}
 
ul.linklist li {
    display: inline;
    font-size: 1.1em;
    line-height: 2.2em;

Abraços.
Sennior


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 : 16303
Pontos Ativos : 20795

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

Resolvido Re: Menu Estilo ao do FdF

Mensagem por ShaDownS em 04/10/15, 03:03 pm

Desculpe, mas eu utilizo apenas celular atualmente. 
Aí fica difícil.


Última edição por Cloud' em 04/10/15, 03:12 pm, editado 1 vez(es)
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu Estilo ao do FdF

Mensagem por Sennior em 04/10/15, 03:07 pm

Saudações,

Alterou o código CSS como eu pedi?
Houve alterações?

Até mais.
Sennior


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 : 16303
Pontos Ativos : 20795

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

Resolvido Re: Menu Estilo ao do FdF

Mensagem por ShaDownS em 04/10/15, 03:50 pm

Ótimo!!!

Mas também personalizou os links do rodapé huh
Porém a cor dos links estão vermelhos.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu Estilo ao do FdF

Mensagem por Sennior em 04/10/15, 04:28 pm

Coloque o código abaixo no inicio de teu CSS:
Código:
ul.linklist.clearfix a {
    color: white;
}

Até mais.
Sennior


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 : 16303
Pontos Ativos : 20795

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

Resolvido Re: Menu Estilo ao do FdF

Mensagem por ShaDownS em 04/10/15, 11:25 pm

Perfeito!
Pó de fechar o tópico Positivo
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Menu Estilo ao do FdF

Mensagem por Sennior em 05/10/15, 02:16 pm

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 : 16303
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