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!
    Théandras
    FémininAge : 16Messages : 25

    le Jeu 1 Mai 2014 - 19:15

    Merci !!!
    Oce.
    FémininAge : 16Messages : 46

    le Ven 2 Mai 2014 - 16:06

    Merci !!



    Selwyn
    MasculinAge : 20Messages : 72

    le Ven 2 Mai 2014 - 18:06

    Merci !
    GEnterZ
    MasculinAge : 18Messages : 61

    le Ven 2 Mai 2014 - 19:28

    Merci.
    ass kicker
    FémininAge : 21Messages : 76

    le Mar 6 Mai 2014 - 2:15

    je m'énervais dessus justement ! merci beaucoup !



      see you again
      No matter where you are, whether you’re a quarter mile away, or half way around the world … you’ll always be with me. You’ll always be my brother.©endlesslove
    Neko-Rika
    FémininAge : 18Messages : 115

    le Jeu 8 Mai 2014 - 8:45

    Merci. o/
    Mitsuomi73
    MasculinAge : 24Messages : 41

    le Jeu 8 Mai 2014 - 13:43

    Merci beaucoup :)
    Mircalla
    FémininAge : 23Messages : 17

    le Lun 30 Juin 2014 - 12:04

    Merci !
    Lusso
    MasculinAge : 19Messages : 36

    le Jeu 3 Juil 2014 - 17:19

    Le nombre d'heure a cherché ce truc *_*
    Petit Harfang
    FémininAge : 16Messages : 78

    le Lun 14 Juil 2014 - 15:21

    Merci :3
    Kikton
    MasculinAge : 20Messages : 28

    le Mar 5 Aoû 2014 - 19:03

    merci
    Invité

    le Mar 12 Aoû 2014 - 11:34

    merci Wink
    Arpège
    FémininAge : 18Messages : 68

    le Ven 15 Aoû 2014 - 18:02

    Zenkyou




    Kau
    FémininAge : 14Messages : 148

    le Ven 15 Aoû 2014 - 22:37

    Merci
    picka234
    Age : 51Messages : 415

    le Ven 19 Sep 2014 - 16:45

    merci
    SooJaeHee
    FémininAge : 21Messages : 50

    le Lun 22 Sep 2014 - 2:59

    Merci :)
    Draly
    FémininAge : 24Messages : 80

    le Ven 10 Oct 2014 - 13:06

    Merci beaucoup.:)
    SweetGumiho
    FémininAge : 26Messages : 121

    le Lun 13 Oct 2014 - 8:02

    Je suis curieuse de voir l'effet que cela donnera. Merci.




    미쳐버리지 않으려면 때때로 미친 짓을 조금씩 해 주어야만 한다.
    — On doit faire des choses folles parfois pour éviter de devenir complètement cinglé.
    Kinjiro
    MasculinAge : 17Messages : 80

    le Ven 14 Nov 2014 - 16:37

    .



    Kimberlay *
    FémininAge : 26Messages : 158

    le Lun 2 Fév 2015 - 11:35

    merci beaucoup ! :)
    fraumali
    FémininAge : 36Messages : 106

    le Dim 22 Fév 2015 - 16:54

    Merci de ce partage Very Happy
    pimslady
    FémininAge : 27Messages : 69

    le Dim 26 Avr 2015 - 18:28

    parfait!! merci
    Necrolythia
    FémininAge : 29Messages : 305

    le Jeu 3 Mar 2016 - 11:40

    merci



    Kelalin
    FémininAge : 24Messages : 1403

    le Jeu 3 Mar 2016 - 17:37

    Merci pour le partage !
    NyoTheNeko
    FémininAge : 22Messages : 5018

    le Sam 5 Mar 2016 - 11:06

    Les images ne sont plus visibles, il faut les réhéberger.

       
    Merci de ne pas poster à la suite pour que les correcteurs puissent voir ce message.

    De plus ce LS étant à corriger, cela peut impliquer qu'il ne fonctionne plus ou mal, il n'est donc pas dans votre intérêt de l'utiliser ou poster des remerciements.



    Contenu sponsorisé

    Aujourd'hui à 13:30


      La date/heure actuelle est Lun 5 Déc 2016 - 13:30