Personalizar menu

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

Resolvido Personalizar menu

Mensagem por Sr.pepek em 02/06/12, 12:02 pm

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 02/06/12, 08:14 pm, editado 1 vez(es)

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

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

Resolvido Re: Personalizar menu

Mensagem por Cream em 02/06/12, 12:04 pm

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!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Personalizar menu

Mensagem por Sr.pepek em 02/06/12, 12:07 pm

Olá , ficou bugado de uma visualiza-da no fórum Piscada

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

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

Resolvido Re: Personalizar menu

Mensagem por Convidad em 02/06/12, 12:10 pm

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'

Convidad
Convidado


Resolvido Re: Personalizar menu

Mensagem por Sr.pepek em 02/06/12, 12:11 pm

Shek , visualize quase deu certo so que ficou meio bugado .

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

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

Resolvido Re: Personalizar menu

Mensagem por iPrompt em 02/06/12, 12:29 pm

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
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: Personalizar menu

Mensagem por Sr.pepek em 02/06/12, 12:50 pm

Não Resultou , continua o mesmo alguem ajuda ae .

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

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

Resolvido Re: Personalizar menu

Mensagem por Convidad em 02/06/12, 12:53 pm

,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

Convidad
Convidado


Resolvido Re: Personalizar menu

Mensagem por Sr.pepek em 02/06/12, 12:57 pm

Olá tentei de alguns jeito e ficou bugado ;D

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

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

Resolvido Re: Personalizar menu

Mensagem por Convidad em 02/06/12, 12:58 pm

Olá!

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

Convidad
Convidado


Resolvido Re: Personalizar menu

Mensagem por Sr.pepek em 02/06/12, 01:21 pm

Código:
no-repeat 60% 0;height:53px;left:-65px;position:relative;width:1075px

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

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

Resolvido Re: Personalizar menu

Mensagem por Convidad em 02/06/12, 01:38 pm

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

Convidad
Convidado


Resolvido Re: Personalizar menu

Mensagem por Sr.pepek em 02/06/12, 05:29 pm

Não Resultou .

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

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

Resolvido Re: Personalizar menu

Mensagem por Josh em 02/06/12, 05:38 pm

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(http://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
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Personalizar menu

Mensagem por Sr.pepek em 02/06/12, 06:46 pm

Não Resultou!

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

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

Resolvido Re: Personalizar menu

Mensagem por Luciano98 em 02/06/12, 07:21 pm

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(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:-30px}

Valide.

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

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 Sr.pepek em 02/06/12, 08:07 pm

Olá agora sim , mas está muito perto ta logo queria que abaixa-se um pouquinho Café

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

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

Resolvido Re: Personalizar menu

Mensagem por Convidad em 02/06/12, 08:10 pm

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.

Convidad
Convidado


Resolvido Re: Personalizar menu

Mensagem por Sr.pepek em 02/06/12, 08:14 pm

Resolvido Piscada '

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.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