AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Catégories en onglets et arrondis

    Partagez
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Mar 10 Juin - 23:55

    Rappel du premier message :

    Catégories



    Ceci est un code de catégories crée suite à la Demande de swagg, ici et réutilise le tuto de vic_le_faucheur, que vous trouverez ici.

    CSS3 & HTML5 ▬ Code mit sous hide ▬ Ce que ça donne


    Les sous-forums défilent. Il y a des effets sur les titres de catégories et des forums.

    Dimension des images


    L'image de nouveau, pas de nouveau ou verrouillé est en 140px*40px.
    L'image de description de catégorie est en 100px*70px.
    Leur arrondis sont fait depuis le CSS.
    Vous pouvez modifier la police des titres en changeant le link présent dans le code (ou en le retirant) et en changeant toutes les occurrences de la police (ici Dancing Script) dans le CSS.

    Le Code


    Code HTML à placer dans Affichage -> Page d'accueil -> Templates -> Général -> index_box /!\ Ceci est tout le template! /!\ :


    Petite précision: les noms des onglets pour les catégories sont à mettre DANS le template, c'est cette partie (c'est aussi ce link qui permet de changer la police d'écriture!):


    Dans les Descriptions de Catégories, mettez ceci:


    CSS:


    Le code Javascript (cf tuto de vic_le_faucheur) à mettre dans  Modules -> HTML & JAVASCRIPT -> Gestion des codes Javascript -> Créer un Nouveau Javascript et tu coches "Sur l'index"!


    N'hésitez pas à aller remercier vic aussi pour son travail sur son Tuto!



    avatar
    Madness of Wonderland
    FémininAge : 17Messages : 58

    le Jeu 10 Juil - 21:00

    Merci !
    avatar
    Chocolakato
    FémininAge : 27Messages : 782

    le Ven 11 Juil - 1:44

    Hey, merci !



    avatar
    Stitch56
    FémininAge : 24Messages : 199

    le Ven 11 Juil - 11:02

    Marchi :3
    avatar
    Lust Caution
    FémininAge : 22Messages : 79

    le Ven 11 Juil - 12:39

    merci =3
    avatar
    BloodyMoony
    FémininAge : 24Messages : 76

    le Ven 11 Juil - 23:45

    C'est hyper jolie ! Merci du partage !
    avatar
    Lisou
    FémininAge : 16Messages : 299

    le Sam 12 Juil - 18:02

    Merci ♥
    avatar
    Leisha.
    FémininAge : 26Messages : 29

    le Lun 14 Juil - 22:40

    Je vais essayer celui là !
    Il est très beau en tout cas :)
    avatar
    Mimirage
    FémininAge : 25Messages : 17

    le Mar 15 Juil - 17:54

    Merci beaucoup! =D
    avatar
    Susan Storm
    FémininAge : 37Messages : 77

    le Mar 15 Juil - 19:03

    Mercii Very Happy
    avatar
    Pava
    FémininAge : 82Messages : 62

    le Mar 15 Juil - 20:23

    Merci Very Happy
    avatar
    Hazielle
    FémininAge : 25Messages : 17

    le Jeu 17 Juil - 0:55

    Merci. *o*
    avatar
    Offrande
    FémininAge : 26Messages : 193

    le Jeu 17 Juil - 8:43

    Génial *Q* des catégories en onglets c'est tout ce qu'il me fallait pour mon forum car il vas y avoir pas mal de salons :p Merci beaucoup !
    avatar
    Dadash_Pearl
    FémininAge : 25Messages : 40

    le Jeu 17 Juil - 11:18

    Merci ♥
    avatar
    Mephitis.
    FémininAge : 19Messages : 46

    le Dim 20 Juil - 15:24

    Oh c'est cool ! 8D
    Merci ^^
    avatar
    Kiki85
    MasculinAge : 22Messages : 389

    le Dim 20 Juil - 16:21

    Mmerci ! Very Happy
    avatar
    missphan
    FémininAge : 34Messages : 154

    le Lun 21 Juil - 20:26

    J'adore, très beau travail merci ^^
    Sépia
    FémininAge : 20Messages : 70

    le Mar 22 Juil - 10:13

    Merci!
    avatar
    -Spirou-
    FémininAge : 17Messages : 11

    le Mar 22 Juil - 14:57

    merci :3
    avatar
    Moys
    FémininAge : 19Messages : 101

    le Mar 22 Juil - 15:09

    Thanks !
    avatar
    Illiade
    FémininAge : 24Messages : 21

    le Mar 22 Juil - 17:06

    C'est exactement ce que je recherchais, je te remercie pour le partage de ce code !
    avatar
    Joxtop
    FémininAge : 25Messages : 47

    le Mer 23 Juil - 13:58

    merci d'avance Very Happy
    avatar
    Kinjiro
    MasculinAge : 18Messages : 80

    le Mer 23 Juil - 15:39

    ty



    avatar
    Zélya
    FémininAge : 28Messages : 187

    le Jeu 24 Juil - 10:31

    bonjour et merci pour ce partage, j'adore



    avatar
    Airore
    FémininAge : 18Messages : 132

    le Ven 25 Juil - 11:52

    Merci !
    avatar
    Célyo
    FémininAge : 25Messages : 41

    le Sam 26 Juil - 18:17

    Merci beaucoup!!
    Contenu sponsorisé


      La date/heure actuelle est Ven 18 Aoû - 23:53