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

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

    le Sam 12 Oct 2013 - 10:32

    J'aime, merci.



    Jay-89
    FémininAge : 28Messages : 82

    le Dim 13 Oct 2013 - 23:30

    Merci =)
    teck
    MasculinAge : 25Messages : 63

    le Lun 14 Oct 2013 - 13:30

    merci



    Mayiie
    FémininAge : 26Messages : 37

    le Mer 16 Oct 2013 - 15:27

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

    le Jeu 17 Oct 2013 - 20:47

    Merci !
    Mayako
    FémininAge : 16Messages : 12

    le Ven 18 Oct 2013 - 16:36

    Merci !



    Clarisse
    FémininAge : 16Messages : 3931

    le Ven 18 Oct 2013 - 19:27

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

    le Sam 19 Oct 2013 - 14:55

    Merci! =)
    le_bn
    MasculinAge : 23Messages : 7

    le Lun 21 Oct 2013 - 12:12

    Merci Wink
    Neycha
    FémininAge : 23Messages : 58

    le Ven 25 Oct 2013 - 21:12

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

    le Mar 19 Nov 2013 - 14:47

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

    le Dim 24 Nov 2013 - 17:25

    mercimerci
    Arfgang
    MasculinAge : 25Messages : 57

    le Lun 25 Nov 2013 - 23:07

    Merci à toi, je vais essayer de suite



    Linksys
    MasculinAge : 18Messages : 17

    le Jeu 28 Nov 2013 - 1:25

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

    le Mar 3 Déc 2013 - 23:04

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

    le Mer 4 Déc 2013 - 23:20

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

    le Dim 8 Déc 2013 - 6:22

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

    le Lun 16 Déc 2013 - 18:48

    Merci !
    Shany
    FémininAge : 32Messages : 58

    le Mar 17 Déc 2013 - 15:19

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

    le Mar 17 Déc 2013 - 21:01

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

    le Mer 18 Déc 2013 - 17:42

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

    le Jeu 19 Déc 2013 - 5:25

    Merci beaucoup!



    Zerokrush
    MasculinAge : 19Messages : 17

    le Jeu 26 Déc 2013 - 17:47

    Merci :)



    Neymar
    MasculinAge : 18Messages : 135

    le Mar 7 Jan 2014 - 23:16

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

    le Dim 19 Jan 2014 - 12:20

    Merci :)
    Contenu sponsorisé

    Aujourd'hui à 16:28


      La date/heure actuelle est Sam 21 Jan 2017 - 16:28