AccueilDernières imagesRechercherS'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.

    Marie
    Marie
    FémininAge : 35Messages : 2206

    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:
    Allison01
    Allison01
    FémininAge : 40Messages : 225

    Dim 19 Jan 2014 - 12:59

    merci ^^
    Tameless+
    Tameless+
    FémininAge : 27Messages : 252

    Sam 25 Jan 2014 - 1:03

    Merci ! ça vas super bien aller avec mon forum !



    [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 12 LwrfNGA
    Otulissa
    Otulissa
    FémininAge : 27Messages : 24

    Dim 26 Jan 2014 - 11:32

    Super ! Merci pur l'astuce :)
    Tropik
    Tropik
    MasculinAge : 30Messages : 58

    Jeu 30 Jan 2014 - 0:23

    Thanks




    lovedesign

    Pollux
    Pollux
    FémininAge : 34Messages : 99

    Mer 5 Fév 2014 - 15:39

    Merci
    MinahBuffyDixon
    MinahBuffyDixon
    FémininAge : 36Messages : 41

    Ven 7 Fév 2014 - 17:38

    Merci.



    [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 12 Wolf10
    avatar
    Nal Souclade
    MasculinAge : 25Messages : 167

    Ven 7 Fév 2014 - 19:37

    Super ! Merci !
    Alys19
    Alys19
    FémininAge : 34Messages : 59

    Lun 10 Fév 2014 - 1:26

    Merci!!! Razz
    Souky Mitsu
    Souky Mitsu
    FémininAge : 34Messages : 124

    Dim 16 Fév 2014 - 21:55

    Merci pour le tutoriel ! =)
    melimêlo
    melimêlo
    FémininAge : 32Messages : 25

    Jeu 27 Fév 2014 - 12:31

    Je souhaite faire des coins arrondis. Je te remercie donc pour ta méthode ^^
    melimêlo
    melimêlo
    FémininAge : 32Messages : 25

    Jeu 27 Fév 2014 - 12:50

    Ce tuto a marché sans problème chez moi. J'ai bien les titres des "parties" qui sont en "arrondis", même le côté : "sujet", "messages", et le QUEEL, bien entendu. C'est vraiment joli. Merci à toi, je te crédite :p
    Gangea971
    Gangea971
    MasculinAge : 31Messages : 87

    Jeu 27 Fév 2014 - 13:03

    Mreci de ce partage :)
    Raween
    Raween
    FémininAge : 32Messages : 112

    Jeu 6 Mar 2014 - 3:41

    Merci ^^
    Thorn
    Thorn
    MasculinAge : 23Messages : 432

    Jeu 6 Mar 2014 - 16:48

    Merci !^^



    [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 12 Kryr
    avatar
    Corinette
    FémininAge : 28Messages : 7

    Jeu 6 Mar 2014 - 21:46

    merci Very Happy
    meolyne
    meolyne
    FémininAge : 40Messages : 74

    Ven 7 Mar 2014 - 12:36

    Merci à vous !
    Everniss
    Everniss
    FémininAge : 27Messages : 19

    Sam 8 Mar 2014 - 1:05

    Merci bien ♥.
    Ilfasidrel
    Ilfasidrel
    FémininAge : 26Messages : 36

    Mer 26 Mar 2014 - 20:49

    Merci!
    M.T
    M.T
    FémininAge : 35Messages : 53

    Jeu 27 Mar 2014 - 15:15

    Merci!
    Ivy
    Ivy
    FémininAge : 28Messages : 45

    Sam 29 Mar 2014 - 17:58

    Merci
    Svenn Edwald
    Svenn Edwald
    FémininAge : 32Messages : 13

    Lun 7 Avr 2014 - 22:56

    merciii ^^
    ryry0013
    ryry0013
    FémininAge : 30Messages : 143

    Ven 11 Avr 2014 - 1:11

    Merci
    missvodkadems
    missvodkadems
    FémininAge : 34Messages : 114

    Mer 16 Avr 2014 - 22:39

    mercii



    [template & CSS] Les coins arrondis des catégories, QEEL, etc. - Page 12 Pub10
    Florian Takiya
    Florian Takiya
    MasculinAge : 29Messages : 65

    Ven 18 Avr 2014 - 20:14

    test merci
    annick853
    annick853
    Age : 43Messages : 8

    Mer 30 Avr 2014 - 10:33

    merci
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 13:07