Menu igual a do FDF 2016

2 participantes

Ir para baixo

Tópico resolvido Menu igual a do FDF 2016

Mensagem por Whiskey 09.02.16 1:38

Detalhes da questão


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

Descrição


Bom, eu estava vendo um tópico que já haviam criado de como coloca esse menu e tals, consegui, só que o meu não obteve o mesmo resultado.

A borda de cima ficou meio que arredondada
print: https://i.imgur.com/R4DaaF3.png

E surgiu isso no rodapé, gostaria de remove-lo tbm
print: https://i.imgur.com/HaNw1A3.png

Tópico que eu vi os códigos
https://ajuda.forumeiros.com/t102003-menu-como-o-do-fdf?highlight=menu+igual+do+FDF

Código do meu CSS
Código:
div.navbar {
height: 51px!important;
}
.navbar {
    background: #2D3134!important;
    border: none!important;
    margin: -5px 0px 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: 41px;
    padding: 0 12px;
    transition: 250ms;
}
#page-header a.mainmenu.fa_navactif, #page-header a.mainmenu:hover {
    background-position: 0 40px;
}
Whiskey
Whiskey
Novo Membro

Membro desde : 04/06/2015
Mensagens : 29
Pontos : 54

http://ballasnwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu igual a do FDF 2016

Mensagem por RafaelS. 09.02.16 1:48

Olá!

Troque o CSS por este:

Código:
#page-header div.navbar {
height: 51px!important;
}
#page-header .navbar {
    background: #2D3134!important;
    border: none!important;
    margin: 0px -5px 0!important;
}
#page-header .navbar .corners-top, .navbar .corners-top span {
    background: transparent none repeat scroll 0% 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: 41px;
    padding: 0 12px;
    transition: 250ms;
}
#page-header a.mainmenu.fa_navactif, #page-header a.mainmenu:hover {
    background-position: 0 40px;
}

Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu igual a do FDF 2016

Mensagem por Whiskey 09.02.16 1:51

Resultou ! MUITO OBRIGADO.
Whiskey
Whiskey
Novo Membro

Membro desde : 04/06/2015
Mensagens : 29
Pontos : 54

http://ballasnwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu igual a do FDF 2016

Mensagem por RafaelS. 09.02.16 1:56

Menu igual a do FDF 2016 Symbol10 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
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

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