comment agrandir la taille et changer la couleur d'un lien survolé

3 participants

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

Résolu comment agrandir la taille et changer la couleur d'un lien survolé

Message par annemarie209 Dim 16 Oct 2016 - 0:32

bonjour ,

je souhaiterai savoir comment agrandir la taille (pas en majuscule) et changer la couleur d'un lien au survol
voir ma capture :

comment agrandir la taille et changer la couleur d'un lien survolé  Souris10

y a t il un code à mettre ??
merci à vous qui m'aiderez
amitiés , Anne-Marie

edit : je suis désolée je crois mettre trompée de catégorie pour poster ma question Embarassed
je voulais poster dans : "Gérer l'apparence de son forum"


Dernière édition par annemarie209 le Mer 19 Oct 2016 - 15:52, édité 1 fois
annemarie209

annemarie209
****

Féminin
Messages : 319
Inscrit(e) le : 28/04/2014

Voir le profil de l'utilisateur http://universdeslicornes.1fr1.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment agrandir la taille et changer la couleur d'un lien survolé

Message par lilas Dim 16 Oct 2016 - 1:54

cheers  Annemarie 

Pour ma part, j'ai ajouté ce bout de code dans le CSS :

Code:

/** Lettres se détachent au survol **/
a:hover{letter-spacing : 1px; } 
a:hover {color:#9ebf4b;}

Tu peux changer 1px; par 2 ou 3px; au besoin, ainsi que le code de couleur pour une de ton choix.
Je ne connais pas le code pour changer la taille de la "font" au passage de la souris, désolée.

Gloups
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

Voir le profil de l'utilisateur http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment agrandir la taille et changer la couleur d'un lien survolé

Message par annemarie209 Dim 16 Oct 2016 - 22:20

lilas a écrit:Je ne connais pas le code pour changer la taille de la "font" au passage de la souris, désolée. Gloups

merci pour le code Lilas
mais que signifie "la font" ? (je ne connais pas les thermes informatiques :lol!:
annemarie209

annemarie209
****

Féminin
Messages : 319
Inscrit(e) le : 28/04/2014

Voir le profil de l'utilisateur http://universdeslicornes.1fr1.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment agrandir la taille et changer la couleur d'un lien survolé

Message par lilas Dim 16 Oct 2016 - 22:36

Kikou Annemarie,
La "font" c'est la police de caractère sur les forums genre Arial/Verdanna, etc... 

Pour avoir exactement l'effet que ta capture, je crois que c'est ce dont tu as besoin.
Une taille plus grande pour la police (font) du titre que celle du sujet. Ainsi qu'une nouvelle couleur, si désiré.
Mais je ne connais pas le code pour le faire...  reflexion
C'est pourquoi j'ai opté pour le déplacement des lettres avec une nouvelle couleur au survol  Assomé
victoire

PS Pour revenir à ton code, si tu le places dans le CSS, si oui, place-le dans la partie dédiée au cadre en question  scratch sinon, il va toucher tous les liens du forum, je crois...
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

Voir le profil de l'utilisateur http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment agrandir la taille et changer la couleur d'un lien survolé

Message par Peggy06 Dim 16 Oct 2016 - 22:50

Bonsoir, Annemarie et lilas,
Pour ma part j'avais trouvé ce code que j'ai mis;
Code:
/* AGRANDIR LES LIENS AU PASSAGE DE LA SOURIS */          
A:hover{text-transform:uppercase;}
et au passage ça met le lien en majuscule et en noir
Peggy06

Peggy06
****

Messages : 323
Inscrit(e) le : 24/10/2014

Voir le profil de l'utilisateur http://evasionentrenous.forumactif.org/
Peggy06 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment agrandir la taille et changer la couleur d'un lien survolé

Message par annemarie209 Dim 16 Oct 2016 - 23:57

merci Lilas et Paggy

ce que je souhaite c'est que la police soit un peu plus grande au survol mais pas en majuscule
et que la couleur change au survol (ce qui se fait déjà actuellement en changeant le code couleur dans le panneau d'administration) : exemple sur mon forum :

comment agrandir la taille et changer la couleur d'un lien survolé  Survol10
:thanks: et bonne nuit à vous
annemarie209

annemarie209
****

Féminin
Messages : 319
Inscrit(e) le : 28/04/2014

Voir le profil de l'utilisateur http://universdeslicornes.1fr1.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment agrandir la taille et changer la couleur d'un lien survolé

Message par lilas Lun 17 Oct 2016 - 2:44

Annemarie a écrit:et que la couleur change au survol (ce qui se fait déjà actuellement en changeant le code couleur dans le panneau d'administration) : exemple sur mon forum :
Je sais  Embarassed  mais je préférais une autre couleur pour le survol en agrandissement des lettres... 
Ça ne donnait pas bien...
Peggy, je connaissais pas ton code. Merci, on sait jamais.

J'ai trouvé ce bout de code dans mes dossiers :
Code:
a:hover{ text-decoration: none;
font-weight:bold;
font-family: Georgia;
font-size: 18px;}
Tu peux supprimer la police (font-family) et modifier la font-size selon le nombre de px désiré.
Souvent, le font-weight:bold;   (le Gras) n'est pas nécessaire, ne fait pas joli...
Belle fin de soirée ou de nuit selon votre fuseau horaire.

Yahoo
lilas

lilas
*****

Féminin
Messages : 973
Inscrit(e) le : 07/08/2004

Voir le profil de l'utilisateur http://lesmusessamusent.forumactif.com/
lilas a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: comment agrandir la taille et changer la couleur d'un lien survolé

Message par annemarie209 Mer 19 Oct 2016 - 15:51

bonjour
ça fonctionne bien , :thanks: à vous pour votre aide , je mets en résolu

bonne journée , amitiés , Anne-Marie
annemarie209

annemarie209
****

Féminin
Messages : 319
Inscrit(e) le : 28/04/2014

Voir le profil de l'utilisateur http://universdeslicornes.1fr1.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum