Problema com código de menu

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

Resolvido Problema com código de menu

Mensagem por pyrohinotama em 08/07/13, 07:56 pm

Qual é minha questão:
Ola, acessem meu fórum, e vejam o menu, ele está todo desregulado, e o problema é que quando está conectado o menu fica normal(segue todos os camandos que eu dei no css: " margin-top: -22px "= uso isso para o menu ficar encaixado certinho no template e não causar aquela "falha" que ta causando quando está desconectado)

como resolvo isto?

Endereço do meu fórum:
http://starwarsrpg.umforum.net

Versão do fórum:
INVISION


Última edição por pyrohinotama em 13/07/13, 11:34 am, editado 1 vez(es)
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Problema com código de menu

Mensagem por Hizu em 08/07/13, 08:05 pm

Olá!

Poderia me conceder a tua CSS? Se possível, ative minha conta "teste123" para que eu possa averiguar o fórum quando logado. Positivo 

Atenciosamente, Hizu.

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Problema com código de menu

Mensagem por pyrohinotama em 08/07/13, 08:11 pm

tem edição no template sim (-_-)'
e o código que uso eu ja postei.
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Problema com código de menu

Mensagem por Hizu em 08/07/13, 08:17 pm

Perdoe-me pela pergunta, não tinha notado que a versão do seu fórum era Invision. Agora voltando ao assunto principal do tópico, ao retirar o código, o bug permanece? Eu precisaria analisar a tua CSS, pois muitas das vezes é um código CSS ou algum código HTML forçando está deformação.

Atenciosamente, Hizu.

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Problema com código de menu

Mensagem por North em 09/07/13, 12:01 am

Boa noite!

Acrescente o código a seguir na folha:

Código:
#i_icon_mini_login {
background: url(http://illiweb.com/fa/pbucket.gif) 0px 0px no-repeat;
margin-top: -22px;
width: 117px;
position: relative;
top: 33px;
}

Valide!

Resolve?
Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Problema com código de menu

Mensagem por pyrohinotama em 09/07/13, 06:35 am

ola, harker, na verdade eu quero que os outros botões subam e não que o loguin desça.
Piscada
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Problema com código de menu

Mensagem por MateusA em 09/07/13, 10:23 am

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

Código:
#i_icon_mini_register, #i_icon_mini_groups, #i_icon_mini_members, #i_icon_mini_search, #i_icon_mini_calendar, #i_icon_mini_profile, #i_icon_mini_index, a.mainmenu img[title="Blog"], a.mainmenu img[alt="Blog"], a.mainmenu img[src="http://i36.servimg.com/u/f36/18/39/81/66/sem_ta10.png"], a.mainmenu img, .mainmenu img {
margin-top: -50px !important;
}
Seta Vai aumentando o numero 50.

Valide e veja o resultado.
Tive uma idéia!
Atenciosamente,
Crazy.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Problema com código de menu

Mensagem por pyrohinotama em 09/07/13, 10:49 am

ola, não deu certo, ficou bugado, acontece que por um motivo que desconheço quando o usuario fica on o código que uso da certo, mas quando fica off não da certo(só funciona no loguin)
sera que pode ser um problema do forumeiros? ou outra coisa?
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Problema com código de menu

Mensagem por North em 09/07/13, 11:00 am

Bom dia!

Troque o código por este para corrigir toda a estrutura:

Código:
div#logostrip {
background-color: transparent;
background-image: url(http://fc02.deviantart.net/fs70/f/2013/189/b/c/iniciologo_by_allanseixas-d6cjb1l.png);
height: 290px;
margin: 0px;
padding: 0px;
width: 914px;
position: relative;
top: 50px;
}
#submenu {
position: relative;
top: 19px;
}
#i_icon_mini_login {
background: url(http://illiweb.com/fa/pbucket.gif) no-repeat;
position: relative;
top: 33px;
}
#i_icon_mini_calendar {
background: url(http://illiweb.com/fa/pbucket.gif) no-repeat;
position: relative;
top: -14px;
}
#i_icon_mini_index {
background: url(http://illiweb.com/fa/pbucket.gif) no-repeat;
position: relative;
top: -14px;
}

