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
    Ezekielle
    FémininAge : 24Messages : 6

    le Dim 12 Juin 2016 - 8:49

    Je veux voir ça!
    :love:
    Merci!
    avatar
    Illusion d'un Rêve
    FémininAge : 15Messages : 33

    le Mar 14 Juin 2016 - 14:50

    J'aime beaucoup, merci mille fois :) ♥
    avatar
    cali60
    FémininAge : 32Messages : 58

    le Mer 15 Juin 2016 - 20:51

    :) :)
    avatar
    MPGuenette
    FémininAge : 22Messages : 111

    le Dim 26 Juin 2016 - 19:51

    Merci!!
    avatar
    Ariemm
    FémininAge : 16Messages : 107

    le Lun 27 Juin 2016 - 18:05

    Merci, Nyo~
    avatar
    Liiloux
    FémininAge : 27Messages : 10

    le Mar 28 Juin 2016 - 16:29

    merci ^^
    avatar
    Donquichotte
    MasculinAge : 21Messages : 48

    le Mer 29 Juin 2016 - 8:07

    Merci bien!
    avatar
    Yukiho
    FémininAge : 77Messages : 14

    le Dim 3 Juil 2016 - 9:57

    Merci !
    avatar
    Sadja
    MasculinAge : 19Messages : 74

    le Mar 19 Juil 2016 - 14:02

    Meric beaucoup ça fait des mois que je cherche ! :o
    avatar
    CaNL
    FémininAge : 24Messages : 8

    le Lun 1 Aoû 2016 - 7:24

    Merci!
    avatar
    Calkrys
    FémininAge : 20Messages : 49

    le Mer 3 Aoû 2016 - 2:24

    Merci !
    avatar
    HazelW
    FémininAge : 24Messages : 50

    le Sam 6 Aoû 2016 - 16:53

    Merci ! (:



    avatar
    Mariana Greyson
    FémininAge : 19Messages : 68

    le Dim 7 Aoû 2016 - 14:24

    Merci :)
    avatar
    MasterFurax
    FémininAge : 29Messages : 9

    le Jeu 11 Aoû 2016 - 17:31

    Peut-être que j'ai oublié un truc en suivant le tuto... >,> J'espère que ça va fonctionner ce coup-ci.
    Merci du partage. o/
    avatar
    FraiseChoco
    FémininAge : 24Messages : 31

    le Mer 24 Aoû 2016 - 5:39

    Joliie ! Merci ! :)
    avatar
    chocapiix59
    FémininAge : 24Messages : 23

    le Jeu 25 Aoû 2016 - 16:24

    Très jolie Very Happy
    avatar
    AshleyV&WK
    FémininAge : 21Messages : 10

    le Lun 29 Aoû 2016 - 12:39

    Vraiment très beau et peut-être des idées pour voir pour mon forum. Merci
    avatar
    marie-noelle
    FémininAge : 59Messages : 98

    le Lun 29 Aoû 2016 - 18:14

    merci :)
    avatar
    Meeko
    MasculinAge : 24Messages : 28

    le Mar 20 Sep 2016 - 5:42

    superbe
    avatar
    SuperSpaceCab
    MasculinAge : 33Messages : 36

    le Mer 21 Sep 2016 - 6:30

    Merci !
    avatar
    Kabrina Lestrange
    FémininAge : 29Messages : 71

    le Sam 24 Sep 2016 - 21:36

    Merci!
    avatar
    Nyotengu
    FémininAge : 23Messages : 84

    le Dim 6 Nov 2016 - 18:11

    merci
    avatar
    Zachary Wolf
    FémininAge : 25Messages : 56

    le Dim 6 Nov 2016 - 21:17

    c'est super beau Very Happy Merci à toi du partage ^^
    avatar
    Luirio
    MasculinAge : 27Messages : 129

    le Sam 12 Nov 2016 - 2:56

    Merci je vais l'essayé
    avatar
    Géranium
    FémininAge : 17Messages : 56

    le Dim 13 Nov 2016 - 17:04

    MERCI !
    Contenu sponsorisé


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