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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Personalizar categorias do fórum
Hoje à(s) 17:06 por Cream

» Tópico duplicado
Hoje à(s) 16:59 por Cream

» Aparência do fórum
Hoje à(s) 15:32 por while

» Remover botão do menu
Hoje à(s) 15:00 por while

» Visualização dos "Usuários online"
Hoje à(s) 14:46 por while

» Setar rank automático
Hoje à(s) 4:19 por Cream

» [Pedido] Banner
Hoje à(s) 4:11 por -xGabriel..

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Nean
 
iScroll
 
Mr.Probz
 
Sennior
 
JrMAFiA
 

Quem está conectado
96 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 89 Visitantes :: 2 Motores de busca

Alexandre Actis, Apollo, Holkis, Orochi Uryu, sandra51, Shek, while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Seg 5 Out 2015 - 19:07

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

TreiMark
Nível 9

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

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Menu como o do FDF

Mensagem por Fraise em Seg 5 Out 2015 - 19:15

Olá!

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

Até mais.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em Seg 5 Out 2015 - 19:18

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

TreiMark
Nível 9

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

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Menu como o do FDF

Mensagem por Fraise em Seg 5 Out 2015 - 19:19

Tente adicionar no inicio da folha de estilos. Muito feliz

Até mais.
Fraise


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em Seg 5 Out 2015 - 19:22

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

TreiMark
Nível 9

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

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Menu como o do FDF

Mensagem por Sennior em Seg 5 Out 2015 - 20:05

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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317

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

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em Seg 5 Out 2015 - 20:48

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.

TreiMark
Nível 9

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

http://olimpiadaenem.forumeiros.com/
  • 0

Resolvido Re: Menu como o do FDF

Mensagem por Sennior em Seg 5 Out 2015 - 22:05

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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317

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

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em Seg 5 Out 2015 - 23:26

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

TreiMark
Nível 9

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

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Menu como o do FDF

Mensagem por Sennior em Qui 8 Out 2015 - 1:02

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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317

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

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em Qui 8 Out 2015 - 2:39

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

Desculpe a demora!

TreiMark
Nível 9

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

http://olimpiadaenem.forumeiros.com/
  • 0

Resolvido Re: Menu como o do FDF

Mensagem por Sennior em Qui 8 Out 2015 - 20:29

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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317

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

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em Sex 9 Out 2015 - 19:38

@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?

TreiMark
Nível 9

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

http://olimpiadaenem.forumeiros.com/
  • 0

Resolvido Re: Menu como o do FDF

Mensagem por Fraise em Sex 9 Out 2015 - 19:42

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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

Resolvido Re: Menu como o do FDF

Mensagem por TreiMark em Sex 9 Out 2015 - 19:49

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

TreiMark
Nível 9

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

http://olimpiadaenem.forumeiros.com/

Resolvido Re: Menu como o do FDF

Mensagem por Sennior em Sex 9 Out 2015 - 21:45

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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5