Rollover Image: como deixar "active" e "hover" cm mesma img?

Linguagens, tendências e ferramentas sobre web design.

Moderador: Wester

Rollover Image: como deixar "active" e "hover" cm mesma img?

Mensagempor Ricardo » 04 Fev 2010, 16:38

olá, estou desenvolvendo um site totalmente em CSS (a primeira vez) e
preciso fazer um menu onde o estado inicial é uma imagem em tons de cinza,
quando passa o mouse por cima (a:hover) "puxa" a imagem colorida,
e após clicar, permanece esta imagem colorida (a:active), indicando que esta é a página atual.

Mas não tem como. Já tentei de tudo e não deu certo...
O estado inicial e hover é tranquilo em CSS... mas para "puxar" uma imagem (nesse caso a mesma do a:hover)
não dá certo.

É possível fazer isso apenas em CSS??

Abraço a todos!!!!
Ricardo
 
Mensagens: 4
Data de registro: 11 Jan 2010, 10:46

Re: Rollover Image: como deixar "active" e "hover" cm mesma img?

Mensagempor Erika » 05 Fev 2010, 14:59

Vai precisar de uma programaçãozinha, já que o CSS define aparência, e não comportamento.

Você vai precisar definir mais um seletor (por exemplo, ".aba_atual") que contém a imagem no mesmo estado do hover. No menu, você vai fazer uma verificação (em PHP, ASP, ou a linguagem que você preferir) e, se a página for atual, o item correspondente no menu recebe a classe "aba_atual".
Erika Sarti
web designer
http://www.erikasarti.net
Erika
Administrador
 
Mensagens: 81
Data de registro: 06 Set 2006, 22:54

Re: Rollover Image: como deixar "active" e "hover" cm mesma img?

Mensagempor Ricardo » 05 Fev 2010, 17:16

OK. Entendi. Apenas o problema é que eu não entendo de programação =/
onde posso encontrar isso para pesquisar????
Ah e outra dúvidam serão carregadas páginas dentro de um iframe, quanto a isso não haverá problema, correto?

Obrigadooo pela atenção...
XD
Ricardo
 
Mensagens: 4
Data de registro: 11 Jan 2010, 10:46

Re: Rollover Image: como deixar "active" e "hover" cm mesma img?

Mensagempor Erika » 08 Fev 2010, 12:47

Fóruns de ASP ou de PHP. O comando if é extremamente simples, mas vai depender da linguagem que o host do seu site suporta.
Erika Sarti
web designer
http://www.erikasarti.net
Erika
Administrador
 
Mensagens: 81
Data de registro: 06 Set 2006, 22:54


Retornar para Web Design

Quem está online

Usuários vendo este fórum: Nenhum usuário registrado online e 1 visitante