Menu igual site superdownloads.com.br ou ziggi.com.br

[felipeiasbik 0]

Olá a todos.

 

Sou novo no forum, e recorri a vcs a respeito de um menu possivelmente em css.

 

ele teria a funcao de active, abrindo uma pagina e gerando um submenu no qual alteraria a cor desse submenu ativo..

 

é no mesmo esquema dos sites ae:

 

www.superdownloads.com.br

www.ziggi.com.br

 

 

fico no aguardo da ajuda de vcs

obrigado

 

só pra deixar mais claro, seria possivel alterar a cor do submenu de acordo com o link clicado no menu.. e o link clicado que estaria ativo tb ficaria na cor do submenu, ou de um bg.. valeu

 

mas algum nesse esquema dos sites mencionados ja ta otimo.. ae eu edito aqui da melhor maneira

[crf_h0m3r 5]

Mostre-nos o que você já fez, ou que você já tentou fazer.. só assim podemos lhe ajudar.

Ninguém vai fazer pra você.

 

Boa sorte :thumbsup:

[Guilherme Oderdenge 42]

Isso é mais PHP que CSS.

 

Imagina que você tem uma classe. Vamos chamá-la de ativa, sempre quem parâmetro da URL detecta a página onde você está, ele vai aplicar esta classe ao menu - mudando a cor/aplicando efeito nele.

 

E para o menu:

ul#menu {
   width: 100%;
}

ul#menu li {
   float: left;
   margin: 0px 10px;
}

 

Já tens uma boa base para desenvolvê-lo "à lá" SuperDownloads. :thumbsup:

[Diéssica 140]

Imagina que você tem uma classe. Vamos chamá-la de ativa, sempre quem parâmetro da URL detecta a página onde você está, ele vai aplicar esta classe ao menu - mudando a cor/aplicando efeito nele.

Tem esse código Javascript do Lucas Peperaio que é show também:

$(document).ready(function(){$("li a[href='"+location.href.substring(location.href.lastIndexOf("/")+1,255)+"']").addClass("ativo");});

.addClass("ativo")

Daí só faz uma classe ativo (.ativo) no CSS do site e ela vai ser adicionada dinamicamente :thumbsup:

 

Ou adiciona o CSS direto:

$(document).ready(function(){$("li a[href='"+location.href.substring(location.href.lastIndexOf("/")+1,255)+"']").css("background","#E5E5E5");});

.css("background","#000")

Background preto em hexadecimal (#000).

 

Tão simples que nem parece que funciona...

:bye: