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 à ne pas rater :
Cartes Pokémon EV6.5 : où trouver le Bundle Lot 6 Boosters Fable ...
Voir le deal

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

    Marie
    Marie
    FémininAge : 34Messages : 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:
    Reiõ
    Reiõ
    MasculinAge : 30Messages : 206

    Lun 20 Fév 2012 - 15:13

    Merci Wink
    Asriel
    Asriel
    FémininAge : 28Messages : 134

    Lun 20 Fév 2012 - 16:07

    Merci pour le tutoriel !



    auteur_Onyx - [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 3 Fullmetal-alchemist
    XxX-Dieu-XxX
    XxX-Dieu-XxX
    MasculinAge : 30Messages : 26

    Lun 20 Fév 2012 - 20:00

    Post

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

    Ven 24 Fév 2012 - 16:07

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

    Dim 26 Fév 2012 - 3:00

    merci
    Panthémore
    Panthémore
    MasculinAge : 32Messages : 43

    Ven 2 Mar 2012 - 14:30

    Mici :)
    TUC
    TUC
    FémininAge : 36Messages : 103

    Jeu 8 Mar 2012 - 13:06

    merci :)



    auteur_Onyx - [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 3 Tumblr_msx9fygOsJ1qlujrso1_250 auteur_Onyx - [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 3 Tumblr_msx9fygOsJ1qlujrso2_250 auteur_Onyx - [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 3 Tumblr_msx9fygOsJ1qlujrso3_250 auteur_Onyx - [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 3 Tumblr_msx9fygOsJ1qlujrso4_250
    CapriceK
    CapriceK
    FémininAge : 32Messages : 254

    Jeu 8 Mar 2012 - 14:30

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

    Jeu 8 Mar 2012 - 23:43

    merci Very Happy
    Midnigth
    Midnigth
    MasculinAge : 28Messages : 61

    Sam 10 Mar 2012 - 13:16

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

    Sam 10 Mar 2012 - 13:40

    Merci Pour le Tuto Very Happy
    Makhroe
    Makhroe
    MasculinAge : 34Messages : 143

    Dim 18 Mar 2012 - 11:19

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

    Dim 25 Mar 2012 - 14:24

    merci beaucoup.
    Médea
    Médea
    FémininAge : 29Messages : 43

    Mer 28 Mar 2012 - 14:14

    Merci °3° !!!
    Emelka
    Emelka
    MasculinAge : 27Messages : 233

    Mer 4 Avr 2012 - 22:21

    Meurci pour ce tutoriel !



    auteur_Onyx - [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 3 533538voilivoilou
    Rin Nikky
    Rin Nikky
    FémininAge : 25Messages : 37

    Jeu 5 Avr 2012 - 23:07

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

    Ven 6 Avr 2012 - 21:43

    Merciiiiiiii ! Very Happy
    Sheelal
    Sheelal
    MasculinAge : 31Messages : 30

    Sam 7 Avr 2012 - 4:32

    merci



    auteur_Onyx - [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 3 Sheela17
    fraisy
    fraisy
    FémininAge : 29Messages : 37

    Sam 7 Avr 2012 - 13:44

    merci
    Silver Star
    Silver Star
    MasculinAge : 27Messages : 43

    Sam 7 Avr 2012 - 19:52

    Super ! merci pour l'astuce !
    Anonymous
    Invité

    Jeu 12 Avr 2012 - 18:28

    Merci (:
    Eunkyung
    Eunkyung
    FémininAge : 29Messages : 1099

    Lun 23 Avr 2012 - 21:00

    Merci ! Je cherchais ce code XD



    auteur_Onyx - [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 3 GWvuU22
    Aya Mana
    Aya Mana
    FémininAge : 29Messages : 5

    Sam 28 Avr 2012 - 17:32

    merci
    Titia
    Titia
    FémininAge : 32Messages : 63

    Dim 29 Avr 2012 - 10:45

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



    auteur_Onyx - [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 3 Pica1ctmp
    Sandra2912
    Sandra2912
    FémininAge : 45Messages : 23

    Lun 30 Avr 2012 - 23:19

    merci
    Contenu sponsorisé


      La date/heure actuelle est Dim 19 Mai 2024 - 1:52