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.


    [template & CSS] Les coins arrondis des catégories, QEEL, etc.

    Partagez
    avatar
    Marie
    FémininAge : 28Messages : 2206

    le Ven 25 Nov 2011 - 20:39

    Rappel du premier message :


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    Edit Responsable : Puisque le tutoriel utilisait plusieurs notions dépassées et templates qui n'existent plus, il a été remplacé par un bout de CSS tout aussi utile.

    Bonjour!

    Combien de fois cette question a-t-elle été posée:
    "Comment on arrondis la barre de catégorie en haut?"
    ou
    Comment on arrondit cette barre?


    Voici un petit ou gros tutoriel bien pratique qui arrondira tous les hauts de tableau (catégories, qeel, pa, etc.).
    Attention, cela fonctionne seulement sur phpBB2.
    Aussi, pour éviter que cela soit hyper laid, je vous recommende d'enlever les bordures des tableaux.

    Il suffit de mettre ceci dans le CSS :
    Code:
    .forumline > tbody > tr > th:nth-child(1) {
      border-top-left-radius: 13px;
    }
    .forumline > tbody > tr > th:nth-last-child(1) {
      border-top-right-radius: 13px;
    }
    .catHead {
      border-radius: 13px 13px 0px 0px;
    }
    .catBottom {
      border-radius: 0px 0px 13px 13px;
    }

    Admirez votre travail. Pas mal, non?


    Dernière édition par Marie le Sam 26 Nov 2011 - 8:24, édité 3 fois



    /

    Kit fait par Arpège. Merci! :love:
    avatar
    ANDREW BALETT
    MasculinAge : 20Messages : 4

    le Ven 4 Mai 2012 - 20:42

    En espérant, que ce tuto va m'aider pour prochain forum...
    avatar
    shala
    FémininAge : 25Messages : 213

    le Dim 6 Mai 2012 - 13:17

    merci



    avatar
    Doudoune
    FémininAge : 24Messages : 7

    le Dim 6 Mai 2012 - 15:51

    Merci :).
    avatar
    Médea
    FémininAge : 23Messages : 43

    le Mar 8 Mai 2012 - 15:22

    °3° Mici
    avatar
    Lauriale
    FémininAge : 20Messages : 113

    le Sam 12 Mai 2012 - 11:54

    Merci, un tuto intéressant qui servira plus d'une fois ^^
    avatar
    Cherry.
    FémininAge : 22Messages : 11

    le Sam 26 Mai 2012 - 13:29

    Merci merci !!



    avatar
    Arrogant Mischief
    MasculinAge : 22Messages : 70

    le Sam 26 Mai 2012 - 17:19

    Merci !



    avatar
    Plopy
    FémininAge : 25Messages : 10

    le Mar 12 Juin 2012 - 14:44

    Merci!
    avatar
    Aoi Kiseki
    FémininAge : 25Messages : 100

    le Sam 16 Juin 2012 - 2:16

    merci =)
    avatar
    mit'sou
    FémininAge : 20Messages : 2

    le Lun 25 Juin 2012 - 13:51

    Super !
    Merci beaucoup ! =)
    avatar
    Hope-Tik
    FémininAge : 22Messages : 10

    le Mar 26 Juin 2012 - 15:13

    Bon et bien s'il faut poster, je poste :)
    avatar
    3uphemia
    FémininAge : 22Messages : 28

    le Mer 27 Juin 2012 - 12:36

    Mercii ^^
    avatar
    Mèl
    FémininAge : 29Messages : 21

    le Mar 3 Juil 2012 - 2:15

    :toto: merci
    avatar
    Chocolakato
    FémininAge : 27Messages : 789

    le Mer 4 Juil 2012 - 3:06

    eeet je poste Very Happy




    avatar
    Kispz.
    FémininAge : 20Messages : 27

    le Mer 4 Juil 2012 - 18:38

    Super utile , merci du partage ! ;D






    avatar
    July05
    FémininAge : 25Messages : 31

    le Dim 8 Juil 2012 - 22:26

    Merci !
    avatar
    Super Captain
    MasculinAge : 26Messages : 33

    le Jeu 12 Juil 2012 - 17:31

    merci du partage ^^



    i m j u s t a p a t c h e d u p マトリョシカ! (o`皿′o)♥
    avatar
    Eden will love you
    FémininAge : 23Messages : 9

    le Ven 13 Juil 2012 - 19:28

    merci ! je vai essayer :3
    avatar
    Kai Turindo
    MasculinAge : 17Messages : 80

    le Sam 14 Juil 2012 - 3:19

    merci
    avatar
    MissDevilsJuly
    FémininAge : 27Messages : 98

    le Jeu 19 Juil 2012 - 4:31

    Merci



    avatar
    Rosedesvents
    FémininAge : 31Messages : 96

    le Mer 25 Juil 2012 - 9:08

    Merci Very Happy
    avatar
    Emy
    FémininAge : 26Messages : 17

    le Jeu 26 Juil 2012 - 14:27

    Merci! Very Happy
    avatar
    chardonoire.....CMF
    MasculinAge : 51Messages : 22

    le Jeu 26 Juil 2012 - 17:23

    Merci



    avatar
    Everald
    FémininAge : 18Messages : 17

    le Ven 27 Juil 2012 - 9:22

    Merci pour ce tuto, ça fait longtemps que j'en cherchais un de ce genre :3
    avatar
    NDA
    MasculinAge : 23Messages : 20

    le Sam 28 Juil 2012 - 3:35

    Micii !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 23 Nov 2017 - 15:44