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 : 27Messages : 2203

    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
    Archeos
    FémininAge : 20Messages : 60

    le Sam 12 Oct 2013 - 10:32

    J'aime, merci.



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

    le Dim 13 Oct 2013 - 23:30

    Merci =)
    avatar
    teck
    MasculinAge : 25Messages : 63

    le Lun 14 Oct 2013 - 13:30

    merci



    avatar
    Mayiie
    FémininAge : 26Messages : 38

    le Mer 16 Oct 2013 - 15:27

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

    le Jeu 17 Oct 2013 - 20:47

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

    le Ven 18 Oct 2013 - 16:36

    Merci !



    avatar
    Clarisse
    FémininAge : 17Messages : 3933

    le Ven 18 Oct 2013 - 19:27

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

    le Sam 19 Oct 2013 - 14:55

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

    le Lun 21 Oct 2013 - 12:12

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

    le Ven 25 Oct 2013 - 21:12

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

    le Mar 19 Nov 2013 - 14:47

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

    le Dim 24 Nov 2013 - 17:25

    mercimerci
    avatar
    Arfgang
    MasculinAge : 26Messages : 58

    le Lun 25 Nov 2013 - 23:07

    Merci à toi, je vais essayer de suite



    avatar
    Linksys
    MasculinAge : 19Messages : 17

    le Jeu 28 Nov 2013 - 1:25

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

    le Mar 3 Déc 2013 - 23:04

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

    le Mer 4 Déc 2013 - 23:20

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

    le Dim 8 Déc 2013 - 6:22

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

    le Lun 16 Déc 2013 - 18:48

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

    le Mar 17 Déc 2013 - 15:19

    Merci :)
    avatar
    memoriam
    FémininAge : 24Messages : 69

    le Mar 17 Déc 2013 - 21:01

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

    le Mer 18 Déc 2013 - 17:42

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

    le Jeu 19 Déc 2013 - 5:25

    Merci beaucoup!



    avatar
    Zerokrush
    MasculinAge : 19Messages : 17

    le Jeu 26 Déc 2013 - 17:47

    Merci :)



    avatar
    Neymar
    MasculinAge : 18Messages : 138

    le Mar 7 Jan 2014 - 23:16

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

    le Dim 19 Jan 2014 - 12:20

    Merci :)
    Contenu sponsorisé


      La date/heure actuelle est Mar 23 Mai 2017 - 6:56