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 : 2150

    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 fait par Arpège. Merci! :love:
    Archeos
    FémininAge : 20Messages : 60

    le Sam 12 Oct - 10:32

    J'aime, merci.



    Jay-89
    FémininAge : 28Messages : 82

    le Dim 13 Oct - 23:30

    Merci =)
    teck
    MasculinAge : 25Messages : 63

    le Lun 14 Oct - 13:30

    merci



    Mayiie
    FémininAge : 26Messages : 37

    le Mer 16 Oct - 15:27

    Merci ! :)
    Piinkyuu
    FémininAge : 22Messages : 27

    le Jeu 17 Oct - 20:47

    Merci !
    Mayako
    FémininAge : 16Messages : 12

    le Ven 18 Oct - 16:36

    Merci !



    Clarisse
    FémininAge : 17Messages : 3931

    le Ven 18 Oct - 19:27

    Merci pour le code! :)
    Miss Kiba
    FémininAge : 23Messages : 38

    le Sam 19 Oct - 14:55

    Merci! =)
    le_bn
    MasculinAge : 24Messages : 7

    le Lun 21 Oct - 12:12

    Merci Wink
    Neycha
    FémininAge : 23Messages : 58

    le Ven 25 Oct - 21:12

    Merci d'avance !
    Asunie
    FémininAge : 25Messages : 68

    le Mar 19 Nov - 14:47

    Merci !
    Zooé
    FémininAge : 19Messages : 66

    le Dim 24 Nov - 17:25

    mercimerci
    Arfgang
    MasculinAge : 25Messages : 57

    le Lun 25 Nov - 23:07

    Merci à toi, je vais essayer de suite



    Linksys
    MasculinAge : 18Messages : 17

    le Jeu 28 Nov - 1:25

    Merci :)
    Maiie
    FémininAge : 26Messages : 53

    le Mar 3 Déc - 23:04

    Merci pour ce tuto, c'est apprécié :)
    Kitsuki
    FémininAge : 17Messages : 20

    le Mer 4 Déc - 23:20

    Wow :3 Je veux voireuuh ! Merci.
    Seth Ivanoff
    MasculinAge : 26Messages : 8

    le Dim 8 Déc - 6:22

    on va essayer
    Plume'
    FémininAge : 18Messages : 166

    le Lun 16 Déc - 18:48

    Merci !
    Shany
    FémininAge : 32Messages : 58

    le Mar 17 Déc - 15:19

    Merci :)
    memoriam
    FémininAge : 24Messages : 56

    le Mar 17 Déc - 21:01

    merci! : )
    Zhulan
    FémininAge : 18Messages : 25

    le Mer 18 Déc - 17:42

    Merci pour ce tuto *-*
    Tsuki Matsu
    FémininAge : 23Messages : 64

    le Jeu 19 Déc - 5:25

    Merci beaucoup!



    Zerokrush
    MasculinAge : 19Messages : 17

    le Jeu 26 Déc - 17:47

    Merci :)



    Neymar
    MasculinAge : 18Messages : 138

    le Mar 7 Jan - 23:16

    Merci du Partage ~
    Flower_*
    FémininAge : 22Messages : 557

    le Dim 19 Jan - 12:20

    Merci :)
    Contenu sponsorisé


      La date/heure actuelle est Sam 25 Fév - 17:06