Resolve?

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Problema com código de menu

Mensagem por pyrohinotama em 09/07/13, 12:45 pm

não deu certo ficou tudo bugado
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Problema com código de menu

Mensagem por North em 09/07/13, 12:48 pm

Queira retirar todos os códigos desta área para que possamos visualizar e corrigir. Ficou bugado quando está logado ou como visitante?

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Problema com código de menu

Mensagem por Hizu em 09/07/13, 02:10 pm

Saudações!

Aceda ao Painel de Controle -> Visualização -> Imagens e Cores -> Cores > Folha de estilo CSS

E adicione este código:
#submenu {
background-color: transparent;
margin: -41px 0px 0px !important;
padding: 0px 0px 10px;
}
#i_icon_mini_login {
background: url(http://illiweb.com/fa/pbucket.gif) 0px 0px no-repeat;
height: 52px;
margin-top: -22px;
width: 134px;
}
#i_icon_mini_login:hover
{
background: url(http://illiweb.com/fa/pbucket.gif) 0px 0px no-repeat;
height: 52px;
margin-top: -22px;
width: 134px;
}

Modifique o valor em negrito até ficar ao teu gosto!

Atenciosamente, Hizu. Piscada


Última edição por Hizu em 09/07/13, 03:29 pm, editado 1 vez(es)

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Problema com código de menu

Mensagem por Sennior em 09/07/13, 03:27 pm

Olá!

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


Codigo CSS:
Código:
#submenu {background-color: transparent;margin: -105px 0px 0px !important;padding: 0px 0px 10px;}

Clique em "Validar". Piscada

Até mais.

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Problema com código de menu

Mensagem por pyrohinotama em 09/07/13, 05:04 pm

ola, ainda sem resultados satisfatorios
e relembro mais uma vez!! ISSO SO OCORRE QUANDO ESTÁ OFF NO MEU FÓRUM, QUANDO ESTÁ ON O MENU FICA CERTO(E NÃO PRECISA DE MUDANÇA QUALQUER!), O PROBLEMA É O BOTÃO DO LOGUIN(OU SEI LÁ) QUE ESTÁ DO ERRO.
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Problema com código de menu

Mensagem por MateusV. em 09/07/13, 05:09 pm

Adicione este código em seu CSS:
Código:
#i_icon_mini_login {
height: 52px!important;
margin-top: -22px!important;
width: 134px!important;
}

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Problema com código de menu

Mensagem por pyrohinotama em 09/07/13, 05:32 pm

ola, analisando o meu código e fazendo algumas mudanças percebi que quando mexo no margin-top do login todos os outros botões mudam também, o erro deve ser algo envolvido nisto
agora eu coloquei -88px no margin-top, e se os botões se encaixam perfeitamente no lugar certo, menos o do login, deve, ou seja é alguma informação que não sei qual que acrescenta mais -66px no margin-top do login
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Problema com código de menu

Mensagem por Sennior em 10/07/13, 05:24 pm

Olá!

Aceda à "Folha de Estilo CSS":
Painel de Controle :seta:Visualização :seta:Imagens e Cores :seta:Cores :seta:Folha de Estilo CSS


Codigo CSS:
Código:
#submenu {background-color: transparent !important;margin: -105px 0px 0px !important;padding: 0px 0px 10px !important;}

Clique em "Validar". Piscada

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Problema com código de menu

Mensagem por pyrohinotama em 10/07/13, 07:25 pm

não, este código ja foi me dado antes e desregula o template de meu fórum, ele sobe a parte de baixo e as imagens não se emcaixam.
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Problema com código de menu

Mensagem por pyrohinotama em 10/07/13, 07:43 pm

ola, não sei se pode ajudar mas a maioria do código css veio do template original do meu fórum, que é este aqui: http://pt.hitskin.com/buscar-um-tema/halloween-2010-164348.htm?sid=5bd5878e3010582ff757b1b0d78011bf , será que no css dele existe algo que está causando o problema com o botão do login?
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Problema com código de menu

