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 : 28Messages : 2206

    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
    Luna.
    FémininAge : 20Messages : 34

    le Mer 1 Aoû 2012 - 10:34

    Hâte d'essayer ça, merci beaucoup !
    avatar
    Hope*
    FémininAge : 22Messages : 10

    le Jeu 2 Aoû 2012 - 16:12

    merci :)
    avatar
    Maya Seiko
    FémininAge : 24Messages : 121

    le Ven 3 Aoû 2012 - 10:18

    Merci
    avatar
    Nesis
    FémininAge : 20Messages : 63

    le Ven 3 Aoû 2012 - 11:59

    Je veux voir ~



    avatar
    Invité

    le Sam 4 Aoû 2012 - 21:43

    merci
    avatar
    Slown
    FémininAge : 22Messages : 61

    le Dim 5 Aoû 2012 - 20:03

    Merci !
    avatar
    Suikoshi
    MasculinAge : 22Messages : 8

    le Jeu 9 Aoû 2012 - 19:56

    merci =)
    avatar
    Doalgaz
    MasculinAge : 20Messages : 8

    le Ven 10 Aoû 2012 - 15:22

    Merci =D



    avatar
    Nyan-cat
    FémininAge : 19Messages : 326

    le Sam 11 Aoû 2012 - 11:26

    merci :3



    avatar
    shibari
    MasculinAge : 22Messages : 277

    le Mar 14 Aoû 2012 - 0:15

    tks





    Merci Dakota pour ce kit.
    avatar
    Malizia.
    FémininAge : 21Messages : 90

    le Sam 18 Aoû 2012 - 6:15

    Thanks. *o*
    avatar
    wild child.
    FémininAge : 26Messages : 4

    le Dim 19 Aoû 2012 - 19:33

    Je vais essayer ça :love: merci du partage!!
    avatar
    choupinette65
    FémininAge : 31Messages : 18

    le Jeu 23 Aoû 2012 - 1:00

    Very Happy merci



    avatar
    X-Miiss-X
    FémininAge : 18Messages : 12

    le Jeu 23 Aoû 2012 - 19:20

    Merci *-*
    avatar
    picka230
    FémininAge : 52Messages : 93

    le Mar 28 Aoû 2012 - 9:24

    merci Very Happy
    avatar
    Invité

    le Ven 31 Aoû 2012 - 17:34

    Merci
    avatar
    x-carrie-x
    FémininAge : 26Messages : 26

    le Sam 1 Sep 2012 - 15:15

    Merci (=

    Ca faisait un moment que je cherchais à le faire !



    avatar
    Cocaïne
    FémininAge : 26Messages : 8

    le Jeu 6 Sep 2012 - 16:39

    Merci pour ce tuto
    avatar
    Romoune
    MasculinAge : 27Messages : 9

    le Mer 12 Sep 2012 - 18:15

    mici beaucoup
    avatar
    kyomy.mori
    MasculinAge : 24Messages : 5

    le Sam 22 Sep 2012 - 18:00

    Merci
    avatar
    Tweety
    FémininAge : 24Messages : 48

    le Dim 30 Sep 2012 - 17:24

    Merci pour ce tuto :)
    DarkNemi
    FémininAge : 25Messages : 17

    le Mer 3 Oct 2012 - 22:33

    Merci beaucoup <3
    avatar
    LickingBoot
    FémininAge : 18Messages : 499

    le Lun 8 Oct 2012 - 22:01


        MOuhahahah c'est beau merci



    avatar
    Okami
    FémininAge : 23Messages : 620

    le Ven 19 Oct 2012 - 17:09

    merci !




    x°Okami°x
    crée par => Okami
    avatar
    Mimi-Haine
    FémininAge : 18Messages : 32

    le Ven 19 Oct 2012 - 17:42

    MERCHIII ♥ *-*



    Contenu sponsorisé


      La date/heure actuelle est Mar 21 Nov 2017 - 14:51