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



    /

    Kit fait par Arpège. Merci! :love:
    avatar
    Archeos
    FémininAge : 20Messages : 60

    le Sam 12 Oct - 4:32

    J'aime, merci.



    avatar
    Jay-89
    FémininAge : 28Messages : 83

    le Dim 13 Oct - 17:30

    Merci =)
    avatar
    teck
    MasculinAge : 26Messages : 63

    le Lun 14 Oct - 7:30

    merci



    avatar
    Mayiie
    FémininAge : 26Messages : 38

    le Mer 16 Oct - 9:27

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

    le Jeu 17 Oct - 14:47

    Merci !
    avatar
    Mayako
    FémininAge : 16Messages : 12

    le Ven 18 Oct - 10:36

    Merci !



    avatar
    Clarisse
    FémininAge : 17Messages : 3934

    le Ven 18 Oct - 13:27

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

    le Sam 19 Oct - 8:55

    Merci! =)
    avatar
    le_bn
    MasculinAge : 24Messages : 7

    le Lun 21 Oct - 6:12

    Merci Wink
    avatar
    Neycha
    FémininAge : 23Messages : 58

    le Ven 25 Oct - 15:12

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

    le Mar 19 Nov - 9:47

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

    le Dim 24 Nov - 12:25

    mercimerci
    avatar
    Arfgang
    MasculinAge : 26Messages : 59

    le Lun 25 Nov - 18:07

    Merci à toi, je vais essayer de suite



    avatar
    Linksys
    MasculinAge : 19Messages : 17

    le Mer 27 Nov - 20:25

    Merci :)
    avatar
    Maiie
    FémininAge : 27Messages : 55

    le Mar 3 Déc - 18:04

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

    le Mer 4 Déc - 18:20

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

    le Dim 8 Déc - 1:22

    on va essayer
    avatar
    Plume'
    FémininAge : 19Messages : 166

    le Lun 16 Déc - 13:48

    Merci !
    avatar
    Shany
    FémininAge : 32Messages : 59

    le Mar 17 Déc - 10:19

    Merci :)
    avatar
    memoriam
    FémininAge : 25Messages : 71

    le Mar 17 Déc - 16:01

    merci! : )
    avatar
    Zhulan
    FémininAge : 19Messages : 25

    le Mer 18 Déc - 12:42

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

    le Jeu 19 Déc - 0:25

    Merci beaucoup!



    avatar
    Zerokrush
    MasculinAge : 19Messages : 17

    le Jeu 26 Déc - 12:47

    Merci :)



    avatar
    Neymar
    MasculinAge : 19Messages : 138

    le Mar 7 Jan - 18:16

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

    le Dim 19 Jan - 7:20

    Merci :)
    Contenu sponsorisé


      La date/heure actuelle est Lun 21 Aoû - 6:27