Efeito nos menus

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

Resolvido Efeito nos menus

Mensagem por Alex Habilidade em 06/11/12, 03:34 pm

Qual é minha questão:
Olá,

Eu queria personalizar meus menus, aqui estão os códigos que estou usando:

CSS:
Código:

/*menu*/
.limenu .ulmenu{display:none;left:120px;position:absolute;z-index:900}.ulmenu .limenu{position:relative;z-index:900}
.ulmenu{list-style:none;top:0;width:120px;z-index:900}
.ulmenu .limenu a{background-color:#fff;border-bottom:1px dashed #999;display:block;height:20px;text-decoration:none;z-index:900}
.limenu:hover .ulmenu{display:block}

Atualmente ele está assim:
http://i49.servimg.com/u/f49/14/99/55/84/atual10.jpg

Ele está muito simples como podem observar.
Eu queria deixa o um efeito bem moderno, um exemplo que posso estar dando é esse, vejam abaixo:
http://i49.servimg.com/u/f49/14/99/55/84/assim11.jpg

E queria que vocês tentassem deixa esse efeito desse site quando passa o mouse em cima dos menus só que no meu eu quero nesses meus novos botoes, vejam o efeito nesse site:
http://www.coopercred.com/portal/home.php
Basta passar o mouse por cima dos menus que vocês veram os efeitos.

Caso não consigam tentem fazer algum modelo para mim, pois não quero que fique igual dos outros fóruns.



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

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx/

Versão do meu fórum:
PUNBB
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Efeito nos menus

Mensagem por Consolado em 06/11/12, 04:01 pm

Olá!

Experimente este CSS:
Código:
.limenu .ulmenu{display:none;left:120px;position:absolute;z-index:900}.ulmenu .limenu{position:relative;z-index:900}.ulmenu{list-style:none;top:0;width:120px;z-index:900}.ulmenu .limenu a{background-color:#fff;border-bottom:1px dashed #999;display:block;height:20px;text-decoration:none;z-index:900}.limenu:hover .ulmenu{display:block}
Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Efeito nos menus

Mensagem por Alex Habilidade em 06/11/12, 04:11 pm

Não resultou
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Efeito nos menus

Mensagem por BrunoH. em 06/11/12, 04:15 pm

Olá!
Veja se este resulta:
Código:
.limenu .ulmenu{display:none;left:120px;position:absolute;z-index:900}.ulmenu .limenu{position:relative;z-index:900}.ulmenu{list-style:none;top:0;width:120px;z-index:900}.ulmenu .limenu a{background-color:#fff;border-bottom:1px dashed #999;display:block;height:20px;text-decoration:none;z-index:900}.limenu:hover .ulmenu{display:block}
.off, .offface, .offfeed, .offtw {background: url(http://i42.servimg.com/u/f42/17/32/13/00/m_off10.png) no-repeat;cursor: default;font-size: 11px;font-weight: 700;padding-left: 15px;padding-top: 2px;}

Atenciosamente,
BrunoH. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Efeito nos menus

Mensagem por Alex Habilidade em 06/11/12, 04:43 pm

Valew funcionou
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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