Partagez | 
 

 Petit problème

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

Je suis
Priscillia
avatar

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

MessageSujet: Petit problème    Sam 28 Juil - 4:48


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
avatar
ADMIN - Photoshop

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

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


ç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
avatar

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

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


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
avatar
ADMIN - Photoshop

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

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


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
avatar

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

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


Ah & c'est ou les feuilel ccs ?
Revenir en haut Aller en bas

Je suis
Kinoko
avatar
ADMIN - Photoshop

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

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


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
avatar
ADMIN - Photoshop

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

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


J'archive.
Revenir en haut Aller en bas
http://tsuki-no-kioku.forumactif.com

Je suis
Contenu sponsorisé


MessageSujet: Re: Petit problème    


Revenir en haut Aller en bas
 

Petit problème

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

 Sujets similaires

-
» Un petit problème avec mon GPS!
» Petit Problème de Personalisation de Dossier sous Windows 7
» petit probléme online!
» Petit problème d'accès au Mediacenter par PC en wifi
» Petit problème
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-