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
    Marie
    FémininAge : 27Messages : 1911

    le Ven 25 Nov 2011 - 20:39

    Rappel du premier message :



    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 Par Sébastien. Merci beaucoup!
    Fares
    MasculinAge : 23Messages : 51

    le Lun 29 Oct 2012 - 17:43

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

    le Mer 14 Nov 2012 - 3:29

    super! merci
    LeFimoteur
    MasculinAge : 17Messages : 18

    le Sam 24 Nov 2012 - 11:36

    Merci (=
    Nevah
    MasculinAge : 29Messages : 30

    le Sam 24 Nov 2012 - 17:22

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

    le Sam 24 Nov 2012 - 21:20

    merci :)
    Battosai
    MasculinAge : 16Messages : 29

    le Dim 25 Nov 2012 - 23:39

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

    le Lun 26 Nov 2012 - 15:10

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

    le Mar 27 Nov 2012 - 2:33

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

    le Sam 1 Déc 2012 - 21:10

    cimer
    Moriarty
    FémininAge : 21Messages : 85

    le Ven 7 Déc 2012 - 17:50

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

    le Sam 8 Déc 2012 - 21:39

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



    Neko Mimi
    FémininAge : 26Messages : 157

    le Sam 15 Déc 2012 - 15:41

    Merci =)



    Skunk
    MasculinAge : 27Messages : 268

    le Jeu 20 Déc 2012 - 3:18

    merci



    Clémentine
    FémininAge : 24Messages : 200

    le Sam 29 Déc 2012 - 17:43

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



    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 ! :)
    Cortisalia
    FémininAge : 24Messages : 88

    le Mar 8 Jan 2013 - 21:52

    Ah veut voir moi ^^



    melinda020
    FémininAge : 23Messages : 7

    le Jeu 10 Jan 2013 - 14:33

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

    le Sam 12 Jan 2013 - 16:12

    Je veux bien tester...
    Eques
    MasculinAge : 20Messages : 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 ^^'
    Hope
    MasculinAge : 19Messages : 763

    le Mar 15 Jan 2013 - 16:07

    Merciii ^^
    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/
    lapinou-doux
    FémininAge : 16Messages : 56

    le Lun 4 Fév 2013 - 18:05

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

    le Mer 6 Fév 2013 - 13:47

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

    le Dim 10 Fév 2013 - 9:45

    Merci (:
    Contenu sponsorisé

    Aujourd'hui à 19:10


      La date/heure actuelle est Jeu 8 Déc 2016 - 19:10