Imagem responder a presença de cursor
Olá pessoas,
Estou pela primeira vez nessa área do fórum pois estou me aventurando na linguagem HTML.
Não possuo nenhum programa para esse fim (leia-se DreamWaver) e por isso tudo que faço é no braço
com a ajuda de amigos.
Fiz um pequeno layout, para uma MP aqui mesmo do fórum.
Segue o code
<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Desafios de PhotoShop</title><style type="text/css">*{ font-family:Arial Narrow; padding:0; margin:0}table {margin:10px auto}.cont{padding:5px}</style></head><body><table style="border:1px #000000 solid" width="500px"> <tr> <td><img src="http://img382.imageshack.us/img382/720/bannerpdaeronli9.jpg" /></td> </tr> <tr> <td bgcolor="#dde8ea" class="cont"> <!-- conteudo começa aqui --> <font size="5">Pessoal:</font><br /><br /> <font size="4"><b>Venham participar dos Desafios de PhotoShop!</b></font><br /><br /> Já estamos no Desafio 101 e temos <b>novas regras</b> que possibilitam maior liberdade ao artista.<br /><br /> <p align="center"><a href='http://forum.imasters.com.br/index.php?showtopic=231215&st=0#entry800291' target="_blank"><img src='http://img393.imageshack.us/img393/3784/regrasdosdesafiosbh2.th.jpg'></a><br /><br /> Além disso, o nosso Ranking, bem como nosso Hall da Fama, está atualizado!<br /><br /> <p align="center"><a href="http://forum.imasters.com.br/index.php?showtopic=190105" target="_blank"><img src='http://img220.imageshack.us/img220/9671/rankingdosdesafiospi9.th.jpg'></a> <a href="http://forum.imasters.com.br/index.php?showforum=139" target="_blank"><img src='http://img413.imageshack.us/img413/9016/halldafamauf5.th.jpg'></a></p><br /> Como todos sabem os Desafios valem <b>prêmios</b>!<br /><br /> <p align="center"><a href='http://forum.imasters.com.br/index.php?showtopic=201254' target="_blank"><img src='http://img413.imageshack.us/img413/1284/premiosfk5.th.jpg'></a></p><br /> Contamos com a presença de todos para engrandecer nosso 101º Desafio<br /><br /> Um grande abraço,<br /><br /> <!-- conteudo termina aqui --> </td> </tr> <tr> <td align="center"><img src="http://img300.imageshack.us/img300/9991/logotipoimek1.gif"/> </tr></table></body></html>
Minha dúvida é:
As imagens que aparecem, eu quero que elas fiquem em preto e branco e quando o cursor ficar sobre a imagem eu quero que elas fiquem coloridas.
O que eu tenho que fazer!?
Obrigado pela atenção.
Discussão (10)
Carregando comentários...