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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Kyo Panda
 
Shek
 
Sennior
 
Chrono Trigger
 
Sovereign
 
Harleen
 
Holkis
 
Br_SP_Rodrigo
 
CAI0
 

Quem está conectado
296 usuários online :: 10 usuários cadastrados, 1 Invisível e 285 Visitantes :: 2 Motores de busca

Adoradores em cristo, Jefferson105, Kyo Panda, LanternaV2, Larissa Toledo Piza, LoCoPoKo, Luiz~, rlmac, Shek, Sovereign

[ 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 Rafusqui_ em 24/10/15, 11:48 pm

Detalhes da questão


Endereço do fórum: http://beststyle.forumeiros.com/
Versão do fórum: PunBB

Descrição


gostaria do menu igual do FDF com o efeito em baixo, se puderem me ajudar agradeço..

caso não saibam me refiro a esse menu:



lembrando que minha versão PUNBB


Última edição por Rafusqui_ em 28/10/15, 12:16 am, editado 1 vez(es)
avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Resolvido Re: Menu estilo ao do fdf

Mensagem por Lucanbr em 25/10/15, 12:02 am

Olá tente isto,

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;
  color: #ff0000;
}
,
desative todas as imagens que aparecem no menu como o inicio, portal,membros, no caso se você tiver
avatar

Lucanbr
Nível 2

Masculino
Inscrito dia : 25/10/2015
Mensagens : 6
Pontos Ativos : 8

http://ajuda.forumeiros.com

Resolvido Re: Menu estilo ao do fdf

Mensagem por Wamki em 25/10/15, 08:32 am

Meu prezado administrador,
O código de Lucanbr não vai funcionar, pois o código não é funcional com acordo da sua versão, ele pegou de PHPBB3, mas seu fórum é de versão PUNBB, tente este código abaixo:
Código:
#pun-navlinks a, #pun-navlinks a:visited {
    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;
}
#pun-navlinks a, #pun-navlinks a:visited {
    background-position: 0 45px;
  color: #fff;
}

Cumprimentos.
Cutie Tuteur
avatar

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 450

http://infostyle.forumbrasil.net

Resolvido Re: Menu estilo ao do fdf

Mensagem por Fraise em 25/10/15, 09:50 am

Bom dia Rafael!

Adicione à sua folha de estilos:
Código:
#pun-head #pun-navlinks {
    background: #000;
    color: #fff !important;
    padding: 10px;
}

a.mainmenu:link { color: #fff; text-decoration: none; }
a.mainmenu:link:hover { text-decoration: none; }
a.mainmenu:active { color: #FFF; }
#pun-navlinks li a { color: #FFF !important; }

a.mainmenu:hover {
border-bottom:#FFF !important;
}

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Menu estilo ao do fdf

Mensagem por Rafusqui_ em 25/10/15, 10:05 am

não houve resultado amigo. Mas já o codigo do @fraise resultou um pouco só falta o efeito que faz no menu e dou como encerrado o topico

avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Resolvido Re: Menu estilo ao do fdf

Mensagem por Luiis_. em 25/10/15, 10:54 pm

Olá amigo

Tente usar esse codigo

Código:
#page-header 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;
}

Adicione o codigo no final da sua folha de estilo CSS

Até mais
avatar

Luiis_.
Nível 8

Masculino
Inscrito dia : 12/07/2015
Mensagens : 123
Pontos Ativos : 198

http://...

Resolvido Re: Menu estilo ao do fdf

Mensagem por Rafusqui_ em 25/10/15, 11:08 pm

não resultou em nada.
avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Resolvido Re: Menu estilo ao do fdf

Mensagem por Fraise em 27/10/15, 11:19 am

Adicione mais este:
Código:
#page-header a.mainmenu:hover {
transition-duration: 0.3s;
border-bottom:#369FCF !important;
}

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Menu estilo ao do fdf

Mensagem por Rafusqui_ em 27/10/15, 12:16 pm

valeu. pode fechar.
avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

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