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.

    Marie
    Marie
    FémininAge : 29Messages : 2206

    le Ven 25 Nov 2011 - 20:39


    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:
    Marie
    Marie
    FémininAge : 29Messages : 2206

    le Ven 25 Nov 2011 - 20:39

    Edit Responsable : Message supprimé parce que le tutoriel a changé.



    /

    Kit fait par Arpège. Merci! :love:
    Ninis
    Ninis
    FémininAge : 25Messages : 11

    le Sam 26 Nov 2011 - 16:17

    On va essayer ça!

    EDIT: ça ne donne rien... j' arrive vraiment a rien ... Crying or Very sad
    Vador
    Vador
    MasculinAge : 18Messages : 64

    le Sam 26 Nov 2011 - 17:16

    Merci
    Taktiik
    Taktiik
    MasculinAge : 24Messages : 2291

    le Sam 26 Nov 2011 - 17:57

    Aloha~~
    Merci pour ce tuto la miss Wink

    Cordialement~~
    Taktiik.

    Marie
    Marie
    FémininAge : 29Messages : 2206

    le Sam 26 Nov 2011 - 18:03

    @Ninis a écrit:On va essayer ça!

    EDIT: ça ne donne rien... j' arrive vraiment a rien ... Crying or Very sad

    Nini: Viens me montrer ton template. Je vais essayer de t'aider. :)


    De rien au plaisir! :)



    /

    Kit fait par Arpège. Merci! :love:
    Len111
    Len111
    MasculinAge : 22Messages : 98

    le Sam 26 Nov 2011 - 19:12

    Je voudrai bien le voir!! Sa m'interrèse!! et merci



    [template & CSS] Les coins arrondis des catégories, QEEL, etc. Len2c
    Ninis
    Ninis
    FémininAge : 25Messages : 11

    le Sam 26 Nov 2011 - 20:05

    Marie je peux pas te mp !
    Marie
    Marie
    FémininAge : 29Messages : 2206

    le Sam 26 Nov 2011 - 20:29

    Va flooder dans la section jeu ou va poster ta demande d'aide dans le codage, Nini. :)



    /

    Kit fait par Arpège. Merci! :love:
    Teddy75012
    Teddy75012
    MasculinAge : 27Messages : 10

    le Sam 26 Nov 2011 - 21:21

    Je poste pour voir a quoi sa ressemble en espérant que ça me sert ! Dans tout les cas, merci du partage
    PaSs
    PaSs
    FémininAge : 21Messages : 10

    le Mar 29 Nov 2011 - 7:00

    Merci, c'est un truc que je cherchais depuis un moment.



    [template & CSS] Les coins arrondis des catégories, QEEL, etc. Fp2u1j
    Marie
    Marie
    FémininAge : 29Messages : 2206

    le Mar 29 Nov 2011 - 7:05

    Au plaisir! Wink



    /

    Kit fait par Arpège. Merci! :love:
    Sacha Chan
    Sacha Chan
    FémininAge : 20Messages : 21

    le Sam 3 Déc 2011 - 10:23

    Moi aussi je veux bien essayer (:
    Merci
    Kanu
    Kanu
    FémininAge : 29Messages : 62

    le Sam 3 Déc 2011 - 20:07

    Merci ! (:
    Frangy
    Frangy
    FémininAge : 29Messages : 52

    le Dim 4 Déc 2011 - 3:45

    Thanks :)
    Ehlana
    Ehlana
    FémininAge : 30Messages : 43

    le Mar 6 Déc 2011 - 22:46

    Merci pour le tutoriel ! >_<
    Riss
    Riss
    FémininAge : 21Messages : 26

    le Mar 13 Déc 2011 - 20:38

    Merci :3
    Justiine
    Justiine
    FémininAge : 24Messages : 19

    le Mar 13 Déc 2011 - 20:40

    Merci d'avance Very Happy



    [template & CSS] Les coins arrondis des catégories, QEEL, etc. 345242banne
    MARLEY SMITH.
    MARLEY SMITH.
    FémininAge : 25Messages : 155

    le Sam 17 Déc 2011 - 11:54

      Je suis curieuse ham4
    Pomme d'amour
    Pomme d'amour
    FémininAge : 25Messages : 13

    le Sam 17 Déc 2011 - 20:59

    Je suis intéressée par cette astuce, merci pour le partage
    Ruby*
    Ruby*
    FémininAge : 27Messages : 24

    le Lun 26 Déc 2011 - 20:22

    Merci pour le tuto :'D
    Vii'
    Vii'
    FémininAge : 21Messages : 16

    le Jeu 29 Déc 2011 - 20:37

    J'aimerais essayer, s'iou plait ! :)
    Artémis
    Artémis
    FémininAge : 27Messages : 125

    le Jeu 12 Jan 2012 - 21:13

    merci ^^



    merci Fair' <3
    [template & CSS] Les coins arrondis des catégories, QEEL, etc. 09061504151397149
    titou9322
    titou9322
    MasculinAge : 23Messages : 158

    le Ven 13 Jan 2012 - 8:01

    merci
    CuBz
    CuBz
    MasculinAge : 29Messages : 27

    le Dim 15 Jan 2012 - 16:58

    Merci Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Jeu 20 Juin 2019 - 10:15