Menu desalinhado ajudem-me

+2
-rock-
'Rafaela
6 participantes

Ir para baixo

Tópico resolvido Menu desalinhado ajudem-me

Mensagem por 'Rafaela 22.09.11 5:55

Qual é minha questão:
Bom, eu habilitei o menu de navegação ao fórum, sendo que ele ficou desalinhado mostrarei a imagem por favor resolvam essa minha duvida obrigado !

Medidas que eu tomei para corrigir o problema:
ja tentei de tudo, procurei tópicos aqui, mais não encontrei nenhum ;s

Imagens do meu problema:
http://clip2net.com/s/1bRz7

Endereço do meu fórum:
http://nrpgdesign.forumeiros.com/forum

Versão do meu fórum:
INVISION
'Rafaela
'Rafaela
Novo Membro

Membro desde : 22/09/2011
Mensagens : 2
Pontos : 4

http://nrpgdesign.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu desalinhado ajudem-me

Mensagem por -rock- 22.09.11 6:13

Olá

se possivel passe o seu CSS e suas imagens do menu de navegação.
-rock-
-rock-
Membro

Membro desde : 30/04/2011
Mensagens : 577
Pontos : 841

http://mecanicos.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu desalinhado ajudem-me

Mensagem por 'Rafaela 22.09.11 6:54

Código:
a:link,
a:visited,
a:active{

    text-decoration: none;
}

table.ipbtable tfoot td {
background-color:#1d1d1d;
}



div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img36.imageshack.us/img36/6092/crossy.png') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img36.imageshack.us/img36/4156/addzox.png') no-repeat 50% 50%;
}



.popupmenu li {
background-color: #1d1d1d;
}


.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}


.post {
border-bottom:10px solid #1d1d1d;
}



#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}


a.mainmenu img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
a.mainmenu img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

a:link,a:visited,a:active {
text-decoration: none;
}

a:hover {
text-shadow: 0 0 6px #C35817 !important;
text-decoration: none !important;
}

body { cursor: url('http://clip2net.com/page/m57714/8384389'), url('http://img821.imageshack.us/img821/7624/ragnarokx.gif'), auto; }

a:hover { cursor: url('http://clip2net.com/page/m57714/8384389'), url('http://img821.imageshack.us/img821/7624/ragnarokx.gif'), auto; }

.forumlink a {
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}

.forumlink a:hover {
padding-left: 20px;
font-size: 16px;
color: #4080FF;
}

.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}


blockquote {
border: 2px solid #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 10px 10px 5px #555555;
-moz-box-shadow: 10px 10px 5px #555555;
-webkit-box-shadow: 10px 10px 5px #555555;
}

cite {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

.spoiler {
border: 2px solid #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 10px 10px 5px #555555;
-moz-box-shadow: 10px 10px 5px #555555;
-webkit-box-shadow: 10px 10px 5px #555555;
}

.spoiler dt {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

#login_popup {
background-image: url('http://i26.servimg.com/u/f26/15/66/76/64/ssss10.png');
background-repeat: no-repeat;
}


.mainmenu{
margin-right: -25px;
}
#i_icon_mini_groups, #i_icon_mini_members, #i_icon_mini_index, #i_icon_mini_portal, #i_icon_mini_calendar, #i_icon_mini_faq, #i_icon_mini_register, #i_icon_mini_login, #i_icon_mini_logout, #i_icon_mini_message, #i_icon_mini_new_message, #i_icon_mini_profile, #i_icon_mini_search{
margin-bottom: 30px;
}


#page-header .navbar {
width: 40px;
margin-top: 10px;
}



https://2img.net/r/ihimizer/img52/9048/entrarc.png
https://2img.net/r/ihimizer/img508/9663/inicioa.png
https://2img.net/r/ihimizer/img5/9597/92085447.png
https://2img.net/r/ihimizer/img821/7946/perfilaj.png
https://2img.net/r/ihimizer/img89/3470/portaliw.png
https://2img.net/r/ihimizer/img828/7483/registrard.png
https://2img.net/r/ihimizer/img42/5815/sairw.png
https://2img.net/r/ihimizer/img37/729/novampq.png

