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 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!


    FémininAge : 26Message(s) : 139
    Patdrue
    le Sam 14 Nov 2015 - 13:00
    ooh mais c'est zoli tout plein ça!!
    MasculinAge : 23Message(s) : 29
    Hayate kimitsu
    le Sam 14 Nov 2015 - 22:39
    Merci x)
    FémininAge : 29Message(s) : 66

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Rhoswen Fay
    le Sam 21 Nov 2015 - 1:06
    merci !
    FémininAge : 27Message(s) : 39
    Dream Land School
    le Lun 30 Nov 2015 - 1:10
    Merci ^^


    MasculinAge : 19Message(s) : 16

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    GuillaumeBETA
    le Mar 8 Déc 2015 - 22:58
    Merci !
    FémininAge : 28Message(s) : 108
    sweetheart.
    le Mer 9 Déc 2015 - 0:10
    Merci


    Un bisou pour Invité


    Un bisou pour...
    Invité
    FémininAge : 24Message(s) : 46
    Anya-Gackt
    le Mer 9 Déc 2015 - 11:01
    Bonjour,
    Merci beaucoup ^^
    FémininAge : 18Message(s) : 196
    Nearween
    le Mer 9 Déc 2015 - 18:39
    merkii pour le code :)


    Jack Frost



           

    I not a dream, I reality


    FémininAge : 23Message(s) : 83

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Lamire
    le Jeu 10 Déc 2015 - 20:30
    Merci beaucoup
    FémininAge : 20Message(s) : 72
    Sly King
    le Ven 11 Déc 2015 - 14:21
    J'aime beaucoup, merci du partage ♥
    FémininAge : 27Message(s) : 8
    Lauranna
    le Jeu 17 Déc 2015 - 10:26
    MErci beaucoup pour le code, mais... Je crois qu'il ne marche pas chez moi... ^^" Je ne vois pas mes sous forums, est-ce normal?
    MasculinAge : 22Message(s) : 30
    lacoste
    le Mar 22 Déc 2015 - 22:06
    merci
    FémininAge : 23Message(s) : 207
    EthanHol
    le Mar 29 Déc 2015 - 17:57
    Par curiosité j'aimerais bien découvrir ce code.

    Merci du partage !


    FémininAge : 19Message(s) : 37

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kobye
    le Sam 2 Jan 2016 - 23:25
    merciiii
    FémininAge : 16Message(s) : 22
    Elewen
    le Dim 3 Jan 2016 - 12:12
    merci
    FémininAge : 16Message(s) : 12
    Ilakalia
    le Dim 3 Jan 2016 - 13:15
    Merci énormément !
    FémininAge : 21Message(s) : 13
    hyde03
    le Ven 8 Jan 2016 - 12:31
    mercii


    Mon âme-soeur.
    (ouais, la bouffe, c'est la vie)
    FémininAge : 25Message(s) : 47

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    noksye
    le Sam 9 Jan 2016 - 13:04
    Merci !
    MasculinAge : 18Message(s) : 50
    Wolund
    le Jeu 14 Jan 2016 - 17:37
    Les catégories me plaisent merci beaucoup!
    FémininAge : 22Message(s) : 48
    witm
    le Jeu 14 Jan 2016 - 22:11
    merci j'adore
    FémininAge : 26Message(s) : 51
    LOUVE ☽
    le Mar 19 Jan 2016 - 14:16
    merci
    FémininAge : 22Message(s) : 42
    darkazu
    le Ven 29 Jan 2016 - 18:21
    merci ♥
    FémininAge : 19Message(s) : 62
    Mme Layton
    le Mer 3 Fév 2016 - 18:35
    Superbe catégorie, merci =)
    MasculinAge : 24Message(s) : 121

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Lone wanderer
    le Dim 7 Fév 2016 - 14:47
    merci !
    FémininAge : 13Message(s) : 53
    Faïryna
    le Mar 9 Fév 2016 - 12:05
    Merci!!!
    Contenu sponsorisé
    Aujourd'hui à 2:11

      La date/heure actuelle est Mar 27 Sep 2016 - 2:11