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



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

    le Ven 25 Nov 2011 - 20:39

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




    Kit Par Sébastien. Merci beaucoup!
    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
    Vador
    MasculinAge : 16Messages : 63

    le Sam 26 Nov 2011 - 17:16

    Merci
    Taktiik
    MasculinAge : 22Messages : 2291

    le Sam 26 Nov 2011 - 17:57

    Aloha~~
    Merci pour ce tuto la miss Wink

    Cordialement~~
    Taktiik.

    Marie
    FémininAge : 27Messages : 1911

    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 Par Sébastien. Merci beaucoup!
    Len111
    MasculinAge : 19Messages : 98

    le Sam 26 Nov 2011 - 19:12

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



    Ninis
    FémininAge : 23Messages : 11

    le Sam 26 Nov 2011 - 20:05

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

    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 Par Sébastien. Merci beaucoup!
    Teddy75012
    MasculinAge : 24Messages : 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
    FémininAge : 19Messages : 10

    le Mar 29 Nov 2011 - 7:00

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



    Marie
    FémininAge : 27Messages : 1911

    le Mar 29 Nov 2011 - 7:05

    Au plaisir! Wink




    Kit Par Sébastien. Merci beaucoup!
    Sacha Chan
    FémininAge : 18Messages : 21

    le Sam 3 Déc 2011 - 10:23

    Moi aussi je veux bien essayer (:
    Merci
    Kanu
    FémininAge : 26Messages : 55

    le Sam 3 Déc 2011 - 20:07

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

    le Dim 4 Déc 2011 - 3:45

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

    le Mar 6 Déc 2011 - 22:46

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

    le Mar 13 Déc 2011 - 20:38

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

    le Mar 13 Déc 2011 - 20:40

    Merci d'avance Very Happy



    MARLEY SMITH.
    FémininAge : 22Messages : 134

    le Sam 17 Déc 2011 - 11:54

      Je suis curieuse ham4
    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
    Ruby*
    FémininAge : 24Messages : 24

    le Lun 26 Déc 2011 - 20:22

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

    le Jeu 29 Déc 2011 - 20:37

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

    le Jeu 12 Jan 2012 - 21:13

    merci ^^



    merci Fair' <3

    titou9322
    MasculinAge : 20Messages : 158

    le Ven 13 Jan 2012 - 8:01

    merci
    CuBz
    MasculinAge : 26Messages : 27

    le Dim 15 Jan 2012 - 16:58

    Merci Very Happy
    Contenu sponsorisé

    Aujourd'hui à 6:02


      La date/heure actuelle est Sam 10 Déc 2016 - 6:02