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 : 2203

    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
    Fares
    MasculinAge : 24Messages : 51

    le Lun 29 Oct 2012 - 17:43

    Cool tous ça.
    avatar
    Cauze
    FémininAge : 18Messages : 12

    le Mer 14 Nov 2012 - 3:29

    super! merci
    avatar
    LeFimoteur
    MasculinAge : 18Messages : 18

    le Sam 24 Nov 2012 - 11:36

    Merci (=
    avatar
    Nevah
    MasculinAge : 29Messages : 30

    le Sam 24 Nov 2012 - 17:22

    cool merci bcp cheers
    avatar
    Tsubaki D. Tensei
    MasculinAge : 22Messages : 25

    le Sam 24 Nov 2012 - 21:20

    merci :)
    avatar
    Battosai
    MasculinAge : 16Messages : 29

    le Dim 25 Nov 2012 - 23:39

    Merci pour le tuto ^^
    avatar
    Rosela
    FémininAge : 23Messages : 10

    le Lun 26 Nov 2012 - 15:10

    Merci beaucoup du partage ! :hug:
    avatar
    Shinrai
    FémininAge : 26Messages : 9

    le Mar 27 Nov 2012 - 2:33

    merci du partage
    avatar
    alexiaaa
    FémininAge : 17Messages : 45

    le Sam 1 Déc 2012 - 21:10

    cimer
    avatar
    Moriarty
    FémininAge : 22Messages : 85

    le Ven 7 Déc 2012 - 17:50

    merci pour ce tuto très accessible !
    avatar
    Malice1329
    FémininAge : 28Messages : 79

    le Sam 8 Déc 2012 - 21:39

    merci mon essaie ne marchais pas avec ma façon, espérons que la votre marchera



    avatar
    Neko Mimi
    FémininAge : 26Messages : 162

    le Sam 15 Déc 2012 - 15:41

    Merci =)



    avatar
    Skunk
    MasculinAge : 27Messages : 268

    le Jeu 20 Déc 2012 - 3:18

    merci



    avatar
    Clémentine
    FémininAge : 24Messages : 202

    le Sam 29 Déc 2012 - 17:43

    j'aimerais voir sil vous plaiiiitttt *.*. Merci.



    avatar
    Clemelaeshoopatate
    FémininAge : 19Messages : 17

    le Jeu 3 Jan 2013 - 12:00

    Aaaaah ! Merci beaucoup, je cherchais désespérément de l'aide pour ce sujet-là, merci encore ! :)
    avatar
    Cortisalia
    FémininAge : 25Messages : 88

    le Mar 8 Jan 2013 - 21:52

    Ah veut voir moi ^^



    avatar
    melinda020
    FémininAge : 23Messages : 7

    le Jeu 10 Jan 2013 - 14:33

    depuis le temps que je cherchais la réponse ! Merci beaucoup !
    avatar
    Chiisu57
    FémininAge : 28Messages : 14

    le Sam 12 Jan 2013 - 16:12

    Je veux bien tester...
    avatar
    Eques
    MasculinAge : 21Messages : 109

    le Lun 14 Jan 2013 - 16:15

    Thx. :)

    EDIT: je ne trouve pas «ibody_inbox» dans mes templates et tu n'indique pas quel est le template pour la QEEL, j'ai donc abandonné :') Si d'autres infos viennent, j'aimerais bien réessayer :> Je suis débutant hein ^^'
    avatar
    Hope
    MasculinAge : 20Messages : 763

    le Mar 15 Jan 2013 - 16:07

    Merciii ^^
    avatar
    Laega
    FémininAge : 27Messages : 106

    le Lun 21 Jan 2013 - 0:45

    Merci pour le tuto
    Miyoshi
    FémininAge : 22Messages : 54

    le Ven 1 Fév 2013 - 16:56

    Je veux voir s'il vous plait. Merci. o/
    avatar
    lapinou-doux
    FémininAge : 17Messages : 56

    le Lun 4 Fév 2013 - 18:05

    Merci beaucoup :)
    avatar
    Lacazette.
    MasculinAge : 26Messages : 10

    le Mer 6 Fév 2013 - 13:47

    Merci
    avatar
    mini-mimi
    FémininAge : 20Messages : 75

    le Dim 10 Fév 2013 - 9:45

    Merci (:
    Contenu sponsorisé


      La date/heure actuelle est Jeu 29 Juin 2017 - 5:40