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 2014 - 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
    EverLiam
    FémininAge : 28Messages : 933

    le Jeu 18 Fév 2016 - 13:26

    merci ^^





    avatar
    Magico
    MasculinAge : 25Messages : 41

    le Ven 19 Fév 2016 - 0:49

    Merci !
    avatar
    Zorane
    MasculinAge : 26Messages : 67

    le Ven 19 Fév 2016 - 23:01

    merci
    avatar
    Kanu
    FémininAge : 27Messages : 59

    le Mar 23 Fév 2016 - 17:57

    Merci ! Rendu très sympas :3
    avatar
    Shi
    MasculinAge : 26Messages : 58

    le Mer 24 Fév 2016 - 10:16

    Super pratique, merci =D
    avatar
    Malédictia
    FémininAge : 22Messages : 5

    le Jeu 3 Mar 2016 - 12:51

    Merci, j'aime beaucoup !
    avatar
    Awskitee
    FémininAge : 24Messages : 15

    le Ven 11 Mar 2016 - 21:14

    Magnifique
    avatar
    Fame
    MasculinAge : 27Messages : 227

    le Mar 15 Mar 2016 - 5:59

    merci
    avatar
    Jarreth
    MasculinAge : 22Messages : 5

    le Mer 30 Mar 2016 - 20:20

    Merci =D
    avatar
    beenhell
    FémininAge : 18Messages : 7

    le Jeu 31 Mar 2016 - 9:14

    GG Very Happy
    avatar
    JaydenRcr
    MasculinAge : 18Messages : 32

    le Sam 2 Avr 2016 - 1:00

    merci
    avatar
    FondaHS
    MasculinAge : 18Messages : 11

    le Lun 11 Avr 2016 - 15:01

    merci
    avatar
    FondaHS
    MasculinAge : 18Messages : 11

    le Lun 11 Avr 2016 - 15:15

    Merci
    avatar
    Mozart
    FémininAge : 23Messages : 52

    le Mar 12 Avr 2016 - 7:32

    J'adore !! félicitation <3



    avatar
    KamiCams
    FémininAge : 21Messages : 37

    le Ven 15 Avr 2016 - 20:37

    Merci beaucoup !
    avatar
    Professeur
    FémininAge : 19Messages : 11

    le Ven 15 Avr 2016 - 23:42

    Merci beaucoup *o*
    avatar
    Nihil Scar Winspeare
    Messages : 4744

    le Jeu 21 Avr 2016 - 23:13

    Merci o/



    avatar
    Araik
    FémininAge : 22Messages : 249

    le Jeu 5 Mai 2016 - 17:01

    merci



    avatar
    Mom's Heart
    MasculinAge : 22Messages : 15

    le Dim 8 Mai 2016 - 20:41

    Merci ! cela est très complet et reste cohérent :3
    avatar
    Globule
    FémininAge : 18Messages : 47

    le Mer 11 Mai 2016 - 13:38

    Mercii
    avatar
    RPG Maker
    FémininAge : 23Messages : 44

    le Mer 11 Mai 2016 - 15:55

    J'aime beaucoup, merci. ^^
    avatar
    -Resis
    MasculinAge : 21Messages : 25

    le Mer 11 Mai 2016 - 20:47

    Mercé
    avatar
    Orochimaru
    FémininAge : 27Messages : 188

    le Jeu 12 Mai 2016 - 16:14

    Beau Travail. Very Happy Merci du partage Very Happy



    Orochimaru

    " Les proies doivent toujours faire preuve de la plus grande vigilance, lorsqu'elles tentent d'échapper à leur prédateur. Tout ce qu'une proie peut espérer de son prédateur, c'est qu'il daigne la laisser tranquille après avoir eu ce qu'il voulait."
    avatar
    Fuyuka
    FémininAge : 23Messages : 62

    le Lun 16 Mai 2016 - 20:12

    Merci beaucoup !
    avatar
    didicmy
    FémininAge : 26Messages : 69

    le Mar 7 Juin 2016 - 17:14

    Super merci beaucoup, je vais tester pour voir ce que ça pourrait donner :)
    Contenu sponsorisé


      La date/heure actuelle est Mar 17 Oct 2017 - 15:12