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!
    FémininAge : 20Message(s) : 60
    Archeos
    le Sam 12 Oct 2013 - 10:32
    J'aime, merci.


    FémininAge : 27Message(s) : 82
    Jay-89
    le Dim 13 Oct 2013 - 23:30
    Merci =)
    MasculinAge : 25Message(s) : 63
    teck
    le Lun 14 Oct 2013 - 13:30
    merci


    FémininAge : 26Message(s) : 37
    Mayiie
    le Mer 16 Oct 2013 - 15:27
    Merci ! :)
    FémininAge : 21Message(s) : 27
    Piinkyuu
    le Jeu 17 Oct 2013 - 20:47
    Merci !
    FémininAge : 16Message(s) : 12
    Mayako
    le Ven 18 Oct 2013 - 16:36
    Merci !


    FémininAge : 16Message(s) : 3929

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    0/10  (0/10)
    Clarisse
    le Ven 18 Oct 2013 - 19:27
    Merci pour le code! :)


    Coucou Invité!
    FémininAge : 23Message(s) : 38
    Miss Kiba
    le Sam 19 Oct 2013 - 14:55
    Merci! =)
    MasculinAge : 23Message(s) : 7
    le_bn
    le Lun 21 Oct 2013 - 12:12
    Merci Wink
    FémininAge : 23Message(s) : 58
    Neycha
    le Ven 25 Oct 2013 - 21:12
    Merci d'avance !
    FémininAge : 24Message(s) : 68
    Asunie
    le Mar 19 Nov 2013 - 14:47
    Merci !
    FémininAge : 19Message(s) : 66
    Zooé
    le Dim 24 Nov 2013 - 17:25
    mercimerci
    MasculinAge : 25Message(s) : 56
    Arfgang
    le Lun 25 Nov 2013 - 23:07
    Merci à toi, je vais essayer de suite


    MasculinAge : 18Message(s) : 17

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Linksys
    le Jeu 28 Nov 2013 - 1:25
    Merci :)
    FémininAge : 26Message(s) : 53
    Maiie
    le Mar 3 Déc 2013 - 23:04
    Merci pour ce tuto, c'est apprécié :)
    FémininAge : 17Message(s) : 20
    Kitsuki
    le Mer 4 Déc 2013 - 23:20
    Wow :3 Je veux voireuuh ! Merci.
    MasculinAge : 26Message(s) : 8
    Seth Ivanoff
    le Dim 8 Déc 2013 - 6:22
    on va essayer
    FémininAge : 18Message(s) : 166
    Plume'
    le Lun 16 Déc 2013 - 18:48
    Merci !
    FémininAge : 32Message(s) : 58

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Shany
    le Mar 17 Déc 2013 - 15:19
    Merci :)
    FémininAge : 24Message(s) : 54
    memoriam
    le Mar 17 Déc 2013 - 21:01
    merci! : )
    FémininAge : 18Message(s) : 25
    Zhulan
    le Mer 18 Déc 2013 - 17:42
    Merci pour ce tuto *-*
    FémininAge : 22Message(s) : 64

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Tsuki Matsu
    le Jeu 19 Déc 2013 - 5:25
    Merci beaucoup!


    MasculinAge : 18Message(s) : 17
    Zerokrush
    le Jeu 26 Déc 2013 - 17:47
    Merci :)


    MasculinAge : 18Message(s) : 135
    Neymar
    le Mar 7 Jan 2014 - 23:16
    Merci du Partage ~
    FémininAge : 21Message(s) : 502

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Flower_*
    le Dim 19 Jan 2014 - 12:20
    Merci :)
    Contenu sponsorisé
    Aujourd'hui à 5:40

      La date/heure actuelle est Sam 3 Déc 2016 - 5:40