AccueilDernières imagesRechercherS'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.

Le Deal du moment : -44%
Casque Gamer sans fil STEELSERIES Arctis 7P+ (PS5/PS4, ...
Voir le deal
86.99 €

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

    Marie
    Marie
    FémininAge : 35Messages : 2206

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

    Lun 29 Oct 2012 - 17:43

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

    Mer 14 Nov 2012 - 3:29

    super! merci
    LeFimoteur
    LeFimoteur
    MasculinAge : 25Messages : 18

    Sam 24 Nov 2012 - 11:36

    Merci (=
    Nevah
    Nevah
    MasculinAge : 36Messages : 30

    Sam 24 Nov 2012 - 17:22

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

    Sam 24 Nov 2012 - 21:20

    merci :)
    Battosai
    Battosai
    MasculinAge : 23Messages : 29

    Dim 25 Nov 2012 - 23:39

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

    Lun 26 Nov 2012 - 15:10

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

    Mar 27 Nov 2012 - 2:33

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

    Sam 1 Déc 2012 - 21:10

    cimer
    Moriarty
    Moriarty
    FémininAge : 29Messages : 85

    Ven 7 Déc 2012 - 17:50

    merci pour ce tuto très accessible !
    Malice1329
    Malice1329
    FémininAge : 35Messages : 81

    Sam 8 Déc 2012 - 21:39

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



    ❝ Every Love Story is Beautiful ❞
    Baby, I'm dancing in the dark with you between my arms, Barefoot on the grass, listening to our favorite song,When you said you looked a mess, I whispered underneath my breath But you heard it, darling, you look perfect tonight× BY LIZZOU
    Neko Mimi
    Neko Mimi
    FémininAge : 34Messages : 165

    Sam 15 Déc 2012 - 15:41

    Merci =)



    [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 6 Tumblr_me5uxaCZuJ1qj73e2o1_500
    Skunk
    Skunk
    MasculinAge : 34Messages : 268

    Jeu 20 Déc 2012 - 3:18

    merci



    [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 6 Sign4v
    Clémentine
    Clémentine
    FémininAge : 32Messages : 223

    Sam 29 Déc 2012 - 17:43

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



    [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 6 9w9t
    Anonymous
    Invité

    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
    Cortisalia
    FémininAge : 32Messages : 89

    Mar 8 Jan 2013 - 21:52

    Ah veut voir moi ^^
    melinda020
    melinda020
    FémininAge : 30Messages : 7

    Jeu 10 Jan 2013 - 14:33

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

    Sam 12 Jan 2013 - 16:12

    Je veux bien tester...
    Eques
    Eques
    MasculinAge : 28Messages : 109

    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
    Hope
    MasculinAge : 27Messages : 763

    Mar 15 Jan 2013 - 16:07

    Merciii ^^
    Laega
    Laega
    FémininAge : 34Messages : 106

    Lun 21 Jan 2013 - 0:45

    Merci pour le tuto
    avatar
    Miyoshi
    FémininAge : 29Messages : 54

    Ven 1 Fév 2013 - 16:56

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

    Lun 4 Fév 2013 - 18:05

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

    Mer 6 Fév 2013 - 13:47

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

    Dim 10 Fév 2013 - 9:45

    Merci (:
    Contenu sponsorisé


      La date/heure actuelle est Sam 27 Juil 2024 - 12:51