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


    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
    Marie
    FémininAge : 27Messages : 2203

    le Ven 25 Nov 2011 - 20:39

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



    /

    Kit fait par Arpège. Merci! :love:
    avatar
    Ninis
    FémininAge : 23Messages : 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
    avatar
    Vador
    MasculinAge : 16Messages : 63

    le Sam 26 Nov 2011 - 17:16

    Merci
    avatar
    Taktiik
    MasculinAge : 22Messages : 2291

    le Sam 26 Nov 2011 - 17:57

    Aloha~~
    Merci pour ce tuto la miss Wink

    Cordialement~~
    Taktiik.

    avatar
    Marie
    FémininAge : 27Messages : 2203

    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:
    avatar
    Len111
    MasculinAge : 20Messages : 98

    le Sam 26 Nov 2011 - 19:12

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



    avatar
    Ninis
    FémininAge : 23Messages : 11

    le Sam 26 Nov 2011 - 20:05

    Marie je peux pas te mp !
    avatar
    Marie
    FémininAge : 27Messages : 2203

    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:
    avatar
    Teddy75012
    MasculinAge : 25Messages : 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
    avatar
    PaSs
    FémininAge : 19Messages : 10

    le Mar 29 Nov 2011 - 7:00

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



    avatar
    Marie
    FémininAge : 27Messages : 2203

    le Mar 29 Nov 2011 - 7:05

    Au plaisir! Wink



    /

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

    le Sam 3 Déc 2011 - 10:23

    Moi aussi je veux bien essayer (:
    Merci
    avatar
    Kanu
    FémininAge : 27Messages : 56

    le Sam 3 Déc 2011 - 20:07

    Merci ! (:
    avatar
    Frangy
    FémininAge : 27Messages : 52

    le Dim 4 Déc 2011 - 3:45

    Thanks :)
    avatar
    Ehlana
    FémininAge : 28Messages : 28

    le Mar 6 Déc 2011 - 22:46

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

    le Mar 13 Déc 2011 - 20:38

    Merci :3
    avatar
    Justiine
    FémininAge : 22Messages : 19

    le Mar 13 Déc 2011 - 20:40

    Merci d'avance Very Happy



    avatar
    MARLEY SMITH.
    FémininAge : 23Messages : 152

    le Sam 17 Déc 2011 - 11:54

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

    le Sam 17 Déc 2011 - 20:59

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

    le Lun 26 Déc 2011 - 20:22

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

    le Jeu 29 Déc 2011 - 20:37

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

    le Jeu 12 Jan 2012 - 21:13

    merci ^^



    merci Fair' <3

    avatar
    titou9322
    MasculinAge : 21Messages : 158

    le Ven 13 Jan 2012 - 8:01

    merci
    avatar
    CuBz
    MasculinAge : 27Messages : 27

    le Dim 15 Jan 2012 - 16:58

    Merci Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Mar 25 Avr 2017 - 12:28