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
    DixieM.
    FémininAge : 26Messages : 49

    le Jeu 14 Aoû 2014 - 22:14

    Merci du partage *-*
    avatar
    Ungoliant.
    FémininAge : 18Messages : 22

    le Ven 15 Aoû 2014 - 4:26

    C'est vraiment très beau, merci du partage ! Very Happy
    avatar
    Aishitteru
    FémininAge : 22Messages : 66

    le Dim 17 Aoû 2014 - 15:31

    Merci beaucoup ! *^*
    avatar
    Zappy
    FémininAge : 18Messages : 55

    le Dim 17 Aoû 2014 - 21:46

    Merci
    avatar
    Plume'
    FémininAge : 19Messages : 166

    le Mar 19 Aoû 2014 - 20:37

    Mici !
    avatar
    Shiryuu
    MasculinAge : 21Messages : 105

    le Jeu 21 Aoû 2014 - 5:00

    Merci bien !





    [img][/img]

    avatar
    Livoire
    FémininAge : 19Messages : 32

    le Ven 22 Aoû 2014 - 14:32

    Merci beaucoup !
    avatar
    Merwyn Arehdel
    FémininAge : 18Messages : 298

    le Ven 22 Aoû 2014 - 14:55

    Merci ♥



    Just want to be yours.
    avatar
    Del
    MasculinMessages : 110

    le Lun 25 Aoû 2014 - 16:13

    Merci.



    « Run you clever boy and remember... »
    avatar
    Just4Adventure
    MasculinAge : 22Messages : 48

    le Mar 26 Aoû 2014 - 22:56

    Arigato !
    avatar
    Pààm
    FémininAge : 25Messages : 3

    le Mer 27 Aoû 2014 - 10:05

    Merci beaucoup pour le partage! (:
    avatar
    Natsu892
    MasculinAge : 17Messages : 63

    le Mer 27 Aoû 2014 - 20:42

    merci



    avatar
    Rudein
    FémininAge : 21Messages : 83

    le Mer 27 Aoû 2014 - 22:36

    Merci beaucoup ! :friends:
    avatar
    Irissia87
    FémininAge : 30Messages : 124

    le Jeu 28 Aoû 2014 - 11:56

    merci!
    avatar
    LilyPanda
    FémininAge : 21Messages : 10

    le Ven 29 Aoû 2014 - 22:39

    Merci encore Very Happy
    avatar
    Poké_Eievui
    MasculinAge : 16Messages : 34

    le Sam 30 Aoû 2014 - 11:35

    Merci
    avatar
    lala zhang
    FémininAge : 26Messages : 343

    le Sam 30 Aoû 2014 - 11:39

    Merci pour le codage il est sympa =)
    avatar
    Darkyfrite
    MasculinAge : 104Messages : 595

    le Sam 30 Aoû 2014 - 14:18

    je veux bien voir !



    avatar
    Faucon
    FémininAge : 17Messages : 64

    le Sam 30 Aoû 2014 - 18:45

    Merci ♥
    avatar
    Antimuse
    FémininAge : 21Messages : 2

    le Lun 1 Sep 2014 - 0:32

    merci
    avatar
    Kyusee
    FémininAge : 21Messages : 2

    le Lun 1 Sep 2014 - 21:54

    Oh! Même pour quelqu'un de peu doué, c'est assez facile à mettre en place! =o
    avatar
    The_Scream
    FémininAge : 23Messages : 41

    le Mer 3 Sep 2014 - 17:23

    Merci !



    ~That's the hell said no ~


    avatar
    Shalyma
    FémininAge : 28Messages : 486

    le Mer 3 Sep 2014 - 17:51

    Merci beaucoup de partager, j'essaie Very Happy




    Merci Marie Chérie pour le kit!
    avatar
    Junior.
    FémininAge : 20Messages : 78

    le Mer 3 Sep 2014 - 21:16

    Merci ! *-*
    avatar
    petit lu
    FémininAge : 25Messages : 170

    le Mer 3 Sep 2014 - 22:19

    Merci du partage
    Contenu sponsorisé


      La date/heure actuelle est Lun 18 Déc 2017 - 19:28