Mensagem por MateusV. em 10/07/13, 08:32 pm

Tente o código que mandei anteriormente:
Código:
#i_icon_mini_login {
height: 52px!important;
margin-top: -22px!important;
width: 134px!important;
}

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Problema com código de menu

Mensagem por pyrohinotama em 10/07/13, 10:24 pm

ola, ja disse isso anterior mente;
o problema é algo com o botão do LOGIN, quando retiro o código deste botão o menu normaliza e quando coloco de novo o problema volta, como eu vou resolver isso?
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Problema com código de menu

Mensagem por North em 12/07/13, 02:17 pm

Olá pyrohinotama,

Retire todos os códigos que influenciem na posição do menu que iremos elaborar um código que conserte.

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Problema com código de menu

Mensagem por pyrohinotama em 12/07/13, 04:12 pm

certo, aqui está o antigo código que eu usava:

Código:
#i_icon_mini_login{width:117px; height:52x; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0; margin-top: -88px;position: relative;}
#i_icon_mini_login:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
#i_icon_mini_login:active{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}

#i_icon_mini_index{width:101px; height:52px; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0; margin-top: -22px;}
#i_icon_mini_index:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
#i_icon_mini_index:active{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}

#i_icon_mini_gallery{width:0px; height:0x; background:url() no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_gallery:hover{background:url() no-repeat 0 -25px;}
#i_icon_mini_gallery:active{background:url() no-repeat 0 -50px;}

#i_icon_mini_calendar{width:109px; height:52px; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_calendar:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
#i_icon_mini_calendar:active{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}

#i_icon_mini_portal{width:0px; height:0px; background:url() no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_portal:hover{background:url() no-repeat 0 -25px;}
#i_icon_mini_portal:active{background:url() no-repeat 0 -50px;}

#i_icon_mini_faq{width:0px; height:0px; background:url() no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_faq:hover{background:url() no-repeat 0 -25px;}
#i_icon_mini_faq:active{background:url() no-repeat 0 -50px;}

#i_icon_mini_search{width:101px; height:52px; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_search:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
#i_icon_mini_search:active{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}

#i_icon_mini_members{width:119px; height:52px; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_members:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
#i_icon_mini_members:active{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}

#i_icon_mini_groups{width:102px; height:52px; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_groups:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
#i_icon_mini_groups:active{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}

#i_icon_mini_profile{width:100px; height:52px; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_profile:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
#i_icon_mini_profile:active{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}

#i_icon_mini_message{width:59px; height:52px; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_message:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
#i_icon_mini_message:active{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}

#i_icon_mini_new_message{width:59px; height:52px; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_new_message:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
#i_icon_mini_new_message:active{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}

#i_icon_mini_logout{width:91px; height:52px; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_logout:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
#i_icon_mini_logout:active{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}

#i_icon_mini_register{width:134px; height:52px; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_register:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
#i_icon_mini_register:active{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}



a.mainmenu img[title="Blog"]{width:71px; height:52px; background:url(http://illiweb.com/fa/pbucket.gif) no-repeat 0 0;margin-top: -22px;}
a.mainmenu img[title="Blog"]:hover{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat;}
a.mainmenu img[title="Blog"]:active{http://illiweb.com/fa/pbucket.gif) no-repeat;}
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Problema com código de menu

Mensagem por North em 12/07/13, 11:18 pm

Boa noite!

Basta acrescentar esse código no inicio do CSS:

Código:
#i_icon_mini_login{
position: relative;
top: 63px;
}
#i_icon_mini_login:hover{
position: relative;
top: 63px;
}
#i_icon_mini_login:active{
position: relative;
top: 63px;
}

Resulta?
Até mais!
zen
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Problema com código de menu

Mensagem por pyrohinotama em 13/07/13, 11:33 am

o-o! funcionou, valeu mesmo Harker Muito feliz 
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

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