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

    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




    Kit Par Sébastien. Merci beaucoup!
    Marion Navi
    FémininAge : 22Messages : 160

    le Dim 27 Mar 2016 - 22:02

    merci
    marie-noelle
    FémininAge : 59Messages : 87

    le Ven 13 Mai 2016 - 1:55

    merci
    Jessabelle
    FémininAge : 22Messages : 95

    le Sam 23 Juil 2016 - 7:32

    Merci pour le tuto =D
    Astrid Hofferson
    FémininAge : 21Messages : 18

    le Mer 31 Aoû 2016 - 19:42

    merci
    Seano'k
    MasculinAge : 20Messages : 20

    le Sam 15 Oct 2016 - 16:41

    Je teste !
    Onyx
    FémininAge : 23Messages : 2614

    le Dim 16 Oct 2016 - 0:21

    Salut!

    Le tutoriel n'était plus à jour par rapport aux templates et à la manière de faire, il a été remplacé de A à Z. Je l'ai vérifié et je le transfère maintenant dans le Libre Service, gâtez-vous Razz



    Contenu sponsorisé

    Aujourd'hui à 11:47


      La date/heure actuelle est Sam 10 Déc 2016 - 11:47