image lien
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 lien
Bonjour !
Voila je voudrais savoir comment faire une image lien. En cliquant dessus, elle renvois sur une autre page du forum. Je voudrais aussi savoir comment faire pour, quand on ne le survole pas, qu'elle ai une opacité de 80%, et au survol ça revient a 100%. Merci de votre réponse!
Voila je voudrais savoir comment faire une image lien. En cliquant dessus, elle renvois sur une autre page du forum. Je voudrais aussi savoir comment faire pour, quand on ne le survole pas, qu'elle ai une opacité de 80%, et au survol ça revient a 100%. Merci de votre réponse!
Dernière édition par Hayari le Dim 29 Sep 2013 - 19:08, édité 1 fois
Re: image lien
Bonjour ^^.
Il va falloir donner une class à votre image on va donc commencé par la mise en forme HTML d'une image qui fait aussi office de lien:
Le target="_blank" lui sert à ouvrir la page dans un nouvel onglet.
class="imagelien" et un identifiant dont on va se servir pour l'opacité.
Et pour finir il faut remplacé LIEN DE MON IMAGE par le lien de l'image .
Maintenant pour l'histoire d'opacité, on va mettre le code suivant dans la feuille de style CSS:
Nous appliquons ensuite :hover qui veut dire au passage de la souris à notre identifiant pour le rendre totalement opaque avec opacity:1.
Cordialement .
Il va falloir donner une class à votre image on va donc commencé par la mise en forme HTML d'une image qui fait aussi office de lien:
- Code:
<a href="MON LIEN" target="_blank"><img class="imagelien" src="LIEN DE MON IMAGE" /></a>
Le target="_blank" lui sert à ouvrir la page dans un nouvel onglet.
class="imagelien" et un identifiant dont on va se servir pour l'opacité.
Et pour finir il faut remplacé LIEN DE MON IMAGE par le lien de l'image .
Maintenant pour l'histoire d'opacité, on va mettre le code suivant dans la feuille de style CSS:
- Code:
.imagelien{
opacity:0.8;}
.imagelien:hover{
opacity:1;}
Nous appliquons ensuite :hover qui veut dire au passage de la souris à notre identifiant pour le rendre totalement opaque avec opacity:1.
Cordialement .
Re: image lien
Re !
Merci beaucoup pour ces petites explications très faciles a appliquer, ça marche parfaitement!
Sujet résolu
Merci beaucoup pour ces petites explications très faciles a appliquer, ça marche parfaitement!
Sujet résolu
Sujets similaires
» En-tête et navigation : Bouton avec lien : lien OK mais image n'apparaît pas
» Lien sur image
» Faire le distingo entre le lien d'une image et un lien simple
» Loupe sur image et Lien sur image cliquable : PB
» Image - Lien
» Lien sur image
» Faire le distingo entre le lien d'une image et un lien simple
» Loupe sur image et Lien sur image cliquable : PB
» Image - Lien
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