Como criar menu

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

Resolvido Como criar menu

Mensagem por jsvenancio em 17/01/14, 10:21 pm

Qual é minha questão:
Boa noite.

Gostava de saber como crio um menu igual ao do Forumeiros, vejam a imagem a baixo;



Endereço do meu fórum:
http://obloggueiro.forumaqui.com

Versão do fórum:
PHPBB3


Última edição por jsvenancio em 18/01/14, 12:43 pm, editado 1 vez(es)
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro

Resolvido Re: Como criar menu

Mensagem por iPrompt em 17/01/14, 10:23 pm

Olá,

E só adicionar este código em sua Folha de estilo CSS

Código:
        .linklist.navlinks {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background: none repeat scroll 0px 0px rgb(24, 118, 187) !important;
            border-color: rgb(76, 160, 206) rgb(2, 101, 180) rgb(0, 93, 167) rgb(0, 88, 158);
            border-image: none;
            border-radius: 0px 0px 6px 6px;
            border-style: solid;
            border-width: 1px;
            overflow: hidden;
        }
        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: 1px 1px 0px rgb(18, 75, 121);
        }
        .navbar {
            background-color: transparent;
            clear: both;
            padding: 0px 10px;
        }
        .linklist.navlinks a:hover{
        background:none repeat scroll 0 0 #155D98;
        box-shadow:0 0 4px #124B79 inset;
        color:none;
        outline:medium none;
        padding:5px 7px 6px
        }

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como criar menu

Mensagem por jsvenancio em 17/01/14, 10:36 pm

Quakeline escreveu:Olá,

E só adicionar este código em sua Folha de estilo CSS

Até

Como faço para ir ao CSS?

É só colar esse código em qualquer lugar, ou tem um local especifico?
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro

Resolvido Re: Como criar menu

Mensagem por iPrompt em 17/01/14, 10:38 pm

Olá,

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

E então adiciona o código em qualquer lugar

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como criar menu

Mensagem por jsvenancio em 17/01/14, 10:42 pm

Quakeline escreveu:Olá,

Painel de Controle :seta:Visualização :seta:Imagens e Cores :seta:Cores :seta:Folha de estilo CSS

E então adiciona o código em qualquer lugar

Até

Resultou.
Mas agora estou com 2 problemas, o menu que acabo de adicionar ficou por baixo do que já estava em uso, Como faço para remover o menu antigo?

Quero mudar a cor do menu que acabo de adicionar, como faço?
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro

Resolvido Re: Como criar menu

Mensagem por iPrompt em 17/01/14, 10:49 pm

Olá,

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Gestão das imagens Seta Modo Avançado

Então procure pelas imagens do menu e retire elas

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como criar menu

Mensagem por jsvenancio em 17/01/14, 10:53 pm

Quakeline escreveu:Olá,

Painel de Controle :seta:Visualização :seta:Imagens e Cores :seta:Gestão das imagens :seta:Modo Avançado

Então procure pelas imagens do menu e retire elas

Até

Estive a retirar algumas imagens dos botões do menu antigo, mas reparei que ao tirar essa imagens não fica nenhum botão do menu novo.

O que posso fazer??
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro

Resolvido Re: Como criar menu

Mensagem por iPrompt em 17/01/14, 10:56 pm

Olá,

Depois de retirar as imagens vá em

Painel de Controle Seta Visualização Seta Página Inicial Seta Cabeçalho e Navegação

Procure por "Exibir apenas as imagens no menu de navegação :", marque a opção "Não"

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como criar menu

Mensagem por jsvenancio em 17/01/14, 11:04 pm

Obrigado @Quakeline, resultou. Ainda me falta alterar a cor do menu, mas penso que sou capaz de o fazer. Assim que alterar a cor do menu, dou o tópico como Resolvido.
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro

Resolvido Re: Como criar menu

Mensagem por iPrompt em 17/01/14, 11:11 pm

Olá,

Para alterar a cor do menu e bem simples e só adicionar este código na Folha de estilo CSS

.linklist.navlinks {
background: black!important;
}

Preto: E só alterar pelo nome da cor em ingles ou pelo código da cor

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como criar menu

Mensagem por jsvenancio em 17/01/14, 11:18 pm

Quakeline escreveu:Olá,

Para alterar a cor do menu e bem simples e só adicionar este código na Folha de estilo CSS

.linklist.navlinks {
   background: black!important;
}

Preto: E só alterar pelo nome da cor em ingles ou pelo código da cor

Até

Depois de adicionar o código para o Menu, não consigo adicionar mais código ou alterar o código do Menu!!!
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro

Resolvido Re: Como criar menu

Mensagem por iPrompt em 17/01/14, 11:23 pm

Olá,

Bom tente sair e reentra no fórum e no navegador

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como criar menu

Mensagem por jsvenancio em 17/01/14, 11:51 pm

Quakeline escreveu:Olá,

Bom tente sair e reentra no fórum e no navegador

Até

Consegui.
Mas agora ao ver como fica, não gostei muito.

A imagem a baixo mostra onde quero alterar as cores, (Marquei a vermelho);



À como fazer isso?
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro
  • 0

Resolvido Re: Como criar menu

Mensagem por iPrompt em 18/01/14, 12:58 am

Olá,

Adiciona este código na sua Folha de estilo CSS

.forabg {
background-color: black!important;
}

Preto: E só alterar pelo nome da cor em ingles ou pelo código da cor

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como criar menu

Mensagem por jsvenancio em 18/01/14, 12:43 pm

Quakeline, obrigado pela ajuda.
Vou dar o tópico como resolvido.
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro

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