Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Problema com código de menu

+2
Hizu
pyrohinotama
6 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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

Tópico resolvido Problema com código de menu

Mensagem por pyrohinotama 08.07.13 23:56

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 15:34, editado 1 vez(es)
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por Hizu 09.07.13 0:05

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

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por pyrohinotama 09.07.13 0:11

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

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por Hizu 09.07.13 0:17

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

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por goodbye 09.07.13 4:01

Boa noite!

Acrescente o código a seguir na folha:

Código:
#i_icon_mini_login {
background: url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/loguin_zps2c12f08c.png) 0px 0px no-repeat;
margin-top: -22px;
width: 117px;
position: relative;
top: 33px;
}

Valide!

Resolve?
Até mais!
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por pyrohinotama 09.07.13 10:35

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

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por MateusA 09.07.13 14:23

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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por pyrohinotama 09.07.13 14:49

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?
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por goodbye 09.07.13 15:00

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://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/loguinH_zps57482570.png) no-repeat;
position: relative;
top: 33px;
}
#i_icon_mini_calendar {
background: url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/calendarioH_zpscc462f33.png) no-repeat;
position: relative;
top: -14px;
}
#i_icon_mini_index {
background: url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/inicioH_zpsd7f41ad1.png) no-repeat;
position: relative;
top: -14px;
}

Resolve?

Até mais!
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por pyrohinotama 09.07.13 16:45

não deu certo ficou tudo bugado
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por goodbye 09.07.13 16:48

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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por Hizu 09.07.13 18:10

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(https://2img.net/h/i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/loguin_zps2c12f08c.png) 0px 0px no-repeat;
height: 52px;
margin-top: -22px;
width: 134px;
}
#i_icon_mini_login:hover
{
background: url(https://2img.net/h/i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/loguinH_zps57482570.png) 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 19:29, editado 1 vez(es)
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Problema com código de menu

Mensagem por Sennior 09.07.13 19:27

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'
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por pyrohinotama 09.07.13 21:04

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.
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Problema com código de menu

Mensagem por MateusV. 09.07.13 21:09

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.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por pyrohinotama 09.07.13 21:32

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
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Problema com código de menu

Mensagem por Sennior 10.07.13 21:24

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por pyrohinotama 10.07.13 23:25

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.
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por pyrohinotama 10.07.13 23:43

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?
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Problema com código de menu

Mensagem por MateusV. 11.07.13 0:32

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.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por pyrohinotama 11.07.13 2:24

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?
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por goodbye 12.07.13 18:17

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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por pyrohinotama 12.07.13 20:12

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

Código:
#i_icon_mini_login{width:117px; height:52x; background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/loguin_zps2c12f08c.png) no-repeat 0 0; margin-top: -88px;position: relative;}
#i_icon_mini_login:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/loguinH_zps57482570.png) no-repeat;}
#i_icon_mini_login:active{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/loguinH_zps57482570.png) no-repeat;}

#i_icon_mini_index{width:101px; height:52px; background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/inicio_zps26de627a.png) no-repeat 0 0; margin-top: -22px;}
#i_icon_mini_index:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/inicioH_zpsd7f41ad1.png) no-repeat;}
#i_icon_mini_index:active{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/inicioH_zpsd7f41ad1.png) 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://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/calendario_zps49e0074c.png) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_calendar:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/calendarioH_zpscc462f33.png) no-repeat;}
#i_icon_mini_calendar:active{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/calendarioH_zpscc462f33.png) 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://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/buscar_zps325748bb.png) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_search:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/buscarH_zpsbf3273a1.png) no-repeat;}
#i_icon_mini_search:active{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/buscarH_zpsbf3273a1.png) no-repeat;}

#i_icon_mini_members{width:119px; height:52px; background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/membros_zps4b15f7d0.png) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_members:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/membrosH_zpsc1fc7777.png) no-repeat;}
#i_icon_mini_members:active{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/membrosH_zpsc1fc7777.png) no-repeat;}

#i_icon_mini_groups{width:102px; height:52px; background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/grupos_zps8d410e87.png) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_groups:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/gruposH_zps1c95ae38.png) no-repeat;}
#i_icon_mini_groups:active{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/gruposH_zps1c95ae38.png) no-repeat;}

#i_icon_mini_profile{width:100px; height:52px; background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/perfil_zps86225039.png) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_profile:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/perfilH_zps355faf3d.png) no-repeat;}
#i_icon_mini_profile:active{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/perfilH_zps355faf3d.png) no-repeat;}

#i_icon_mini_message{width:59px; height:52px; background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/MP_zps38d07e4b.png) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_message:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/MPH_zps7e8bbb9b.png) no-repeat;}
#i_icon_mini_message:active{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/MPH_zps7e8bbb9b.png) no-repeat;}

#i_icon_mini_new_message{width:59px; height:52px; background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/novamp_zps59b0780e.png) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_new_message:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/novampH_zps74f38a70.png) no-repeat;}
#i_icon_mini_new_message:active{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/novampH_zps74f38a70.png) no-repeat;}

#i_icon_mini_logout{width:91px; height:52px; background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/sair_zpsfbb1ccaf.png) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_logout:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/sairH_zpscd8e00b9.png) no-repeat;}
#i_icon_mini_logout:active{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/sairH_zpscd8e00b9.png) no-repeat;}

#i_icon_mini_register{width:134px; height:52px; background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/registrar_zps26e9a251.png) no-repeat 0 0;margin-top: -22px;}
#i_icon_mini_register:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/registrarH_zps3e3169be.png) no-repeat;}
#i_icon_mini_register:active{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/registrarH_zps3e3169be.png) no-repeat;}



a.mainmenu img[title="Blog"]{width:71px; height:52px; background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/blog_zps41ba83da.png) no-repeat 0 0;margin-top: -22px;}
a.mainmenu img[title="Blog"]:hover{background:url(http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/blogH_zpsb5e262b4.png) no-repeat;}
a.mainmenu img[title="Blog"]:active{http://i1361.photobucket.com/albums/r671/Katsuo_Shisubeki/blogH_zpsb5e262b4.png) no-repeat;}
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por goodbye 13.07.13 3:18

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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema com código de menu

Mensagem por pyrohinotama 13.07.13 15:33

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

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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