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
    remrem
    MasculinAge : 20Messages : 48

    le Lun 14 Nov 2016 - 20:43

    merci du partage !
    Alancar
    MasculinAge : 20Messages : 57

    le Mar 22 Nov 2016 - 17:01

    Merci beaucoup :)
    avatar
    Enaira
    FémininAge : 19Messages : 74

    le Mer 23 Nov 2016 - 13:11

    Merci du partage, c'est magnifique c:



    avatar
    Scratpub
    FémininAge : 28Messages : 66

    le Ven 2 Déc 2016 - 14:38

    merci !
    avatar
    Applauze
    MasculinAge : 21Messages : 165

    le Mer 7 Déc 2016 - 3:45

    Merci beaucoup ! Petit chat :3
    avatar
    catkiller
    FémininAge : 22Messages : 70

    le Dim 11 Déc 2016 - 19:57

    merci
    avatar
    Tinkky
    FémininAge : 27Messages : 87

    le Mar 13 Déc 2016 - 2:17

    Vraiment Jolie. Merci du partage ^_^
    avatar
    mijako
    FémininAge : 25Messages : 83

    le Mar 13 Déc 2016 - 6:28

    Merci *--*
    avatar
    Hige'
    FémininAge : 18Messages : 8

    le Dim 18 Déc 2016 - 12:22

    Merci
    avatar
    Cornelia
    FémininAge : 29Messages : 87

    le Mer 28 Déc 2016 - 20:48

    Merci
    avatar
    Hiruyio Atame
    MasculinAge : 15Messages : 87

    le Sam 31 Déc 2016 - 14:35

    Merci !
    avatar
    Marec
    MasculinAge : 22Messages : 21

    le Dim 15 Jan 2017 - 18:40

    Merci Very Happy
    En ligne
    avatar
    Rozenbrez
    FémininAge : 26Messages : 1346

    le Dim 22 Jan 2017 - 14:13

    Merci pour le partage. :)





    Merci au lutin anonyme de cette année. <3

    avatar
    lounythithi
    MasculinAge : 22Messages : 14

    le Dim 22 Jan 2017 - 18:43

    Merci ^^
    avatar
    Ritsukay
    MasculinAge : 21Messages : 48

    le Dim 29 Jan 2017 - 12:55

    Merciiii ♥
    avatar
    Strabo
    FémininAge : 30Messages : 18

    le Dim 5 Fév 2017 - 20:47

    J'adore merci du partage et de l'explication
    avatar
    Marie
    FémininAge : 28Messages : 2206

    le Lun 6 Fév 2017 - 12:47

    Coucou

    Merci du partage! :)



    /

    Kit fait par Arpège. Merci! :love:
    avatar
    sturdya
    FémininAge : 19Messages : 32

    le Lun 6 Fév 2017 - 14:59

    merci Very Happy
    avatar
    Blanche Neige
    FémininAge : 23Messages : 9

    le Lun 6 Fév 2017 - 17:31

    Merci :han:
    avatar
    Jynnea
    FémininAge : 22Messages : 103

    le Lun 6 Fév 2017 - 21:56

    Merci!
    avatar
    Envola
    FémininAge : 25Messages : 49

    le Lun 13 Fév 2017 - 22:44

    Merci!!
    avatar
    wiise
    FémininAge : 24Messages : 48

    le Mer 15 Fév 2017 - 18:37

    merci bcp !!!!! :d



    avatar
    Saroush
    FémininAge : 18Messages : 6

    le Ven 17 Fév 2017 - 22:40

    merci
    avatar
    Cassisse
    FémininAge : 25Messages : 110

    le Mer 1 Mar 2017 - 1:24

    merciiiii
    avatar
    Jiragi
    FémininAge : 17Messages : 18

    le Jeu 2 Mar 2017 - 16:34

    merci !
    Contenu sponsorisé


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