Personalizar menu

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

Resolvido Personalizar menu

Mensagem por Lucaas Falcon em 08/02/12, 01:56 pm

Qual é minha questão:
Queria saber como fazer essa barra no meu fórum: http://www.imagebam.com/image/a8fc0c173762171 (se for uma imagem como coloco ela).

Links e imagens do meu problema:
http://www.imagebam.com/image/a8fc0c173762171

Endereço do meu fórum:
http://brotherhood-samp.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

Lucaas Falcon
Nível 5

Masculino
Inscrito dia : 21/01/2012
Mensagens : 40
Pontos Ativos : 60

Ver perfil do usuário http://brotherhood-samp.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por King Gz; em 08/02/12, 03:20 pm

Ólá,

Aceda à Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo css
Código:
#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
left: -56px;
position: relative;}

#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}

#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

Salve! Até mais Piscada

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

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

Resolvido Re: Personalizar menu

Mensagem por Lucaas Falcon em 08/02/12, 04:56 pm

Deu certo !
Só que ficou no Canto Esquerdo...
Poderia me falar como a Centralizo ?
avatar

Lucaas Falcon
Nível 5

Masculino
Inscrito dia : 21/01/2012
Mensagens : 40
Pontos Ativos : 60

Ver perfil do usuário http://brotherhood-samp.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por Mega-Pixel em 08/02/12, 05:10 pm

Para centralizar você deve seguir os passos a seguir:

painel de controle > Visualizar > ''aba'' Pagina Inicial > Cabeçalho & Navegação

Agora em Posição do menu : Ai clica em Centralizar e Salva.

Ajudei ?
avatar

Mega-Pixel
Nível 4

Masculino
Inscrito dia : 07/02/2012
Mensagens : 26
Pontos Ativos : 41

Ver perfil do usuário http://mega-pixel.forumeiros.com/

Resolvido Re: Personalizar menu

Mensagem por Lucaas Falcon em 08/02/12, 05:14 pm

@Mega-Pixel escreveu:Para centralizar você deve seguir os passos a seguir:

painel de controle > Visualizar > ''aba'' Pagina Inicial > Cabeçalho & Navegação

Agora em Posição do menu : Ai clica em Centralizar e Salva.

Ajudei ?

Infelizmente não !
Meu fórum eu já tinha Centralizado o Menu...
Deve ser algo do Código CSS

Mais mesmo assim Obrigado =)
avatar

Lucaas Falcon
Nível 5

Masculino
Inscrito dia : 21/01/2012
Mensagens : 40
Pontos Ativos : 60

Ver perfil do usuário http://brotherhood-samp.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por ~Mestre Yoda em 08/02/12, 05:48 pm

Troque o código CSS que o King Gz lhe deu por este:

Código:
#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
left: -56px;
position: relative;}

#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}

#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

#page-header .navbar ul.navlinks {text-align: center;}


Resolveu?
avatar

~Mestre Yoda
Nível 9

Masculino
Inscrito dia : 05/02/2011
Mensagens : 205
Pontos Ativos : 325

Ver perfil do usuário http://....................

Resolvido Re: Personalizar menu

Mensagem por Lucaas Falcon em 08/02/12, 05:57 pm

Marlon Forumeiro escreveu:Troque o código CSS que o King Gz lhe deu por este:

Código:
#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
left: -56px;
position: relative;}

#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}

#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

#page-header .navbar ul.navlinks {text-align: center;}


Resolveu?

Ainda não =/
Estou tentando ajustar o código também =/
avatar

Lucaas Falcon
Nível 5

Masculino
Inscrito dia : 21/01/2012
Mensagens : 40
Pontos Ativos : 60

Ver perfil do usuário http://brotherhood-samp.forumeiros.com

Resolvido Re: Personalizar menu

Mensagem por ~Mestre Yoda em 08/02/12, 08:42 pm

Tente este:

Código:
#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
position: relative;}

#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}

#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}
avatar

~Mestre Yoda
Nível 9

Masculino
Inscrito dia : 05/02/2011
Mensagens : 205
Pontos Ativos : 325

Ver perfil do usuário http://....................

Resolvido Re: Personalizar menu

Mensagem por Luciano98 em 09/02/12, 05:50 am

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#page-header .navbar ul.linklist.navlinks{margin:auto}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Personalizar menu

Mensagem por Lucaas Falcon em 09/02/12, 01:11 pm

Funcionou !
Obrigado Tive uma idéia!

avatar

Lucaas Falcon
Nível 5

Masculino
Inscrito dia : 21/01/2012
Mensagens : 40
Pontos Ativos : 60

Ver perfil do usuário http://brotherhood-samp.forumeiros.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