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 : 27Messages : 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
    Reiõ
    MasculinAge : 23Messages : 202

    le Lun 20 Fév 2012 - 15:13

    Merci Wink
    avatar
    Asriel
    FémininAge : 21Messages : 112

    le Lun 20 Fév 2012 - 16:07

    Merci pour le tutoriel !



    avatar
    XxX-Dieu-XxX
    MasculinAge : 23Messages : 26

    le Lun 20 Fév 2012 - 20:00

    Post

    PS : je trouve pas les code du deuxième code à repérer
    avatar
    Coralia
    FémininAge : 17Messages : 64

    le Ven 24 Fév 2012 - 16:07

    J'veux voir Cool
    Merci d'avance x)
    avatar
    andrechose
    MasculinAge : 24Messages : 6

    le Dim 26 Fév 2012 - 3:00

    merci
    avatar
    Panthémore
    MasculinAge : 25Messages : 43

    le Ven 2 Mar 2012 - 14:30

    Mici :)
    avatar
    TUC
    FémininAge : 29Messages : 103

    le Jeu 8 Mar 2012 - 13:06

    merci :)



    avatar
    CapriceK
    FémininAge : 25Messages : 254

    le Jeu 8 Mar 2012 - 14:30

    Merci de l'astuce!
    avatar
    la poulpe
    FémininAge : 25Messages : 21

    le Jeu 8 Mar 2012 - 23:43

    merci Very Happy
    avatar
    Midnigth
    MasculinAge : 21Messages : 61

    le Sam 10 Mar 2012 - 13:16

    merci xD
    avatar
    June-T.
    FémininAge : 18Messages : 6

    le Sam 10 Mar 2012 - 13:40

    Merci Pour le Tuto Very Happy
    avatar
    Makhroe
    MasculinAge : 27Messages : 143

    le Dim 18 Mar 2012 - 11:19

    Merci pour ce tutoriel !
    avatar
    expresso
    FémininAge : 24Messages : 4

    le Dim 25 Mar 2012 - 14:24

    merci beaucoup.
    avatar
    Médea
    FémininAge : 22Messages : 43

    le Mer 28 Mar 2012 - 14:14

    Merci °3° !!!
    avatar
    Emelka
    MasculinAge : 20Messages : 233

    le Mer 4 Avr 2012 - 22:21

    Meurci pour ce tutoriel !



    avatar
    Rin Nikky
    FémininAge : 18Messages : 37

    le Jeu 5 Avr 2012 - 23:07

    je veux voir =)
    avatar
    Erebe
    FémininAge : 23Messages : 25

    le Ven 6 Avr 2012 - 21:43

    Merciiiiiiii ! Very Happy
    avatar
    Sheelal
    MasculinAge : 24Messages : 30

    le Sam 7 Avr 2012 - 4:32

    merci



    avatar
    fraisy
    FémininAge : 22Messages : 37

    le Sam 7 Avr 2012 - 13:44

    merci
    avatar
    Silver Star
    MasculinAge : 20Messages : 43

    le Sam 7 Avr 2012 - 19:52

    Super ! merci pour l'astuce !
    avatar
    Invité

    le Jeu 12 Avr 2012 - 18:28

    Merci (:
    avatar
    Eunkyung
    FémininAge : 22Messages : 1099

    le Lun 23 Avr 2012 - 21:00

    Merci ! Je cherchais ce code XD



    avatar
    Aya Mana
    FémininAge : 22Messages : 5

    le Sam 28 Avr 2012 - 17:32

    merci
    avatar
    Titia
    FémininAge : 25Messages : 63

    le Dim 29 Avr 2012 - 10:45

    Merci justement je chercher comment faire j'espère que sa donnera ce que je souhaite.



    avatar
    Sandra2912
    FémininAge : 38Messages : 23

    le Lun 30 Avr 2012 - 23:19

    merci
    Contenu sponsorisé


      La date/heure actuelle est Sam 24 Juin 2017 - 17:38