Personalizar menu

5 participantes

Ir para baixo

Tópico resolvido Personalizar menu

Mensagem por Sr.pepek 02.06.12 16:02

Qual é minha questão:
Como colocar o menu , como podem ir no meu fórum num tem nenhum fundo de menu eu queria colocar um tipo este http://pt.hitskin.com/buscar-um-tema/1-propixel--by-fatt-186630.htm ou este http://pt.hitskin.com/buscar-um-tema/powerpixel--by-fatt-186597.htm

Medidas que eu tomei para corrigir o problema:
Espero que entenda

Links e imagens do meu problema:
;D

Endereço do meu fórum:
http://www.web-games.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por ,Chooser em 03.06.12 0:14, editado 1 vez(es)
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Cream 02.06.12 16:04

Olá,

Tente este código:
Código:
#page-header .navbar ul.navlinks {
    background: url("http://i.imgur.com/FQkqx.gif") no-repeat scroll center top transparent;
    height: 55px;
    left: -29px;
    position: relative;
    width: 1135px;
}
Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Sr.pepek 02.06.12 16:07

Olá , ficou bugado de uma visualiza-da no fórum Piscada
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Convidad 02.06.12 16:10

Olá autor!

Cpainel > Visualização > Imagens e Cores > Cores > FOlha de estilo CSS > e cole o seguinte código:
Código:
#page-header .navbar ul.navlinks{background:url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;height:50px;left:-64px;position:relative;width:1040px}#page-footer .navbar,#page-header .navbar{background:none;margin-left:32px;width:900px}#page-footer,div.navbar,div.navbar ul.linklist{display:block!important}.navbar{background-color:#FFF!important;clear:both;padding:0 10px}#page-header .navbar ul.navlinks li a:hover{color:#efefef;text-shadow:#000 -1px -1px 1px}#page-header .navbar ul.navlinks li a{bottom:-20px;color:#fff;font-family:arial;font-size:17px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}
Atenciosamente,
Shek

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Sr.pepek 02.06.12 16:11

Shek , visualize quase deu certo so que ficou meio bugado .
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Roevs 02.06.12 16:29

Olá,

Tente utilizar este código

Código:
.navbar {
background-color: transparent;
clear: both;
padding: 0 10px;
}
#page-header .navbar ul.navlinks{background:url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;height:50px;left:-64px;position:relative;width:1040px}#page-footer .navbar,#page-header .navbar{background:none;margin-left:32px;width:900px}#page-footer,div.navbar,div.navbar ul.linklist{display:block!important}.navbar{background-color:#FFF!important;clear:both;padding:0 10px}#page-header .navbar ul.navlinks li a:hover{color:#efefef;text-shadow:#000 -1px -1px 1px}#page-header .navbar ul.navlinks li a{bottom:-20px;color:#fff;font-family:arial;font-size:17px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}

Antigo @Coper - Melhores cumprimento
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Sr.pepek 02.06.12 16:50

Não Resultou , continua o mesmo alguem ajuda ae .
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Convidad 02.06.12 16:53

,Chooser escreveu:Shek , visualize quase deu certo so que ficou meio bugado .
Olá!

O senhor deve modificar os termos:
no-repeat 50% 0;height:50px;left:-64px;position:relative;width:1040px
do código para obter o resultado desejado.

Atenciosamente,
Shek
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Sr.pepek 02.06.12 16:57

Olá tentei de alguns jeito e ficou bugado ;D
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Convidad 02.06.12 16:58

Olá!

Quais foram as suas modificações, senhor Chooser? Poderia me apresentá-la?
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Sr.pepek 02.06.12 17:21

Código:
no-repeat 60% 0;height:53px;left:-65px;position:relative;width:1075px
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Convidad 02.06.12 17:38

Olá amigo! Muito feliz

Tente com esse código
Código:
#page-header .navbar ul.navlinks{background:url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;
  height:100px;
  left:64px;
  position:relative;
  width:1024px;
}
#page-header .navbar ul.navlinks li a{bottom:-20px;color:#fff;font-family:arial;font-size:17px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}
Atenciosamente,
Shek
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Sr.pepek 02.06.12 21:29

Não Resultou .
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Josh 02.06.12 21:38

Boa noite!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

#page-header .navbar ul.navlinks{background:url(https://i.imgur.com/FQkqx.gif) no-repeat top center;height:55px;left:-29px;position:relative;width:1135px}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}
Um grande abraço,
Josh Piscada
Josh
Josh
Super Membro

Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Sr.pepek 02.06.12 22:46

Não Resultou!
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Luciano98 02.06.12 23:21

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.navlinks{background:url(https://i.imgur.com/FQkqx.gif) no-repeat top center;height:55px;left:-2.69%;position:relative;width:105.52%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-30px}

Valide.

Caso não resulte, me diga o que não resultou.

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Sr.pepek 03.06.12 0:07

Olá agora sim , mas está muito perto ta logo queria que abaixa-se um pouquinho Café
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Convidad 03.06.12 0:10

Olá,

Substitua o código acima por este:

Código:
#page-header .navbar ul.navlinks{background:url(http://i.imgur.com/FQkqx.gif) no-repeat top center;height:55px;left:-2.69%;position:relative;width:105.52%;background-size:100%;text-align:center}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-13px;}

Atenciosamente.
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar menu

Mensagem por Sr.pepek 03.06.12 0:14

Resolvido Piscada '
avatar
Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.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