Images et onMouse...
Profil bloqué
-
CrazyWorld Messages postés 326 Date d'inscription Statut Membre Dernière intervention -
CrazyWorld Messages postés 326 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'aimerais faire l'effet de ce site :
http://miley-cyrus.us/2008/11/08/new-season-2-promotional-photo/
(la où il y a les photos) => Cadre blanc qui dépasse la photo, avec bord bleu, et quand on passe la souris, le cadre bleu devient rose.
Merci d'avance
--
In every Hero, there could be a Villain...
J'aimerais faire l'effet de ce site :
http://miley-cyrus.us/2008/11/08/new-season-2-promotional-photo/
(la où il y a les photos) => Cadre blanc qui dépasse la photo, avec bord bleu, et quand on passe la souris, le cadre bleu devient rose.
Merci d'avance
--
In every Hero, there could be a Villain...
Configuration: Windows Vista Firefox 3.0.3
6 réponses
-
CouCou je viens de regarder la source et c' est un simple effet CSS/JavaScript
<style type="text/css"> .elite { border: 1px solid #D6D2D2; } .elitehover { border: 1px solid #FF8A8A; } </style> <a href="http://www.mitchel-musso.com/" target="_blank"><img src="http://miley-cyrus.us/wp-content/themes/breakout/images/elite/mitchelmusso.gif" border="0" class="elite" onMouseOver="this.className='elitehover';" onMouseOut="this.className='elite';"></a> -
<html> <head> <style language="css" type="text/css"> .bord_Bleu{ border: 1px solid blue;} .bord_Rose{ border: 1px solid pink;} </style> </head> <body> ... ... ... <a href="ton_lien" class="bord_Bleu" onmouseover="this.className='bord_Rose';" onmouseout="this.className='bord_Bleu';" >image 1</a><br /> <a href="ton_lien" class="bord_Bleu" onmouseover="this.className='bord_Rose';" onmouseout="this.className='bord_Bleu';" >image 2</a><br /> <a href="ton_lien" class="bord_Bleu" onmouseover="this.className='bord_Rose';" onmouseout="this.className='bord_Bleu';" >image 3</a><br /> ... ... ... </body> </html> -
Merci a tout les deux, ca fonctionne très bien.
Le seul truc c'est qu'il y a un sorte de blanc d'environ 4px autour de l'image sur le site, comment faire cela en plus ? -
La bordure blanche qui encadre les images fait directement partie de l' image
Clique ici -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
Oui c' est réalisable mais tu dois modifier un peu ton code, l' effet ne doit plus être sur l' image mais sur la bordure de la cellule où est contenu l' image. Et tu dois attribuer un cellpadding de 4 à ton tableau pour avoir un espacement vide de 4px entre la bordure de la cellule et de ton image qui sera à l' intérieur.
