Menu em dropdown *
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Menu em dropdown *
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
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 14:03, editado 1 vez(es)
Re: Menu em dropdown *
Bom dia,
Troque teu CSS por este:
Veja se resulta.
Até mais.
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.
Re: Menu em dropdown *
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
Re: Menu em dropdown *
Boa tarde,
Adicione este código em teu CSS, junto ao outro:
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.
}
Re: Menu em dropdown *
Olá,
Troque o código CSS por este:
Até mais.
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.
Tópicos semelhantes
» Aproximar o menu do logo e menu dropdown
» Menu Dropdown
» Menu em dropdown
» Ajustes no menu dropdown
» Sub-links no menu de navegação (dropdown)
» Menu Dropdown
» Menu em dropdown
» Ajustes no menu dropdown
» Sub-links no menu de navegação (dropdown)
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos