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
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
A voir également:
- Images et onMouse...
- Des images - Guide
- Extraire images pdf - Guide
- Recherche images - Guide
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? ✓ - Forum Photoshop
- Comment superposer deux images sur word ✓ - Forum Word
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 ?
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 ?
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.
