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

Esqueci minha senha

Últimos assuntos
» Descubra Topíc'it: o aplicativo móvel para seus fóruns !
Hoje à(s) 08:03 am por Topic'it

» Instalação do Topic'It
Hoje à(s) 07:49 am por Topic'it

» Quadro de troféus e medalhas
Hoje à(s) 07:16 am por LeoziN_WallkeR

» Como colocar essa tabela
Hoje à(s) 04:50 am por AlexG

» Banner de area nova animais silvestres
Hoje à(s) 01:00 am por EDU2010

» Ranks forum
Ontem à(s) 09:44 pm por Gustavor

» Níveis de reputação
Ontem à(s) 09:22 pm por Taxy_InSaniTy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Quem está conectado
245 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 239 Visitantes :: 1 Motor de busca

Apple', iScroll, LeoziN_WallkeR, Shek, Stevenx, Topic'it

[ Ver toda a lista ]


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

Menu como o do FDF

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

Resolvido Menu como o do FDF

Mensagem por TreiMark em 05/10/15, 03:07 pm

Detalhes da questão


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

Descrição


Olá @Sennior,

Gostaria que o senhor me ajudasse com a aplicação de alguns códigos que forneceu neste tópico:

Menu Estilo ao do FdF

O código que usei na minha CSS foi:

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:0px solid #369FCF;
}

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

a.mainmenu:hover {
    border-bottom: 5px solid #0372be;
}

Porém observei o seguinte problema:

Quando estamos com o cursor sobre um menu o tamanho da "barra de menus" aumenta, assim que tiramos o cursor o tamanho da barra de menus diminui...

O mesmo não ocorre aqui no FdF.

Gostaria de saber se é possível corrigir este problema...
avatar

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 214

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

Resolvido Re: Menu como o do FDF

Mensagem por Fraise em 05/10/15, 03:15 pm

Olá!

Adicione mais este código em sua folha de estilos:
Código:
a.mainmenu:active {
    border-bottom: 5px solid #0372be!important;
}

Até mais.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em 05/10/15, 03:18 pm

@Fraise o código não funcionou...
avatar

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 214

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

Resolvido Re: Menu como o do FDF

Mensagem por Fraise em 05/10/15, 03:19 pm

Tente adicionar no inicio da folha de estilos. Muito feliz

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em 05/10/15, 03:22 pm

@Fraise, adicionei ao início da folha CSS mas continua sem resultado...
avatar

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 214

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

Resolvido Re: Menu como o do FDF

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

Saudações!

Certo, vamos começar do zero? Retire o código que faz a função do menu igual do FdF que criaremos outro código.
Quando retirar, nos avise.
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em 05/10/15, 04:48 pm

Olá @Sennior,

Já tirei o código. Vale informar que tenho algumas coisas em minha folha de estilo CSS ainda, apenas removi a parte deste código.
avatar

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 214

Ver perfil do usuário http://promec.forumeiros.com/
  • 0

Resolvido Re: Menu como o do FDF

Mensagem por Sennior em 05/10/15, 06:05 pm

Ótimo amigo, agora adicione este código no inicio de teu CSS:
Código:
.navbar {
    background: #2D3134!important;
    border: none!important;
    margin: 0px -5px 0!important;
}
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;
}
#page-header a.mainmenu.fa_navactif, #page-header a.mainmenu:hover {
    background-position: 0 40px;
}

Salve e visualize teu fórum;
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em 05/10/15, 07:26 pm

@Sennior, está quase bom, mas vou lhe solicitar algumas modificações:

O problema da barra ficar aumentando e diminuindo foi solucionado.

Com o código que me forneceu obtive o seguinte resultado:



Então eu fiz as seguintes modificações:

- A Barra de Menus ficou encostada em meu logo de fórum;
- O menu não ficou encostado nas laterais do fórum, coloquei a margem novamente;

Para isso apenas inverti os valores da margem no início do código:

Código:
   .navbar {
        background: #2D3134!important;
        border: none!important;
        margin: -5px 0px 0!important;

Mas agora preciso que:

No campo onde fica a barra de busca eu gostaria que ficasse branco. Ou seja, daquela divisória para baixo prefiro que seja branco (fiz uma marca branca neste campo, na figura, para destacar).

A imagem abaixo ilustra o que desejo:



Aguardo seu retorno...
avatar

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 214

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

Resolvido Re: Menu como o do FDF

Mensagem por Sennior em 07/10/15, 09:02 pm

Saudações!

Certo, mas existe um problema.
Essas modificações que o senhor deseja não são visualizadas por visitantes.

Acabo de criar uma conta em teu fórum e peço gentilmente que ative-a para que eu veja e possa fazer as modificações.
Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em 07/10/15, 10:39 pm

@Sennior ativei sua conta que atende pelo nick de Sennior.

Desculpe a demora!
avatar

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 214

Ver perfil do usuário http://promec.forumeiros.com/
  • 0

Resolvido Re: Menu como o do FDF

Mensagem por Sennior em 08/10/15, 04:29 pm

Saudações meu querido!

Adicione mais estes códigos em teu CSS:
Código:
#page-footer, div.navbar, div.navbar ul.linklist {
    display: block !important;
}
ul.navlinks {
    border-bottom: transparent!Important;
}

O que mais deseja?
Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em 09/10/15, 03:38 pm

@Sennior, melhorou um pouco, mas ainda não está 100%...

Com o código o resultado obtido foi:



Gostaria que ficasse assim:



Será que você consegue fazer isso?
avatar

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 214

Ver perfil do usuário http://promec.forumeiros.com/
  • 0

Resolvido Re: Menu como o do FDF

Mensagem por Fraise em 09/10/15, 03:42 pm

Olá!

Adicione no inicio da sua folha de estilos:
Código:
div.navbar {
height: 51px!important;
}

O valor 51px pode ser alterado para o seu agrado. Piscada

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em 09/10/15, 03:49 pm

@Fraise, funcionou obrigado!

Agradeço sua ajuda mas vou ter que dar a melhor resposta para @Sennior; espero que compreenda...

Conto com sua ajuda em futuros tópicos... Gosto muito de seu trabalho.

De modo especial agradeço a @Sennior que me auxiliou na resolução deste problema.

Obrigado amigo. Venerar

Questão resolvida pessoal!!!
avatar

TreiMark
Nível 9

Masculino
Inscrito dia : 12/06/2015
Mensagens : 170
Pontos Ativos : 214

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

Resolvido Re: Menu como o do FDF

Mensagem por Sennior em 09/10/15, 05:45 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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário 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