Tout Sur l'Informatique & Blabla -TSI


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

Navigation
Derniers sujets
» bonne annee 2010
Hier à 16:20 par jitus

» TSI - Forum devient AllForum.
Ven 9 Juil - 22:07 par nWo_legende

» [Tuto] [Photofiltre studio] Bien installer les plugins 8bf pour bien s'en servir
Lun 24 Mai - 0:19 par The-stunter974

» Le BlaBla du forum du BlaBla
Dim 9 Mai - 19:55 par Nolifisme

» [HS]Blog de shi no numa
Dim 18 Avr - 21:30 par nWo_legende

» presentation de karine
Dim 18 Avr - 16:35 par jitus

Qui est en ligne ?
Il y a en tout 2 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 2 Invités :: 1 Moteur de recherche

Aucun

Le record du nombre d'utilisateurs en ligne est de 29 le Sam 10 Juil - 21:25
Sujet : « [CSS] Surlignement au bords arrondit sur les lien lors du passage de la souris »

Poster un nouveau sujet  Répondre au sujet Rafraichir
 Kernelov Voir le profil de l'utilisateur Mar 22 Sep - 19: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 - 15:38, édité 1 fois
Poster un nouveau sujet    Répondre au sujet
Sujet : « [CSS] Surlignement au bords arrondit sur les lien lors du passage de la souris »