Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 27Message(s) : 1911
    Marie
    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!
    MasculinAge : 19Message(s) : 4
    ANDREW BALETT
    le Ven 4 Mai 2012 - 20:42
    En espérant, que ce tuto va m'aider pour prochain forum...
    FémininAge : 24Message(s) : 213
    shala
    le Dim 6 Mai 2012 - 13:17
    merci


    FémininAge : 23Message(s) : 7
    Doudoune
    le Dim 6 Mai 2012 - 15:51
    Merci :).
    FémininAge : 22Message(s) : 43
    Médea
    le Mar 8 Mai 2012 - 15:22
    °3° Mici
    FémininAge : 19Message(s) : 113
    Lauriale
    le Sam 12 Mai 2012 - 11:54
    Merci, un tuto intéressant qui servira plus d'une fois ^^
    FémininAge : 21Message(s) : 11
    Cherry.
    le Sam 26 Mai 2012 - 13:29
    Merci merci !!


    MasculinAge : 21Message(s) : 70
    Arrogant Mischief
    le Sam 26 Mai 2012 - 17:19
    Merci !


    FémininAge : 24Message(s) : 10
    Plopy
    le Mar 12 Juin 2012 - 14:44
    Merci!
    FémininAge : 24Message(s) : 96
    Aoi Kiseki
    le Sam 16 Juin 2012 - 2:16
    merci =)
    FémininAge : 19Message(s) : 2
    mit'sou
    le Lun 25 Juin 2012 - 13:51
    Super !
    Merci beaucoup ! =)
    FémininAge : 21Message(s) : 10
    Hope-Tik
    le Mar 26 Juin 2012 - 15:13
    Bon et bien s'il faut poster, je poste :)
    FémininAge : 21Message(s) : 28
    3uphemia
    le Mer 27 Juin 2012 - 12:36
    Mercii ^^
    FémininAge : 28Message(s) : 21
    Mèl
    le Mar 3 Juil 2012 - 2:15
    :toto: merci
    FémininAge : 26Message(s) : 761

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Chocolakato
    le Mer 4 Juil 2012 - 3:06
    eeet je poste Very Happy



    FémininAge : 19Message(s) : 24
    Kispz.
    le Mer 4 Juil 2012 - 18:38
    Super utile , merci du partage ! ;D





    FémininAge : 24Message(s) : 31
    July05
    le Dim 8 Juil 2012 - 22:26
    Merci !
    MasculinAge : 25Message(s) : 33
    Super Captain
    le Jeu 12 Juil 2012 - 17:31
    merci du partage ^^


    i m j u s t a p a t c h e d u p マトリョシカ! (o`皿′o)♥
    FémininAge : 22Message(s) : 9
    Eden will love you
    le Ven 13 Juil 2012 - 19:28
    merci ! je vai essayer :3
    MasculinAge : 16Message(s) : 80
    Kai Turindo
    le Sam 14 Juil 2012 - 3:19
    merci
    FémininAge : 26Message(s) : 98
    MissDevilsJuly
    le Jeu 19 Juil 2012 - 4:31
    Merci


    FémininAge : 30Message(s) : 88
    Rosedesvents
    le Mer 25 Juil 2012 - 9:08
    Merci Very Happy
    FémininAge : 25Message(s) : 17
    Emy
    le Jeu 26 Juil 2012 - 14:27
    Merci! Very Happy
    MasculinAge : 50Message(s) : 22
    chardonoire.....CMF
    le Jeu 26 Juil 2012 - 17:23
    Merci


    FémininAge : 17Message(s) : 17
    Everald
    le Ven 27 Juil 2012 - 9:22
    Merci pour ce tuto, ça fait longtemps que j'en cherchais un de ce genre :3
    MasculinAge : 22Message(s) : 20
    NDA
    le Sam 28 Juil 2012 - 3:35
    Micii !
    Contenu sponsorisé
    Aujourd'hui à 16:37

      La date/heure actuelle est Sam 3 Déc 2016 - 16:37