Menu de navegação igual ao fdf

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

Resolvido Menu de navegação igual ao fdf

Mensagem por iTrade em 16/11/13, 09:22 pm

Qual é minha questão:
Olá.
Gostaria de saber como fazer o efeito no menu como o do forum dos foruns!

Endereço do meu fórum:
http://intforum.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por iTrade em 18/11/13, 06:32 am, editado 1 vez(es)
avatar

iTrade
Nível 9

Masculino
Inscrito dia : 23/07/2011
Mensagens : 171
Pontos Ativos : 271

Ver perfil do usuário http://maniac-forum.forumeiros.com/

Resolvido Re: Menu de navegação igual ao fdf

Mensagem por First em 16/11/13, 11:10 pm

Olá,

Peço que acede à 'Folha de estilo CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
Código:
.navbar {
background-color: transparent;
margin-bottom: 0px;
padding: 0px 3px 3px;
}
#page-header .navbar ul.navlinks {
border-bottom: 1px solid rgb(0, 118, 177);
margin-top: -9px;
}
.linklist.navlinks {
border-color: rgb(76, 160, 206) rgb(21, 93, 152) rgb(21, 93, 152);
border-image: none;
border-radius: 0px 0px 6px 6px;
border-style: solid;
border-right: rgb(21, 93, 152);
border-width: 1px;
overflow: hidden;
background: none 0px 0px repeat scroll rgb(23, 117, 189);
}
#page-header ul.linklist li {
margin-left: 4px;
margin-top: 3px;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
.linklist.navlinks a {
color: rgb(255, 255, 255);
font-family: Verdana;
font-size: 11px;
padding: 3px 7px;
text-shadow: rgb(18, 75, 121) 1px 1px 0px;
}
.linklist.navlinks a:hover {
background: none 0px 0px repeat scroll rgb(21, 93, 152);
box-shadow: rgb(18, 75, 121) 0px 0px 4px inset;
outline: none medium;
padding: 5px 7px 6px;
}
Valide.


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

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

Resolvido Re: Menu de navegação igual ao fdf

Mensagem por iTrade em 17/11/13, 12:20 pm

Olá,
Funcionou.
Mas como trocar para preto Interrogação
avatar

iTrade
Nível 9

Masculino
Inscrito dia : 23/07/2011
Mensagens : 171
Pontos Ativos : 271

Ver perfil do usuário http://maniac-forum.forumeiros.com/

Resolvido Re: Menu de navegação igual ao fdf

Mensagem por Alex Habilidade em 17/11/13, 01:52 pm

Olá tudo bem?

Adicione em sua folha CSS
Código:

        .navbar {
        background-color: transparent;
        margin-bottom: 0px;
        padding: 0px 3px 3px;
        }
        #page-header .navbar ul.navlinks {
        border-bottom: 1px solid rgb(0, 118, 177);
        margin-top: -9px;
        }
        .linklist.navlinks {
        border-color: rgb(76, 160, 206) rgb(21, 93, 152) rgb(21, 93, 152);
        border-image: none;
        border-radius: 0px 0px 6px 6px;
        border-style: solid;
        border-right: rgb(21, 93, 152);
        border-width: 1px;
        overflow: hidden;
        background: none 0px 0px repeat scroll #000000;
        }
        #page-header ul.linklist li {
        margin-left: 4px;
        margin-top: 3px;
        }
        ul.linklist li {
        display: inline;
        font-size: 1.1em;
        line-height: 2.2em;
        list-style-type: none;
        width: auto;
        }
        .linklist.navlinks a {
        color: rgb(255, 255, 255);
        font-family: Verdana;
        font-size: 11px;
        padding: 3px 7px;
        text-shadow: rgb(18, 75, 121) 1px 1px 0px;
        }
        .linklist.navlinks a:hover {
        background: none 0px 0px repeat scroll rgb(21, 93, 152);
        box-shadow: rgb(18, 75, 121) 0px 0px 4px inset;
        outline: none medium;
        padding: 5px 7px 6px;
        }
Cordialmente;
Camaro.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

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