Code d'espacement entre les lettres

2 participants

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

Résolu Code d'espacement entre les lettres

Message par Moka-Akashiya Mer 25 Sep 2013 - 8:53

Bonjour !

Je souhaiterais savoir quel code est utilisé pour élargir l'espacement des lettres, quand on passe dessus comme sur ce forum
http://www.kobehs.org/

Visuellement je trouve que c'est très sympathique ! Smile

Merci encore à la personne qui voudra bien m'aider ><


Dernière édition par Moka-Akashiya le Mer 2 Oct 2013 - 21:30, édité 1 fois
Moka-Akashiya

Moka-Akashiya
*

Messages : 36
Inscrit(e) le : 05/04/2008

http://rosario-vampire-rpg.forumactif.biz
Moka-Akashiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Self Mer 25 Sep 2013 - 15:39

Bonjour ^^.

Ajout Il faut utiliser le code suivant:
Code:
.identifiant:hover{
letter-spacing:5px;}
.identfiant
Doit être remplacé par la class ou l'id de l'élément auquel on veut appliquez cette propriété.
:hover
Correspond au passage de la souris, lorsqu'il est présent après l'identifiant tout ceux qu'il y à entre les {} ce produit au passage de la souris seulement.
letter-spacing:
Correspond à la propriété que l'on veut appliqué sur l'élément.
5px
Correspond à la valeur de la propriété.

Exclamation Avec ce code on applique donc 5 pixel d'écart entre chaque lettre au passage de la souris sur .identifiant .

Ajout Le code une fois tout sa fait est à placé dans la feuille de style CSS qui se trouve dans:

Arrow Panneau d'administration
Arrow Affichage
Arrow Images et couleurs
Arrow Couleurs
Arrow Feuille de style CSS

Warning Si vous ne vous en sortez pas, fournissez dans votre prochain message un lien vers le forum concerné et les élement sur lesquels vous désirez appliquez cela, je ferez le code, vous n'aurrez plus qu'à copier/coller Very Happy .

Cordialement Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Moka-Akashiya Jeu 26 Sep 2013 - 1:57

Bonsoir !

Merci infiniment pour ce code ! ><
C'est vrai que la fonction spacing était une solution.

En revanche, ce n'est pas moi qui ai codé le forum, et j'ai bien essayé, comme vous m'avez indiqué, et tout avec ce qu'il faut, mais sans succès ! T___T

Voici le forum en question : http://rosario-vampire-rpg.forumactif.biz/

J'aimerais arriver à faire ça sur chacun des titres des forums
Et celle des grandes catégories. Par exemple, vous voyez que sur le qui est en ligne, en passant dessus il y a un espacement, mais la vitesse d'espacement est trop rapide, par rapport à ce que je souhaiterais ! x_x

Encore merci vraiment, et désolée de vous importuner de la sorte ><
Moka-Akashiya

Moka-Akashiya
*

Messages : 36
Inscrit(e) le : 05/04/2008

http://rosario-vampire-rpg.forumactif.biz
Moka-Akashiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Self Jeu 26 Sep 2013 - 2:36

Bonsoir ^^.

Vous pouvez essayez de coller ce code dans votre feuille de style CSS:
Code:
.cattitle:hover{
letter-spacing:5px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}
.cattitle{
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}
Comprend les titres des catégorie et le qui est en ligne, dîte moi si j'en est oublié ^^.

PS:Je reste sur ce forum parce que j'aime aider les gens et l'atmosphère qui y règne n'est pas désagréable, certains membres sont géniaux, en aucun cas vous m'importunez, en aucun cas non plus vous m'importunerez en demandant mon aide Wink.

Cordialement Smile.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Moka-Akashiya Jeu 26 Sep 2013 - 3:32

Ho mon dieu ! C'est génial ! ça fonctionne Smile

Oui il manque les titres des forums : Règlement & Contexte / Cartes d'identité ect...

Encore merci à nouveau ><
Moka-Akashiya

Moka-Akashiya
*

