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 : 24Message(s) : 49
    DixieM.
    le Jeu 14 Aoû 2014 - 22:14
    Merci du partage *-*
    FémininAge : 17Message(s) : 22
    Ungoliant.
    le Ven 15 Aoû 2014 - 4:26
    C'est vraiment très beau, merci du partage ! Very Happy
    FémininAge : 20Message(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)
    Aishitteru
    le Dim 17 Aoû 2014 - 15:31
    Merci beaucoup ! *^*
    FémininAge : 16Message(s) : 55
    Zappy
    le Dim 17 Aoû 2014 - 21:46
    Merci
    FémininAge : 18Message(s) : 166
    Plume'
    le Mar 19 Aoû 2014 - 20:37
    Mici !
    MasculinAge : 20Message(s) : 105
    Shiryuu
    le Jeu 21 Aoû 2014 - 5:00
    Merci bien !




    [img][/img]

    FémininAge : 17Message(s) : 32
    Livoire
    le Ven 22 Aoû 2014 - 14:32
    Merci beaucoup !
    FémininAge : 16Message(s) : 297

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    1/10  (1/10)
    Merwyn Arehdel
    le Ven 22 Aoû 2014 - 14:55
    Merci ♥


    Just want to be yours.
    MasculinMessage(s) : 107

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Del
    le Lun 25 Aoû 2014 - 16:13
    Merci.


    « Run you clever boy and remember... »
    MasculinAge : 21Message(s) : 48

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Just4Adventure
    le Mar 26 Aoû 2014 - 22:56
    Arigato !
    FémininAge : 24Message(s) : 3
    Pààm
    le Mer 27 Aoû 2014 - 10:05
    Merci beaucoup pour le partage! (:
    MasculinAge : 15Message(s) : 62

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Natsu892
    le Mer 27 Aoû 2014 - 20:42
    merci


    FémininAge : 20Message(s) : 80
    Rudein
    le Mer 27 Aoû 2014 - 22:36
    Merci beaucoup ! :friends:
    FémininAge : 29Message(s) : 124
    Irissia87
    le Jeu 28 Aoû 2014 - 11:56
    merci!
    FémininAge : 19Message(s) : 10
    LilyPanda
    le Ven 29 Aoû 2014 - 22:39
    Merci encore Very Happy
    MasculinAge : 15Message(s) : 34
    Poké_Eievui
    le Sam 30 Aoû 2014 - 11:35
    Merci
    FémininAge : 25Message(s) : 293
    lala zhang
    le Sam 30 Aoû 2014 - 11:39
    Merci pour le codage il est sympa =)
    MasculinAge : 103Message(s) : 595
    Darkyfrite
    le Sam 30 Aoû 2014 - 14:18
    je veux bien voir !


    FémininAge : 16Message(s) : 64
    Faucon
    le Sam 30 Aoû 2014 - 18:45
    Merci ♥
    FémininAge : 19Message(s) : 2
    Antimuse
    le Lun 1 Sep 2014 - 0:32
    merci
    FémininAge : 20Message(s) : 2
    Kyusee
    le Lun 1 Sep 2014 - 21:54
    Oh! Même pour quelqu'un de peu doué, c'est assez facile à mettre en place! =o
    FémininAge : 22Message(s) : 41
    The_Scream
    le Mer 3 Sep 2014 - 17:23
    Merci !


    ~That's the hell said no ~


    FémininAge : 26Message(s) : 486
    Shalyma
    le Mer 3 Sep 2014 - 17:51
    Merci beaucoup de partager, j'essaie Very Happy



    Merci Marie Chérie pour le kit!
    FémininAge : 19Message(s) : 76
    Junior.
    le Mer 3 Sep 2014 - 21:16
    Merci ! *-*
    FémininAge : 24Message(s) : 162
    petit lu
    le Mer 3 Sep 2014 - 22:19
    Merci du partage
    Contenu sponsorisé
    Aujourd'hui à 22:44

      La date/heure actuelle est Lun 26 Sep 2016 - 22:44