Tout Sur l'Informatique & Blabla -TSI


AccueilAccueil  PortailPortail  Partenaires  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Navigation
Derniers sujets
» Présentation et recherche
Jeu 19 Mar - 2:23 par Error

» Error, pour vous servir !
Jeu 5 Mar - 0:35 par Error

» Call of Duty
Ven 24 Oct - 3:06 par DarkVatorica

» [Html] Les codes pour donner des effets sur le texte
Sam 21 Juin - 13:29 par Dada

» Présentation de Dada
Sam 21 Juin - 13:27 par Dada

» Rot68
Mar 3 Déc - 9:39 par Rot68

Qui est en ligne ?
Il y a en tout 5 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 5 Invités

Aucun

Le record du nombre d'utilisateurs en ligne est de 48 le Mer 11 Sep - 21:35

Sujet : « [CSS] Surlignement au bords arrondit sur les lien lors du passage de la souris »

Rafraichir
 Kernelov Voir le profil de l'utilisateur Mar 22 Sep - 18:05
Bonjour, excuser moi pour ce titre pas très explicite mais vous allez tous de suite comprendre en montrant ces images :

Quand le lien n'est pas survoler :


Quand le lien est survoler :


Voilà, le script créer une sorte de surlignement arrondis quand la souris pointe dessus Smile

Voici le code css a placer dans votre feuille de style, ou pour les forumactif dans pa => affichage => couleur => feuille de style css.

Code:
a.forumlink:hover
{
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background-color:#ffffff;
border-left:9px solid #ffffff;
border-right:9px solid #ffffff;
color: #000000;
}

Les valeurs #ffffff et #000000 peuvent être changer par la couleur de votre choix, elle dois être marquer en hexadécimale.
background-color c'est la couleur du surlignement
Color est la couleur du texte lors du surlignement.

/!\ Si vous changer les valeurs de background-color vous devez aussi changer les valeurs de boder-reight et border-left si vous voulez que le surlignement sois de la même couleur partout

Si vous avez des questions n'hésitez pas Wink


Dernière édition par AIsTerMas le Mer 23 Sep - 14:38, édité 1 fois
Sujet : « [CSS] Surlignement au bords arrondit sur les lien lors du passage de la souris »