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
    ioulou
    MasculinAge : 22Messages : 20

    le Dim 15 Jan 2012 - 17:11

    A voir
    avatar
    Valar Morghulis
    MasculinAge : 22Messages : 872

    le Dim 15 Jan 2012 - 17:29

    Super sympa merci Very Happy



    avatar
    fregadeth
    MasculinAge : 40Messages : 80

    le Mer 18 Jan 2012 - 10:32

    Merci
    avatar
    Ratatouille
    FémininAge : 23Messages : 26

    le Jeu 19 Jan 2012 - 7:26

    merci
    avatar
    aurelia34
    FémininAge : 48Messages : 12

    le Jeu 19 Jan 2012 - 21:24

    merci
    avatar
    Meltoriel
    FémininAge : 21Messages : 30

    le Ven 20 Jan 2012 - 20:53

    merchi
    avatar
    Elea.
    FémininAge : 26Messages : 4

    le Sam 21 Jan 2012 - 16:28

    Merci Marie ♥
    avatar
    greg27
    MasculinAge : 44Messages : 14

    le Sam 21 Jan 2012 - 19:25

    hello ,merci
    avatar
    Simpsondu59
    MasculinAge : 22Messages : 36

    le Sam 21 Jan 2012 - 23:56

    Je tente, même si j'ai des fonds de catégories :s Merci !
    avatar
    TSO
    MasculinAge : 26Messages : 11

    le Lun 23 Jan 2012 - 21:31

    Merci :)
    avatar
    darkhero246
    MasculinAge : 24Messages : 177

    le Mer 25 Jan 2012 - 22:24

    Merci pour le tuto' Very Happy
    avatar
    Saia
    FémininAge : 22Messages : 182

    le Dim 29 Jan 2012 - 6:38

    merci



    avatar
    CathyCréation
    FémininAge : 37Messages : 207

    le Dim 29 Jan 2012 - 14:41

    mezrci
    avatar
    Tsumei
    MasculinAge : 26Messages : 116

    le Dim 29 Jan 2012 - 16:23

    merci !
    avatar
    Ethiath
    MasculinAge : 19Messages : 23

    le Dim 29 Jan 2012 - 21:52

    Je veux voir please '-'



    avatar
    an@
    FémininAge : 29Messages : 24

    le Mer 1 Fév 2012 - 21:46

    Merci :)
    avatar
    titou9322
    MasculinAge : 21Messages : 158

    le Jeu 2 Fév 2012 - 22:22

    Bonjour bravo pour ton code et merci

    mais moi sa ne marche pas.

    enfin sa ne fais pas de bordur sa arondis juste et pas tout les tables d'un coups mais une part une.

    edit : j'ai enlever tout mon css pour voir si c'etait un truc dans mon css qui fesait foirée et sa fais la meme chose
    avatar
    Marie
    FémininAge : 27Messages : 2203

    le Jeu 2 Fév 2012 - 22:42

    Tu est sous forumactif?



    /

    Kit fait par Arpège. Merci! :love:
    avatar
    titou9322
    MasculinAge : 21Messages : 158

    le Jeu 2 Fév 2012 - 22:46

    Oui
    avatar
    Invité

    le Lun 6 Fév 2012 - 13:54

    Meci !
    avatar
    Romane
    FémininAge : 22Messages : 17

    le Jeu 9 Fév 2012 - 21:28

    Merci Very Happy
    avatar
    Vorn
    MasculinAge : 20Messages : 2342

    le Ven 10 Fév 2012 - 19:37

    Merci ^^



    avatar
    phinolex
    MasculinAge : 17Messages : 63

    le Sam 18 Fév 2012 - 13:02

    merci
    avatar
    Burn'
    MasculinAge : 22Messages : 42

    le Dim 19 Fév 2012 - 1:12

    Depuis le temps que je le cherche.. Merci !
    avatar
    Matris
    MasculinAge : 17Messages : 58

    le Lun 20 Fév 2012 - 1:02

    J'veux voir ! Merci !



    Contenu sponsorisé


      La date/heure actuelle est Lun 29 Mai 2017 - 7:49