Efeito nos menus

3 participantes

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

Tópico resolvido Efeito nos menus

Mensagem por Alex Habilidade 06.11.12 17:34

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:
https://i.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:
https://i.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
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos menus

Mensagem por Consolado 06.11.12 18:01

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.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos menus

Mensagem por Alex Habilidade 06.11.12 18:11

Não resultou
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos menus

Mensagem por BrunoH. 06.11.12 18:15

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
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos menus

Mensagem por Alex Habilidade 06.11.12 18:43

Valew funcionou
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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