Menu em dropdown *

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

Resolvido Menu em dropdown *

Mensagem por ZeMuhammad em 15/09/12, 10:09 am

Qual é minha questão:
Há um tempo, havia feito uma pergunta sobre menus em dropdowns, ela foi resolvida, mas restou uma questão:

Deixar todos os menus do mesmo tamanho, não quero que o tamanho seja definido pelo tamanho do texto. Há como?

Códigos utilizados:


CSS:

/* menu em dropdown - oferecido pelo fórum PowerSing - http://power-sing.forumeiros.com/ - Proíbida a retirada deste copyright */
.navlinks li{position:relative}
.ulhome{left:0px;top:40px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-color: #FFFFFF !important; !important;border:1px solid #690;list-style:none;position:relative;z-index:990;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;padding:0px 14px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:900;background-image:none !important;}
li:hover .ulhome{left:0px;display:block;top:13px !important}
/* fim do código do menu em dropdown - oferecido pelo fórum PowerSing - http://power-sing.forumeiros.com/ - Proíbida a retirada deste copyright */

JAVASCRIPT:

jQuery(document).ready(function(){jQuery('.navlinks li a[href="LINK-DO-MENU-EM-QUE-O-EFEITO-IRÁ-OCORRER"]').after('<div class="ulhome"><div style="background-color: #F2F2F2"><ul><li class="limenup"><a href="LINK-QUE-APARECERÁ NO EFEITO">NOME-DO-LINK</a><br></li></ul></div></div>')});

Links e imagens do meu problema:
Não é necessário.

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

Versão do meu fórum:
PHPBB3


Última edição por ZeMuhammad em 16/09/12, 10:03 am, editado 1 vez(es)
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Menu em dropdown *

Mensagem por ZeMuhammad em 15/09/12, 10:20 am

160 pixels de largura.

Altura eu quero que seja do jeito que está!

Obrigado.
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Menu em dropdown *

Mensagem por Sennior em 15/09/12, 11:14 am

Bom dia,

Troque teu CSS por este:


Código:
/* menu em dropdown - oferecido pelo fórum PowerSing - http://power-sing.forumeiros.com/ - Proíbida a retirada deste copyright */
.navlinks li{position:relative}
.ulhome{left:0px;top:40px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-color: #FFFFFF !important; !important;border:1px solid #690;list-style:none;position:relative;z-index:990;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;padding:0px 160px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:900;background-image:none !important;}
li:hover .ulhome{left:0px;display:block;top:13px !important}
/* fim do código do menu em dropdown - oferecido pelo fórum PowerSing - http://power-sing.forumeiros.com/ - Proíbida a retirada deste copyright */

Veja se resulta.

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: Menu em dropdown *

Mensagem por ZeMuhammad em 15/09/12, 11:39 am

Eu já tentara alterar este código desta maneira, mas não deu certo pois o tamanho do quadro se altera dependendo do tamanho do texto
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Menu em dropdown *

Mensagem por Sennior em 15/09/12, 01:39 pm

Boa tarde,

Adicione este código em teu CSS, junto ao outro:

Código:
ulhome {left: 0px;top: 40px;position: absolute !important;display: none;z-index: 999;text-align: center !important;background-color: white!important;
border: 0px solid #690;list-style: none;
position: absolute !important;
z-index: 990;

Cordialmente.
}
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: Menu em dropdown *

Mensagem por ZeMuhammad em 15/09/12, 02:13 pm

Não notei diferença!
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

Ver perfil do usuário http://battlefieldplay4free.forumeiros.com
  • 0

Resolvido Re: Menu em dropdown *

Mensagem por Sennior em 16/09/12, 02:10 am

Olá,

Troque o código CSS por este:

/* menu em dropdown - oferecido pelo fórum PowerSing - http://power-sing.forumeiros.com/ - Proíbida a retirada deste copyright */
.navlinks li{position:relative}
.ulhome{left:0px;top:40px;position:fixed !important;display:none;z-index:999;text-align:center !important;
background-color: #FFFFFF !important; !important;border:1px solid #690;list-style:none;position:relative;z-index:990;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;padding:0px 14px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:900;background-image:none !important;}
li:hover .ulhome{left:0px;display:block;top:13px !important}
/* fim do código do menu em dropdown - oferecido pelo fórum PowerSing - http://power-sing.forumeiros.com/ - Proíbida a retirada deste copyright */

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: Menu em dropdown *

Mensagem por ZeMuhammad em 16/09/12, 10:02 am

Pode deixar quieto, não necessito mais, obrigado.
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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