Image en couleur au survol
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image en couleur au survol
Bonjour !
Je voudrais savoir si il était possible de trouver un code qui ferait que, lorsque l'on survole sur image, elle change. Par exemple un code où on pourrait mettre deux liens d'images. Le premier pour l'image au naturel, et le second lorsqu'elle est survolée. Si je demande ça c'est parce que je souhaiterais qu'au survol mes images passent du noir et blanc à la couleur.
Je vous remercie par avance
Je voudrais savoir si il était possible de trouver un code qui ferait que, lorsque l'on survole sur image, elle change. Par exemple un code où on pourrait mettre deux liens d'images. Le premier pour l'image au naturel, et le second lorsqu'elle est survolée. Si je demande ça c'est parce que je souhaiterais qu'au survol mes images passent du noir et blanc à la couleur.
Je vous remercie par avance
Re: Image en couleur au survol
Un truc de ce genre la ??
(tu places ce code dans ta feuille css
affichage>>couleur>>feuille de style css)
(tu peux évidemment changer les valeurs qui correspondent à "opacity", c'est le niveau d'opacité de l'image avant et après le passage de la souris, à toi de toucher à ça après, test y a que comme ça qu'on apprend)
Puis à l'endroit où tu mets ton image, tu places ce code :
Ça te va ???
(tu places ce code dans ta feuille css
affichage>>couleur>>feuille de style css)
- Code:
.imgopa {
opacity: 0.3 ;
}
.imgopa:hover {
opacity: 1;
}
(tu peux évidemment changer les valeurs qui correspondent à "opacity", c'est le niveau d'opacité de l'image avant et après le passage de la souris, à toi de toucher à ça après, test y a que comme ça qu'on apprend)
Puis à l'endroit où tu mets ton image, tu places ce code :
- Code:
<span class="imgopa"><img src="TON IMAGE" border="0" alt="" /></span>
Ça te va ???
Re: Image en couleur au survol
C'est super ça rend super bien, j'aime beaucoup !
Toutefois ce que je cherchais exactement serait un code à placer dans un message, où on pourrait mettre 2 images. L'une serait celle avant le passage de la souris, et la seconde pour après passage de la souris.
Toutefois ce que je cherchais exactement serait un code à placer dans un message, où on pourrait mettre 2 images. L'une serait celle avant le passage de la souris, et la seconde pour après passage de la souris.
Re: Image en couleur au survol
C'est plus la même chose et tu dois encore utiliser du css ! x)
Alors là j'avais réussi un semblant de css, mais on ne voyait que la moitié de l'image (va savoir pourquoi).
Il est tard, j'abandonne, j'essaierai plus tard
Tente ta chance avec ce code :
Tu dois modifier les valeurs :
et le code à mettre dans ta page :
C'est tout ce que je peux faire pour le moment. J'essaierai de trouver un code plus simple plus tard.
Alors là j'avais réussi un semblant de css, mais on ne voyait que la moitié de l'image (va savoir pourquoi).
Il est tard, j'abandonne, j'essaierai plus tard
Tente ta chance avec ce code :
- Code:
.lock {
position: relative;
cursor: pointer;
}
.lock .lock-hidden {
/* center */
display: none;
position: absolute;
top: 1px;
right: 0.4px;
padding-left : 6px;
padding-right : 6px;
padding-top : 5px;
padding-bottom : 5px;
/* style du bloc qui apparait */
border: 2px solid #51738C;
border-radius: 5px;
background-color: transparent;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: center;
}
.lock:hover .lock-hidden {
display: block;
}
Tu dois modifier les valeurs :
- Code:
top: 1px;
right: 0.4px;
et le code à mettre dans ta page :
- Code:
<table>
<tr>
<td><div class="lock">[img]Ta première Image[/img]<div class="lock-hidden">[img]Ta deuxième image[/img]</div></div>
</td>
</tr>
</table>
C'est tout ce que je peux faire pour le moment. J'essaierai de trouver un code plus simple plus tard.
Re: Image en couleur au survol
C'est super !! Merci beaucoup c'est exactement ce que je voulais !
Re: Image en couleur au survol
De rien ! x )
Sujets similaires
» Invision - Soulignement titre, Couleur survol, Alignement avatar, couleur citation, ...
» Couleur de survol Connexion et Enregistrement
» couleur de survol
» Couleur de survol des catégories
» Changer la couleur lors du survol
» Couleur de survol Connexion et Enregistrement
» couleur de survol
» Couleur de survol des catégories
» Changer la couleur lors du survol
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum