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 : 24Messages : 5018

    le Mar 10 Juin 2014 - 17: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
    Nezzoon
    FémininAge : 18Messages : 66

    le Lun 6 Mar 2017 - 17:20

    Merci !
    avatar
    Loo
    FémininAge : 23Messages : 22

    le Mer 8 Mar 2017 - 7:48

    Merci !! ^^
    avatar
    Maxine Evans
    FémininAge : 23Messages : 94

    le Mar 14 Mar 2017 - 5:31

    merci !
    avatar
    Solitude
    FémininAge : 42Messages : 285

    le Lun 27 Mar 2017 - 4:52

    merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    avatar
    Tsumi
    FémininAge : 20Messages : 37

    le Mar 28 Mar 2017 - 15:01

    Merci!
    avatar
    madame-al
    FémininAge : 27Messages : 12

    le Ven 31 Mar 2017 - 16:30

    merci :love:
    avatar
    Kiona_Spencer
    FémininAge : 27Messages : 27

    le Sam 1 Avr 2017 - 7:31

    Merci pour ce partage, c'est vraiment beau :)
    avatar
    Sideris
    FémininAge : 23Messages : 112

    le Jeu 20 Avr 2017 - 12:43

    Merci pour le partage.









    avatar
    Onlyo
    FémininAge : 20Messages : 24

    le Mar 16 Mai 2017 - 8:16

    Merci ! **
    avatar
    lΔω
    FémininAge : 20Messages : 105

    le Mer 31 Mai 2017 - 5:05

    Merci du partage o/
    avatar
    Sadie White
    FémininAge : 27Messages : 36

    le Dim 25 Juin 2017 - 16:39

    merci =)
    avatar
    Tomoe
    FémininAge : 18Messages : 12

    le Mar 27 Juin 2017 - 4:40

    merci!
    avatar
    DevilJeck
    MasculinAge : 23Messages : 6

    le Mer 28 Juin 2017 - 4:41

    Merci beaucoup !
    avatar
    Ombeline30
    FémininAge : 33Messages : 124

    le Mer 28 Juin 2017 - 12:30

    Un grand merci c'est très beau ^^
    avatar
    Piratress
    FémininAge : 20Messages : 215

    le Ven 14 Juil 2017 - 4:58

    Merci **
    avatar
    Lataleuse
    FémininAge : 19Messages : 6

    le Dim 30 Juil 2017 - 12:11

    Merci ! Very Happy
    avatar
    m4h1r0
    MasculinAge : 20Messages : 1

    le Dim 6 Aoû 2017 - 18:33

    merci
    avatar
    Selmacke
    FémininAge : 28Messages : 98

    le Sam 9 Sep 2017 - 4:58

    Merci
    avatar
    Calico
    FémininAge : 23Messages : 12

    le Sam 9 Sep 2017 - 19:05

    j'Adore merci!
    avatar
    Lénalee01
    FémininAge : 28Messages : 20

    le Lun 11 Sep 2017 - 4:32

    merci beaucoup
    avatar
    Démo
    FémininAge : 18Messages : 53

    le Ven 15 Sep 2017 - 14:06

    merci :)
    avatar
    Exes
    MasculinAge : 20Messages : 15

    le Dim 17 Sep 2017 - 15:05

    merci
    avatar
    Kadence
    FémininAge : 36Messages : 57

    le Dim 29 Oct 2017 - 15:19

    Merci Wink
    avatar
    Roxye
    FémininAge : 25Messages : 41

    le Mar 19 Déc 2017 - 3:20

    Merci ! ^^
    avatar
    Keiko113
    FémininAge : 26Messages : 11

    le Mar 19 Déc 2017 - 13:57

    Un très très grand merci pour le partage de ce super code :hug:
    Contenu sponsorisé


      La date/heure actuelle est Ven 25 Mai 2018 - 22:35