Ta ae Muito feliz
'Rafaela
'Rafaela
Novo Membro

Membro desde : 22/09/2011
Mensagens : 2
Pontos : 4

http://nrpgdesign.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu desalinhado ajudem-me

Mensagem por punk_rkn 22.09.11 7:38

O problema está nas imagens... elas não têm o mesmo tamanho, por isso ficam desalinhadas.
EDIT: A propósito, bem vinda =)
punk_rkn
punk_rkn
Membro

Membro desde : 04/11/2007
Mensagens : 550
Pontos : 436

http://darkside.forumclan.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu desalinhado ajudem-me

Mensagem por Oto! 22.09.11 12:08

Seja bem-vinda o fórum de suporte forumeiros!

Olá!

O problema como já foi dito pelo nosso colega acima é esse, elas estão desalinhadas por não terem o mesmo tamanho!Contudo se alguém souber o código, basta você esperar que irão falar...

Até Mais!
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu desalinhado ajudem-me

Mensagem por Flavisic 22.09.11 12:30

Olá!

Como foi dito, terá de aumentar a altura das imagens, sendo que esse aumento deve-se verificar na parte superior das imagens... fiz essa edição, veja se fica como pretende:

Menu desalinhado ajudem-me Portal10
Código:
http://i46.servimg.com/u/f46/11/66/91/15/portal10.png
Menu desalinhado ajudem-me Av0y1k10
Código:
http://i46.servimg.com/u/f46/11/66/91/15/av0y1k10.png
Menu desalinhado ajudem-me Regist10
Código:
http://i46.servimg.com/u/f46/11/66/91/15/regist10.png
Menu desalinhado ajudem-me Novamp10
Código:
http://i46.servimg.com/u/f46/11/66/91/15/novamp10.png
Menu desalinhado ajudem-me 92085410
Código:
http://i46.servimg.com/u/f46/11/66/91/15/92085410.png
Menu desalinhado ajudem-me Perfil10
Código:
http://i46.servimg.com/u/f46/11/66/91/15/perfil10.png

Piscada


Tópico movido de 'Problemas de conexão' para 'Questões sobre a aparência do fórum'
Flavisic
Flavisic
Membro Entusiasta

Membro desde : 09/11/2007
Mensagens : 6290
Pontos : 3467

http://www.webscriptner.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu desalinhado ajudem-me

Mensagem por punk_rkn 22.09.11 22:14

Mas no caso teria que diminuir a imagem 'início' e 'sair' tambem, não? Pq ficarão maiores que as outras ainda, por causa daquela corda na imagem que faz o efeito de como se o menu estivesse pendurado.
Aproveitando a linha de raciocínio do Flavisici: você poderia, ao invés de dimiuir as imagens, aumentá-las para que fiquem do mesmo tamanho do que as que citei. No caso, adicionaria um espaço transparente acima das imagens para que as mesmas fiquem do mesmo tamanho.
Só que, acima dos botões, ficará uma área "clickável", por assim dizer pq ainda fará parte do menu. Fica estranho, mas é no que posso ajudar ^^'

EDIT: Ops, foi exatamente isso que o Flavisic fez. Agora que vi, , justamente pelas imagens estarem transparentes na parte de cima. Erro meu ^^'
punk_rkn
punk_rkn
Membro

Membro desde : 04/11/2007
Mensagens : 550
Pontos : 436

http://darkside.forumclan.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu desalinhado ajudem-me

Mensagem por Luciano98 24.09.11 19:56

Olá!

Poderá somente confirmar se sua dúvida está resolvida? Piscada
Caso necessite de suporte adicional, por favor informe-nos!

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

Ir para o topo

- Tópicos semelhantes

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