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 - 22:55

    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!



    Løve
    MasculinAge : 22Messages : 189

    le Ven 13 Juin 2014 - 9:40

    Merci pour ces superbes catégories ^o^
    avatar
    Neva
    FémininAge : 26Messages : 18564

    le Mer 18 Juin 2014 - 9:23

    Merci Nyo ! Tout est parfait :)



     
    avatar
    Noizy.
    MasculinAge : 19Messages : 43

    le Mer 18 Juin 2014 - 11:35

    Merci !
    avatar
    ♕ William
    MasculinAge : 20Messages : 72

    le Mer 18 Juin 2014 - 12:14

    Merci ! :)




    William
    avatar
    smily
    FémininAge : 18Messages : 64

    le Jeu 19 Juin 2014 - 16:15

    Merci :)
    avatar
    Ryoma
    MasculinAge : 29Messages : 420

    le Sam 21 Juin 2014 - 11:28

    Merci pour le partage.
    avatar
    Priss.
    FémininAge : 24Messages : 18

    le Sam 21 Juin 2014 - 13:39

    Bravo pour le travail réalisé :)



    avatar
    Invité

    le Sam 21 Juin 2014 - 16:53

    J'adore merci du partage Wink
    Crépuscule
    FémininAge : 18Messages : 9

    le Sam 21 Juin 2014 - 17:36

    Merci :3
    avatar
    Klemmeria
    FémininAge : 17Messages : 147

    le Sam 21 Juin 2014 - 20:58

    thank you



    avatar
    tamanegeek
    MasculinAge : 18Messages : 167

    le Sam 21 Juin 2014 - 21:05

    Ah que... Merci mille fois ! Very Happy
    avatar
    Loupiotte-Fr
    FémininAge : 21Messages : 27

    le Mar 24 Juin 2014 - 17:04

    Merci ♥



    Once Upon a Time
    ... Réécrit l'histoire ...
    avatar
    Tatia38
    FémininAge : 28Messages : 304

    le Mar 24 Juin 2014 - 17:17

    Merci !
    avatar
    cosmos-chann
    FémininAge : 20Messages : 115

    le Mer 25 Juin 2014 - 15:54

    je veux voir ♥
    avatar
    isKeiko
    FémininAge : 22Messages : 29

    le Mer 25 Juin 2014 - 17:41

    Merci Very Happy
    avatar
    Liu-1
    FémininAge : 18Messages : 7

    le Mer 25 Juin 2014 - 20:33

    MErciii



    Zahil
    MasculinAge : 24Messages : 29

    le Jeu 26 Juin 2014 - 11:25

    Merci !
    avatar
    Euterpe
    FémininAge : 31Messages : 291

    le Jeu 26 Juin 2014 - 11:50

    Je suis curieuse d'essayer ça :o
    avatar
    Ayane Jun
    FémininAge : 24Messages : 81

    le Jeu 26 Juin 2014 - 17:08

    Wha, ça pourrait super bien m'aider ><
    Merci !
    avatar
    Allison01
    FémininAge : 33Messages : 179

    le Ven 27 Juin 2014 - 21:13

    merci ^^
    avatar
    Irony
    FémininAge : 20Messages : 87

    le Sam 28 Juin 2014 - 13:15

    Merci *-*
    avatar
    Nyan-cat
    FémininAge : 18Messages : 326

    le Lun 30 Juin 2014 - 7:38

    merci <3



    Shinju.dot
    FémininAge : 27Messages : 88

    le Lun 30 Juin 2014 - 12:00

    merci
    Miyoshi
    FémininAge : 23Messages : 54

    le Mer 2 Juil 2014 - 20:42

    Merci beaucoup pour le partage ! o/
    Contenu sponsorisé


      La date/heure actuelle est Mar 17 Oct 2017 - 14:00