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
    En ligne
    Marie
    FémininAge : 27Messages : 2151

    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 fait par Arpège. Merci! :love:
    Reiõ
    MasculinAge : 23Messages : 198

    le Lun 20 Fév 2012 - 15:13

    Merci Wink
    Asriel
    FémininAge : 21Messages : 112

    le Lun 20 Fév 2012 - 16:07

    Merci pour le tutoriel !



    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
    Coralia
    FémininAge : 17Messages : 64

    le Ven 24 Fév 2012 - 16:07

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

    le Dim 26 Fév 2012 - 3:00

    merci
    Panthémore
    MasculinAge : 25Messages : 43

    le Ven 2 Mar 2012 - 14:30

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

    le Jeu 8 Mar 2012 - 13:06

    merci :)



    CapriceK
    FémininAge : 25Messages : 254

    le Jeu 8 Mar 2012 - 14:30

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

    le Jeu 8 Mar 2012 - 23:43

    merci Very Happy
    Midnigth
    MasculinAge : 21Messages : 61

    le Sam 10 Mar 2012 - 13:16

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

    le Sam 10 Mar 2012 - 13:40

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

    le Dim 18 Mar 2012 - 11:19

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

    le Dim 25 Mar 2012 - 14:24

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

    le Mer 28 Mar 2012 - 14:14

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

    le Mer 4 Avr 2012 - 22:21

    Meurci pour ce tutoriel !



    Rin Nikky
    FémininAge : 17Messages : 37

    le Jeu 5 Avr 2012 - 23:07

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

    le Ven 6 Avr 2012 - 21:43

    Merciiiiiiii ! Very Happy
    Sheelal
    MasculinAge : 24Messages : 30

    le Sam 7 Avr 2012 - 4:32

    merci



    fraisy
    FémininAge : 22Messages : 37

    le Sam 7 Avr 2012 - 13:44

    merci
    Silver Star
    MasculinAge : 20Messages : 43

    le Sam 7 Avr 2012 - 19:52

    Super ! merci pour l'astuce !
    Invité

    le Jeu 12 Avr 2012 - 18:28

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

    le Lun 23 Avr 2012 - 21:00

    Merci ! Je cherchais ce code XD



    Aya Mana
    FémininAge : 21Messages : 5

    le Sam 28 Avr 2012 - 17:32

    merci
    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.



    Sandra2912
    FémininAge : 38Messages : 23

    le Lun 30 Avr 2012 - 23:19

    merci
    Contenu sponsorisé


      La date/heure actuelle est Sam 25 Fév 2017 - 19:05