Logiciels : PF / TOSHOP Messages : 16 Date d'inscription : 24/07/2012
| Sujet: 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 . Merci de m'aider svp |
|
Logiciels : Photofiltre, Photoshop CS3/CS5, Illustrator et Flash CS3, InDesign CS5 Messages : 1607 Date d'inscription : 20/08/2010 Age : 32
| Sujet: 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 ? |
|
Logiciels : PF / TOSHOP Messages : 16 Date d'inscription : 24/07/2012
| Sujet: 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 ? |
|
Logiciels : Photofiltre, Photoshop CS3/CS5, Illustrator et Flash CS3, InDesign CS5 Messages : 1607 Date d'inscription : 20/08/2010 Age : 32
| Sujet: 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 ? |
|
Logiciels : PF / TOSHOP Messages : 16 Date d'inscription : 24/07/2012
| Sujet: Re: Petit problème Dim 29 Juil - 3:10 | |
|
Ah & c'est ou les feuilel ccs ? |
|
Logiciels : Photofiltre, Photoshop CS3/CS5, Illustrator et Flash CS3, InDesign CS5 Messages : 1607 Date d'inscription : 20/08/2010 Age : 32
| Sujet: 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 |
|
Logiciels : Photofiltre, Photoshop CS3/CS5, Illustrator et Flash CS3, InDesign CS5 Messages : 1607 Date d'inscription : 20/08/2010 Age : 32
| Sujet: Re: Petit problème Mar 18 Sep - 22:21 | |
|
|
|
Je suis Contenu sponsorisé
| Sujet: Re: Petit problème | |
|
|
|