terça-feira, 2 de dezembro de 2008

Efeito link ativo

Sabe aquele efeito de link ativo? Tipo esse: http://patriciafigueira.com.br/ . Então é fácil.
Suponha que seu site tenha 4 sessões. Em cada sessão na tag body você cria uma classe. Depois você formata com CSS.

body.home #menu a{
background: url(img/ativo.gif);

font: bolder 0.8em sans-serf;
}
body.clientes #menu a{
background: url(img/ativo.gif);

font: bolder 0.8em sans-serf;
}
body.empresa #menu a{
background: url(img/ativo.gif);

font: bolder 0.8em sans-serf;
}
body.contato #menu a{
background: url(img/ativo.gif);

font: bolder 0.8em sans-serf;
}
Esse #menu pode ser um ul ou um div.

0 comentários: