Personalizar menu

2 participantes

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

Tópico resolvido Personalizar menu

Mensagem por REVIEW 01.07.16 16:05

Detalhes da questão


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

Descrição

Bom dia,
Gostaria de saber como faço para deixa meu "MENU" como mostrado na imagem abaixo
Personalizar menu SZvtOQZ
Queria deixa o meu MENU assim, tipo si estive-se junto com a LOGO.
Já o meu MENU tinha um fundo verde, consegui remove-lo porém fico um fundo branco é muito distanciado do logo.
Personalizar menu 85a60f5cb88341f59193e07580ca2f46

Até mais
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por while 01.07.16 20:10

Olá, adicione esse código na sua folha de estilo css:
Código:
#page-header .navbar ul.linklist.navlinks {
                margin-top:-30px!important;
                background: #369FCF;
                height:30px;
                width:101%;
                margin-left:13px!important;
                }

Até mais.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por REVIEW 01.07.16 20:17

Olá,
deu certo, porém fico tipo invisivel com a cor do logo, na 1° imagem parece ter uma sombra é possível acrescentar ao código?

@Edit,

É como retira as sombras das letra? É deixa igual do MENU da 1° imagem?

Até mais.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por while 01.07.16 20:22

Olá, adicione mais esse código na sua folha de estilo css:
Código:
#page-header .navbar ul.linklist.navlinks {border-top:1px solid;border-bottom:1px solid;}

Ou se achar estranho, troque pra este:
Código:
#page-header .navbar ul.linklist.navlinks {border-top:1px solid grey;border-bottom:1px solid grey;}

Seria assim?

#Edit
Para retirar o efeito do item no menu use esse código:
Código:
#page-header .navbar ul.navlinks li a {text-shadow:none!important;}
Até mais.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por REVIEW 01.07.16 20:27

Boa tarde,
Ficou ótimo, em questão das letras está bastante juntas é pequenas é possível aumentar, distanciar é tirar a sombras? Como a da primeira imagem de exemplo.

Passar bem.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por while 01.07.16 20:32

Olá adicione mais esse código na sua folha de estilo css:
Código:
#page-header .navbar ul.navlinks li a:hover {text-shadow:none!important;}
        #page-header .navbar ul.navlinks li a {font-size:12px!important;margin-left:10px;bottom:-9px!important;}

Lembrando que o font-size é para aumentar o tamanho da letra, margin-left para distancia-los e o bottom seria para abaixar-los/coloca-los para cima.
Até mais.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por REVIEW 01.07.16 20:36

Olá,
Fico bacana, mais ainda continua a sombra sobre as letras.

Até.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar menu

Mensagem por while 01.07.16 20:40

Olá, Adicione esse código:
Código:
#page-header .navbar ul.navlinks li a {text-shadow:none!important;}
Resulta?
Caso não mande-me sua folha de estilo css.

Até mais.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por REVIEW 01.07.16 20:42

Olá,
Muito obrigado deu tudo certo.

Até mais.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por while 01.07.16 20:44

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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