Menu estilo ao do fdf

5 participantes

Ir para baixo

Tópico resolvido Menu estilo ao do fdf

Mensagem por Rafusqui_ 25.10.15 1:48

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:

Menu estilo ao do fdf FNY4d96

lembrando que minha versão PUNBB


Última edição por Rafusqui_ em 28.10.15 2:16, editado 1 vez(es)
Rafusqui_
Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu estilo ao do fdf

Mensagem por Lucanbr 25.10.15 2:02

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
Lucanbr
Lucanbr
Novo Membro

Membro desde : 25/10/2015
Mensagens : 6
Pontos : 8

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu estilo ao do fdf

Mensagem por Chagas 25.10.15 10:32

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
Chagas
Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu estilo ao do fdf

Mensagem por Fraise 25.10.15 11:50

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
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu estilo ao do fdf

Mensagem por Rafusqui_ 25.10.15 12:05

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

Menu estilo ao do fdf N5tTEhi
Rafusqui_
Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu estilo ao do fdf

Mensagem por Luiis_. 26.10.15 0:54

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

Membro desde : 12/07/2015
Mensagens : 123
Pontos : 198

http://...

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu estilo ao do fdf

Mensagem por Rafusqui_ 26.10.15 1:08

não resultou em nada.
Rafusqui_
Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu estilo ao do fdf

Mensagem por Fraise 27.10.15 13:19

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

Até mais.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu estilo ao do fdf

Mensagem por Rafusqui_ 27.10.15 14:16

valeu. pode fechar.
Rafusqui_
Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos