-14%
Le deal à ne pas rater :
Lave-linge hublot HOOVER HWP 10 kg (Induction, 1600 trs/min, Classe ...
299.99 € 349.99 €
Voir le deal

Partagez | 
 

 Petit problème

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

Je suis
Priscillia
Priscillia

Logiciels : PF / TOSHOP
Féminin Messages : 16
Date d'inscription : 24/07/2012

Petit problème  Empty
MessageSujet: Petit problème    Petit problème  Icon_minitimeSam 28 Juil - 4:48


Petit problème  Empty
Bon ba voilà j'ai un petit probleme , vous voyer sur Foligraph' quand on passe la souris le texte ( sois notre nom , on sur les cathégories ) et , il sagrandit jaimerais bien savoir comment on fais Smile . Merci de m'aider svp :smile:
Revenir en haut Aller en bas

Je suis
Kinoko
Kinoko
ADMIN - Photoshop

Logiciels : Photofiltre, Photoshop CS3/CS5, Illustrator et Flash CS3, InDesign CS5
Féminin Messages : 1607
Date d'inscription : 20/08/2010
Age : 32

Petit problème  Empty
MessageSujet: Re: Petit problème    Petit problème  Icon_minitimeSam 28 Juil - 23:17


Petit problème  Empty
ça vient de propriétés CSS3. On joue avec les transitions sur l'espacement des lettres.
En gros, le code utilisé c'est le suivant :
Code:

.truc{
letter-spacing:-1px;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
transition:all 1s;
}

.truc:hover{
letter-spacing:3px;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
-ms-transition:all 1s;
transition:all 1s;
}

Et dans le code HTML ta classe truc viendrait comme ça et c'est donc sur "Coucou" que l'effet agirait :
Code:
<div class="truc">Coucou</div>

Tu peux l'utiliser sur des éléments qui existent déjà dans ForumActif comme sur le forum on l'a utilisé pour les catégories ça prend cette forme :
Code:
a.forumlink:link, a.forumlink:visited {
letter-spacing: 0pt;
-moz-transition-property : letter-spacing ;
-moz-transition-duration : 1s ;
}

a.forumlink:hover{
letter-spacing: 3pt;
-moz-transition-property : letter-spacing ;
-moz-transition-duration : 1s ;
}
C'est ce dernier code qu'il faut que tu copie dans la feuille de style (CSS) de ton forum pour avoir l'effet comme sur le forum pour les catégories. Sinon, tu souhaite le faire sur un autre élément en particulier ?
Revenir en haut Aller en bas
http://tsuki-no-kioku.forumactif.com

Je suis
Priscillia
Priscillia

Logiciels : PF / TOSHOP
Féminin Messages : 16
Date d'inscription : 24/07/2012

Petit problème  Empty
MessageSujet: Re: Petit problème    Petit problème  Icon_minitimeSam 28 Juil - 23:36


Petit problème  Empty
Heu oui parce exemple pour le nom des cathégrories je fais comment j'utliise quel code ?
Revenir en haut Aller en bas

Je suis
Kinoko
Kinoko
ADMIN - Photoshop

Logiciels : Photofiltre, Photoshop CS3/CS5, Illustrator et Flash CS3, InDesign CS5
Féminin Messages : 1607
Date d'inscription : 20/08/2010
Age : 32

Petit problème  Empty
MessageSujet: Re: Petit problème    Petit problème  Icon_minitimeSam 28 Juil - 23:54


Petit problème  Empty
Kinoko a écrit:


Tu peux l'utiliser sur des éléments qui existent déjà dans ForumActif comme sur le forum on l'a utilisé pour les catégories ça prend cette forme :
Code:
a.forumlink:link, a.forumlink:visited {
letter-spacing: 0pt;
-moz-transition-property : letter-spacing ;
-moz-transition-duration : 1s ;
}

a.forumlink:hover{
letter-spacing: 3pt;
-moz-transition-property : letter-spacing ;
-moz-transition-duration : 1s ;
}
C'est ce dernier code qu'il faut que tu copie dans la feuille de style (CSS) de ton forum pour avoir l'effet comme sur le forum pour les catégories. Sinon, tu souhaite le faire sur un autre élément en particulier ?
Revenir en haut Aller en bas
http://tsuki-no-kioku.forumactif.com

Je suis
Priscillia
Priscillia

Logiciels : PF / TOSHOP
Féminin Messages : 16
Date d'inscription : 24/07/2012

Petit problème  Empty
MessageSujet: Re: Petit problème    Petit problème  Icon_minitimeDim 29 Juil - 3:10


Petit problème  Empty
Ah & c'est ou les feuilel ccs ?
Revenir en haut Aller en bas

Je suis
Kinoko
Kinoko
ADMIN - Photoshop

Logiciels : Photofiltre, Photoshop CS3/CS5, Illustrator et Flash CS3, InDesign CS5
Féminin Messages : 1607
Date d'inscription : 20/08/2010
Age : 32

Petit problème  Empty
MessageSujet: Re: Petit problème    Petit problème  Icon_minitimeDim 5 Aoû - 6:32


Petit problème  Empty
Tu vas dans ton panneau d'administration, puis dans l'onglet Affichage. Ensuite dans le menu tu vas chercher Couleurs (dans la catégorie Images et Couleurs) et là tu as un onglet Feuille de style CSS. Tu clique dessus et tu colle le code que je t'ai mis. Si tu ne le trouve pas, je te ferais des screens
Revenir en haut Aller en bas
http://tsuki-no-kioku.forumactif.com

Je suis
Kinoko
Kinoko
ADMIN - Photoshop

Logiciels : Photofiltre, Photoshop CS3/CS5, Illustrator et Flash CS3, InDesign CS5
Féminin Messages : 1607
Date d'inscription : 20/08/2010
Age : 32

Petit problème  Empty
MessageSujet: Re: Petit problème    Petit problème  Icon_minitimeMar 18 Sep - 22:21


Petit problème  Empty
J'archive.
Revenir en haut Aller en bas
http://tsuki-no-kioku.forumactif.com

Je suis
Contenu sponsorisé


Petit problème  Empty
MessageSujet: Re: Petit problème    Petit problème  Icon_minitime


Petit problème  Empty
Revenir en haut Aller en bas
 

Petit problème

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

 Sujets similaires

-
» [RESOLU] Petit problème!:(
» ☁ COMMENT RÉSOUDRE SON PROBLÈME ?
» Problème de CSS avec mon forum ~
» Problème chat box latéral.
» Un petit kit pour moi :)[FAIT PAR JULIET]
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
foligraph ☁ communauté graphique. :: THREE ☁ la solidarité, c'est bon pour le cœur ... :: codage :: problèmes et bugs :: problèmes résolus-