Menu desalinhado ajudem-me

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

Resolvido Menu desalinhado ajudem-me

Mensagem por 'Rafaela em 22/09/11, 01:55 am

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
avatar

'Rafaela
Nível 1

Feminino
Inscrito dia : 22/09/2011
Mensagens : 2
Pontos Ativos : 4

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

Resolvido Re: Menu desalinhado ajudem-me

Mensagem por -rock- em 22/09/11, 02:13 am

Olá

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

-rock-
Usuário destaque

Masculino
Inscrito dia : 29/04/2011
Mensagens : 577
Pontos Ativos : 841

Ver perfil do usuário http://mecanicos.foruns.com.pt/

Resolvido Re: Menu desalinhado ajudem-me

Mensagem por 'Rafaela em 22/09/11, 02:54 am

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;
}



http://img52.imageshack.us/img52/9048/entrarc.png
http://img508.imageshack.us/img508/9663/inicioa.png
http://img5.imageshack.us/img5/9597/92085447.png
http://img821.imageshack.us/img821/7946/perfilaj.png
http://img89.imageshack.us/img89/3470/portaliw.png
http://img828.imageshack.us/img828/7483/registrard.png
http://img42.imageshack.us/img42/5815/sairw.png
http://img37.imageshack.us/img37/729/novampq.png

Ta ae Muito feliz
avatar

'Rafaela
Nível 1

Feminino
Inscrito dia : 22/09/2011
Mensagens : 2
Pontos Ativos : 4

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

Resolvido Re: Menu desalinhado ajudem-me

Mensagem por punk_rkn em 22/09/11, 03:38 am

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

punk_rkn
Usuário destaque

Masculino
Inscrito dia : 04/11/2007
Mensagens : 550
Pontos Ativos : 436

Ver perfil do usuário http://darkside.forumclan.com

Resolvido Re: Menu desalinhado ajudem-me

Mensagem por Oto! em 22/09/11, 08:08 am

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

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Menu desalinhado ajudem-me

Mensagem por Flavisic em 22/09/11, 08:30 am

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:


Código:
http://i46.servimg.com/u/f46/11/66/91/15/portal10.png

Código:
http://i46.servimg.com/u/f46/11/66/91/15/av0y1k10.png

Código:
http://i46.servimg.com/u/f46/11/66/91/15/regist10.png

Código:
http://i46.servimg.com/u/f46/11/66/91/15/novamp10.png

Código:
http://i46.servimg.com/u/f46/11/66/91/15/92085410.png

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

Flavisic
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 09/11/2007
Mensagens : 6290
Pontos Ativos : 3467

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

Resolvido Re: Menu desalinhado ajudem-me

Mensagem por punk_rkn em 22/09/11, 06:14 pm

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 ^^'
avatar

punk_rkn
Usuário destaque

Masculino
Inscrito dia : 04/11/2007
Mensagens : 550
Pontos Ativos : 436

Ver perfil do usuário http://darkside.forumclan.com

Resolvido Re: Menu desalinhado ajudem-me

Mensagem por Luciano98 em 24/09/11, 03:56 pm

Olá!

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

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

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