Hi ! Je sais qu'il y a eu de nombreux tuto sur ceci mais ... rien à faire. Soit les membres ou invités ne vois pas, soit ca ne marche pas du tout. J'aimerai faire comme ceci: http://hybrid-fascination.forum-canada.com/. C'est à dire avoir une police différente sur le titre des forums, que ca se décale un peu au survol. Je sais qu'il faut aller sur google font et tout, j'ai suivit tout les tutos mais rien à faire ...

Merci à ceux qui tenteront de m'aider TT'

Pourtant Google Font c'est tout simple . Qu'est ce que tu avais fait ? A quel moment ça buggait ?
Donne moi un exemple de Font que tu voudrais mettre

Et bien par exemple celle-ci: http://www.google.com/fonts/#QuickUsePlace:quickUse/Family:

J'avais mis dans le template Overall_Header après le et un CSS.

Callie Rose a écrit:

Et bien par exemple celle-ci: http://www.google.com/fonts/#QuickUsePlace:quickUse/Family:

J'avais mis dans le template Overall_Header après le head et un CSS.

Woups, le lien de la police ne marche pas, c'est toujours comme ça avec Google Font, le mieux c'est de donner le nom ^^

Exemple pour le police Dent One:
il faut mettre juste après l'ouverture de la balide head :

Code:

<link href='http://fonts.googleapis.com/css?family=Denk+One' rel='stylesheet' type='text/css'>

Apparemment ça c'est bon, tu l'as bien fait. Mais il ne faut pas oublier dans ton css, il faut appeler la police, par exemple pour toute la page:

Code:

body {
font-family: 'Denk One', sans-serif;
}

Normalement ça marche sans problème

Essaye le même processus, si ça ne marche pas, donne moi le lien de ton forum je vais essayer de voir ce qui fait que cela ne marche pas

Merci beaucoup ! Mais ca ne marche pas, j'ai essayer sur le forum TEST que voici http://pos-test.forumactif.org/

Effectivement, ça ne marche pas car dans le css par défaut de FA il y a :

Code:

p, td, th {
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

Il te faudrait donc mettre dans ton css :

Code:

p, td, th {
    font-family: 'Denk One', Verdana,Arial,Helvetica,sans-serif;
}

C'est tout simplement car un style prenait le dessus sur un autre

OH ! Effectivement ca marche mais je voulais QUE sur les titre de forum comme sur le forum donné en exemple au début

Eh bien... Là je t'ai donné un code en exemple, il suffit de transposer pour ton cas.
Tu enlèves ce qu'on a rajouté dans le CSS, tu n'en as plus besoin.
Tu mets le css pour les titres en question.

Par exemple sur ton forum test ça serait

Code:

h3.hierarchy{
    font-family: 'Denk One', Verdana,Arial,Helvetica,sans-serif;
}

Ah merci beaucoup ça marche (je suis une quiche en code ><") mais pourquoi il n'y a que la première catégorie qui à l'effet et pas la deuxième :$ ?

Sur ton forum test, je vois qu'un seul forum, est ce que tu peux en rajouter d'autres visibles aux invités pour que je puisse voir pourquoi ça bug pour les titres suivants (: ?

Ah non c'est bon ca marche Alors j'ai juste à modifier la police avec celle que je veux et c'est bon MERCI o/, comment peut-on la décaler légèrement au survol ?

En css le survol ce gère en ajoutant :hover à la fin
Pour décaler, tu peux par exemple rajouter 15 px de marge à gauche, je pense ça devrait marcher.

Code:

h3.hierarchy:hover{
    margin-left: 15px; /* décalage */
}

Oh t'es trop chou ça marche du tonnerre, juste un dernier truc, j'arrête après TT
J'aimerai que ça se de^lace mais doucement, enfin petit à petit comme s'il glissait. Comme sur le fo exemple du début

Ah oui, je suis bête /BAM/. XD

Au niveau du code pour le h3 avec la class hierachy, ajoute ce code là dans les propriétés (pas pour le hover hein, pour le h3.hierarchy { }:

Code:

-webkit-transition: all 1s ;
-moz-transition: all 1s ;
-ms-transition: all 1s ;
-o-transition: all 1s ;
transition: all 1s ;

Tu peux modifier le 1s par une valeur plus petite comme 0.5s par exemple.

Han Sankyuuuu
Zut j'ai encore un soucis >< La taille de la police du titre, comment puis-je la modifier :$ ?

La police en CSS se règle avec font-size.
Il te suffit de mettre font-size: 14px; (tu peux changer la valeur du 14 par quelque chose d'autre si tu préfères).
Il faut donc ajouter là où tu as mis la police, juste après le font-size

Hm... voici la partie de mon CSS car je trouve pas :/
J'ai beau le mettre ca ne marche pas:

Code:

h3.hierarchy{
    font-size: 20px;
    font-family: 'Lily Script One',sans-serif;
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -ms-transition: all 1s ;
    -o-transition: all 1s ;
    transition: all 1s ;
}
h3.hierarchy:hover{
    margin-left: 25px; /* décalage */
}

Ah je sais :DDD

Dans le CSS par défaut de ForumActif, il y a indiqué pour .forumlink que la taille doit être de 12px;

Or la structure de ton lien est h3.hierachy > a.forumlink

Il te faut donc mettre

Code:

h3.hierarchy .forumlink{
    font-size: 20px;
}

Owi ca marche merci o/