Messages : 36
Inscrit(e) le : 05/04/2008

http://rosario-vampire-rpg.forumactif.biz
Moka-Akashiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Moka-Akashiya Dim 29 Sep 2013 - 20:33

Petit up :O
Moka-Akashiya

Moka-Akashiya
*

Messages : 36
Inscrit(e) le : 05/04/2008

http://rosario-vampire-rpg.forumactif.biz
Moka-Akashiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Self Dim 29 Sep 2013 - 20:38

Re ^^.

Excusez moi du restard essayez :
Code:
a.postlink:hover{
letter-spacing:5px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}
a.postlink:link{
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}
Cordialement Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Moka-Akashiya Dim 29 Sep 2013 - 22:14

Il n'y a pas de soucis, ne vous en faites pas ><
Malheureusement ça ne marche pas T_T, je pense que c'est peut être à cause d'un code qui force le soulignement ou quelque chose dans le genre... ><
Moka-Akashiya

Moka-Akashiya
*

Messages : 36
Inscrit(e) le : 05/04/2008

http://rosario-vampire-rpg.forumactif.biz
Moka-Akashiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Self Dim 29 Sep 2013 - 22:55

Re ^^.

Pourriez vous à titre informatif me donner un screen pour voir si je ne suis pas dans le faux au niveau de l'élément à modifié ?

Cordialement Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Moka-Akashiya Mer 2 Oct 2013 - 11:37

Bonjour
Désolée pour le retard ! ><
Oui pas de soucis, c'est tout ce que vous voyez dans les cadres rouges
Les noms des forums ^^

Spoiler:
Moka-Akashiya

Moka-Akashiya
*

Messages : 36
Inscrit(e) le : 05/04/2008

http://rosario-vampire-rpg.forumactif.biz
Moka-Akashiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Self Mer 2 Oct 2013 - 15:57

Bonjour ^^.

Le code suivant devrais fonctionner:
Code:
.forumlink{
letter-spacing:0px;
transition:letter-spacing 0.5s;
-moz-transition:letter-spacing 0.5s;
-webkit-transition:letter-spacing 0.5s;
-o-transition:letter-spacing 0.5s;}
.forumlink:hover{
letter-spacing:2px;
transition:letter-spacing 0.5s;
-moz-transition:letter-spacing 0.5s;
-webkit-transition:letter-spacing 0.5s;
-o-transition:letter-spacing 0.5s;}

Et si vous désirez en plus retiré le soulignement au passage de la souris sur ces lien:
Code:
.forumlink a, .forumlink a:hover, .forumlink a:visited, .forumlink a:link{
text-decoration:none !important;}
Cordialement Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Moka-Akashiya Mer 2 Oct 2013 - 19:52

Merci pour le code du soulignement, c'est beaucoup mieux sans en effet ! ><
Vous êtes superbe ! *o*

Cela marche à merveille maintenant !
Je mets le sujet en résolu !
Encore merci infiniment !!! ♥

Juste une dernière petite demande
Est-ce qu'il y a possibilité d'agrandir le nom des forums ?
Histoire de pouvoir bien voir l'effet

Encore désolée de vous embêter ! ><
Moka-Akashiya

Moka-Akashiya
*

Messages : 36
Inscrit(e) le : 05/04/2008

http://rosario-vampire-rpg.forumactif.biz
Moka-Akashiya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Self Mer 2 Oct 2013 - 19:58

Re ^^.

De rien c'est toujours un plaisir Wink .
Pour la taille ce code suiffira:
Code:
.forumlink{
font-size:20px;}
Bonne soirée Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code d'espacement entre les lettres

Message par Moka-Akashiya Mer 2 Oct 2013 - 21:30

C'est parfait !
Merci beaucoup encore une fois ♥

Je m'en vais mettre le sujet en résolu Smile
Moka-Akashiya

Moka-Akashiya
*

Messages : 36
Inscrit(e) le : 05/04/2008

http://rosario-vampire-rpg.forumactif.biz
Moka-Akashiya a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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