Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 22Message(s) : 5018

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    10/10  (10/10)
    NyoTheNeko
    le Mar 10 Juin - 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!


    MasculinAge : 23Message(s) : 64
    InkBoy
    le Dim 27 Juil - 8:45
    Merci pour cette info !


    FémininAge : 53Message(s) : 230
    patriciadpt30
    le Lun 28 Juil - 13:48
    Merci


    Patricia :)
    FémininAge : 29Message(s) : 99
    Freya Lazare
    le Mer 30 Juil - 11:11
    Merci beaucoup Very Happy C'est simple mais ça sublime tout de suite le forum =^^=
    MasculinAge : 23Message(s) : 160
    Doctor Who
    le Mer 30 Juil - 15:43
    Merci ♥




    DOCTOR WHO ☼
    © Yamashita d'épicode
    FémininAge : 15Message(s) : 64
    Little Melody
    le Mer 30 Juil - 16:03
    Merci ♥
    FémininAge : 14Message(s) : 36
    NaruChan
    le Jeu 31 Juil - 0:06
    J'aime beaucoup, merci.
    FémininAge : 18Message(s) : 145
    Saphire
    le Ven 1 Aoû - 16:16
    Très joli codage
    FémininAge : 21Message(s) : 19
    AprilSparkle
    le Ven 1 Aoû - 21:57
    Merci !
    FémininAge : 37Message(s) : 36
    Ysamar
    le Sam 2 Aoû - 15:52
    merci
    FémininAge : 19Message(s) : 127
    Banpaia
    le Sam 2 Aoû - 16:30
    Merci !
    FémininAge : 19Message(s) : 150

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Mikasa
    le Sam 2 Aoû - 19:33
    Merci beaucoup ! C'est magnifique !




    Autre Signa:


    FémininAge : 14Message(s) : 148

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kau
    le Dim 3 Aoû - 20:11
    Super joli, merci ! =)
    FémininAge : 25Message(s) : 15
    Mathou2
    le Mar 5 Aoû - 13:36
    Merci beaucoup !
    FémininAge : 25Message(s) : 50
    warning.sign
    le Mar 5 Aoû - 14:18
    merci *o*
    FémininAge : 28Message(s) : 78

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Malice1329
    le Mar 5 Aoû - 18:12
    Merci énormément, ce code est magnifique


    FémininAge : 19Message(s) : 91
    ColorTime'Less
    le Mer 6 Aoû - 2:33
    sympa Very Happy
    MasculinAge : 16Message(s) : 23
    Lugatique
    le Mer 6 Aoû - 18:26
    Merci
    FémininAge : 19Message(s) : 53
    .lovely
    le Jeu 7 Aoû - 20:40
    Merci !
    FémininAge : 15Message(s) : 81
    Phénix'
    le Jeu 7 Aoû - 22:52
    Merci, très jolie !
    MasculinAge : 15Message(s) : 115

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    BlueGhost
    le Sam 9 Aoû - 21:12
    Merci


    FémininAge : 19Message(s) : 36

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Lovehurt
    le Dim 10 Aoû - 0:42
    Merci beaucoup <3
    MasculinAge : 20Message(s) : 17
    stefansalvatore
    le Dim 10 Aoû - 15:34
    Super !!
    FémininAge : 17Message(s) : 147
    Layla4
    le Dim 10 Aoû - 18:16
    Mercii ! ^^
    FémininAge : 21Message(s) : 55
    Liliumini
    le Mar 12 Aoû - 11:17
    Merci, c'est bien pratique!
    FémininAge : 22Message(s) : 1618

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    7/10  (7/10)
    Guilde des Architectes:
    0/10  (0/10)
    Aisling
    le Mar 12 Aoû - 20:43
    merci ^^


    Contenu sponsorisé
    Aujourd'hui à 12:08

      La date/heure actuelle est Jeu 29 Sep - 12:08