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 - 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 - 8:24, édité 3 fois




    Kit Par Sébastien. Merci beaucoup!
    Reiõ
    MasculinAge : 23Messages : 193

    le Lun 20 Fév - 15:13

    Merci Wink
    Asriel
    FémininAge : 21Messages : 112

    le Lun 20 Fév - 16:07

    Merci pour le tutoriel !



    XxX-Dieu-XxX
    MasculinAge : 23Messages : 26

    le Lun 20 Fév - 20:00

    Post

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

    le Ven 24 Fév - 16:07

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

    le Dim 26 Fév - 3:00

    merci
    Panthémore
    MasculinAge : 24Messages : 43

    le Ven 2 Mar - 14:30

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

    le Jeu 8 Mar - 13:06

    merci :)



    CapriceK
    FémininAge : 25Messages : 254

    le Jeu 8 Mar - 14:30

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

    le Jeu 8 Mar - 23:43

    merci Very Happy
    Midnigth
    MasculinAge : 21Messages : 61

    le Sam 10 Mar - 13:16

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

    le Sam 10 Mar - 13:40

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

    le Dim 18 Mar - 11:19

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

    le Dim 25 Mar - 14:24

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

    le Mer 28 Mar - 14:14

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

    le Mer 4 Avr - 22:21

    Meurci pour ce tutoriel !



    Rin Nikky
    FémininAge : 17Messages : 37

    le Jeu 5 Avr - 23:07

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

    le Ven 6 Avr - 21:43

    Merciiiiiiii ! Very Happy
    Sheelal
    MasculinAge : 24Messages : 30

    le Sam 7 Avr - 4:32

    merci



    fraisy
    FémininAge : 21Messages : 37

    le Sam 7 Avr - 13:44

    merci
    Silver Star
    MasculinAge : 20Messages : 43

    le Sam 7 Avr - 19:52

    Super ! merci pour l'astuce !
    Invité

    le Jeu 12 Avr - 18:28

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

    le Lun 23 Avr - 21:00

    Merci ! Je cherchais ce code XD



    Aya Mana
    FémininAge : 21Messages : 5

    le Sam 28 Avr - 17:32

    merci
    Titia
    FémininAge : 25Messages : 58

    le Dim 29 Avr - 10:45

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



    Sandra2912
    FémininAge : 37Messages : 23

    le Lun 30 Avr - 23:19

    merci
    Contenu sponsorisé

    Aujourd'hui à 21:23


      La date/heure actuelle est Dim 4 Déc - 21:23