School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 <Astuce - CSS> Image de fond sur un lien

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
 

Invité

Voir le dossier scolaire

Invité

 
MessageSujet: <Astuce - CSS> Image de fond sur un lien   Ven 27 Fév - 21:39

Bonsoir,

Lors du passage de la souris sur un lien il est parfois plus interressant de mettre un fond avec une image et le lien au dessus.

Code:
a:hover {
color:red;
text-decoration:none;
background-image:url(images/gris_anim.gif);
background-repeat:no-repeat;
}


L'image (gris_anim.gif), placée dans le répertoire "images", est donc déclarée grâce à background-image. Par défaut, les images ainsi déclarées se répètent en mozaïque. Si on ne veut pas que ce soit le cas, on rajoute l'attribut background-repeat auquel on associe no-repeat (pas de répétition), ou repeat-x (répétition horizontale uniquement), ou repeat-y (répétition verticale uniquement).

Le code donné mettra le lien en couleur rouge n'oubliez pas de le modifier également

A placer :
Panneau d'admin > Affichage > Couleur > Feuille de style CSS

[Si vous avez un soucis, n'hésitez pas à venir poser vos questions par ici]
Revenir en haut Aller en bas
 

<Astuce - CSS> Image de fond sur un lien

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Les cours :: Tutoriels :: Informatique :: Codage-


Aller en haut
Aller en bas