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.


    [CSS et Template] Simples catégories

    Partagez
    FémininAge : 22Message(s) : 2448

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    13/20  (13/20)
    Onyx
    le Lun 18 Nov 2013 - 0:33
    Rappel du premier message :

    Bouh!

    J'avais fait un code de catégorie pour une commande, mais comme la personne n'a jamais répondu et que je n'aime pas travailler pour rien, je suis la suggestion de Neva et vient vous le proposer ici ~
    Ce n'est pas très compliqué ou quoi que ce soit de spécial, mais c'est assez innofensif, je le jure ^^

    Aperçu

    Avant tout, il faut s'assurer d'avoir la bonne configuration dans:
    Panneau d'Admin>Affichage>Structure et Hiérarchie :
    • Séparer les catégories sur l'index (Deuxième ligne) : Moyen
    • Afficher le titre du sujet du dernier message d'un forum sur l'index : Oui
    • Lien vers les niveaux inférieurs : Oui
    Pour les images, il vous faudrait un bouton no new/new/lock de dimensions 50x40 pour que cela soit parfait.
    Cela donne le même résultat avec tous les navigateurs (sauf IE pour quelques détails, mais je le boude de toute façon è_é)

    Je vais commencer par vous filer les codes, puis je vous donnerai quelques explications:

    Un petit merci pour avoir les codes ~


    Dernière édition par Onyx le Sam 30 Nov 2013 - 1:20, édité 1 fois
    FémininAge : 19Message(s) : 21
    Victorica
    le Jeu 23 Jan 2014 - 18:53
    Merci beaucoup !
    FémininAge : 25Message(s) : 62
    Exogenesis
    le Sam 25 Jan 2014 - 12:31
    Simple mais très joli et très clair ! merci ^^
    FémininAge : 26Message(s) : 81
    Sara_y
    le Dim 26 Jan 2014 - 12:34
    Merci beaucoup Very Happy


    FémininAge : 19Message(s) : 22
    Watchaaah
    le Dim 26 Jan 2014 - 13:33
    Merci ! :3
    FémininAge : 22Message(s) : 55
    Spitfire
    le Dim 26 Jan 2014 - 18:05
    Merci beaucoup pour ce partage ! ♥
    MasculinAge : 26Message(s) : 79
    Yogurt01
    le Dim 26 Jan 2014 - 19:08
    Merci !
    Age : 25Message(s) : 337
    Tanchi
    le Dim 26 Jan 2014 - 20:47
    Merci du partage :)


    FémininAge : 28Message(s) : 108
    damon w salvatore
    le Lun 27 Jan 2014 - 15:15
    merci
    FémininAge : 25Message(s) : 25
    Badabulle
    le Lun 27 Jan 2014 - 18:56
    merci :)
    FémininAge : 27Message(s) : 134
    hirondelle
    le Mar 28 Jan 2014 - 0:37
    Merci ♥
    FémininAge : 19Message(s) : 18

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    NiLouK
    le Mar 28 Jan 2014 - 18:29
    merci ! simple et classe !
    FémininAge : 23Message(s) : 64
    Daph
    le Mer 29 Jan 2014 - 11:01
    Merci du partage *_*


    MasculinAge : 40Message(s) : 31
    Allan Oresh
    le Mer 29 Jan 2014 - 13:30
    Merci pour ce tuto. Je recherche à séparer mes catégories sur mon fofo (par un espace vide), je suis sous Xooit et je ne sais pas vraiment comment m'y prendre. As-tu une astuce ?
    FémininAge : 27Message(s) : 90
    Black Diamond
    le Mer 29 Jan 2014 - 13:56
    merci <3



    FémininAge : 31Message(s) : 76
    Zibeline
    le Mer 29 Jan 2014 - 16:15
    merci beaucoup
    FémininAge : 21Message(s) : 24

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Sympi
    le Mer 29 Jan 2014 - 20:21
    Merci Beaucoup !


    FémininAge : 22Message(s) : 2448

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    13/20  (13/20)
    Onyx
    le Jeu 30 Jan 2014 - 4:31
    Allan Oresh:
    Je ne suis pas familière avex Xoït, mais cela ne devrait pas être trop compliqué. Tu as essayé de mettre un margin en bas de tes blocs de catégories? Par exemple, dans mon tuto, le bloc des catégories est:
    Code:
    /*Corps de Catégorie*/
    .global_cate {
      background-color: #6993BE;
      border: solid 1px #1B2836;
      border-bottom: double 8px #1B2836;
      border-top: none;
    }
    Tu y rajoutes un "margin-bottom: 10px" et cela devrait faire un espace de 10px après chaque catégorie. Et si tu demandes juste comme ça sans utiliser mon tuto, c'est la même chose. À toi de trouver le bloc de tes catégories et d'ajouter un margin-bottom dedans ^^
    (je mets 10px, mais c'est à toi de choisir combien tu veux).


    MasculinAge : 40Message(s) : 31
    Allan Oresh
    le Jeu 30 Jan 2014 - 13:40
    Merci Onyx pour ta réponse. En fait j'ai trouvé ceci : ►LIEN Alors je le passe pour ceux qui ont aussi cette demande avec un forum sous Xooit.
    La présentation de tes catégories est magnifique, utiliser ton tuto était bien l'intention avec un thème plus métallique sur mon petit fofo de débutant ><
    FémininAge : 26Message(s) : 53
    Maiie
    le Jeu 30 Jan 2014 - 21:46
    merci :)
    FémininAge : 22Message(s) : 105

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Fox.andBlue
    le Ven 31 Jan 2014 - 2:33
    merci <3


    FémininAge : 25Message(s) : 163
    Edana
    le Ven 31 Jan 2014 - 16:50
    Merci beaucoup! =D
    FémininAge : 17Message(s) : 5
    BANGERZ
    le Ven 31 Jan 2014 - 22:08
    ton code est tellement magnifique  :love: 
    merci!
    MasculinAge : 19Message(s) : 93
    Uther
    le Sam 1 Fév 2014 - 2:46
    thanks
    MasculinAge : 21Message(s) : 65
    Dragma
    le Sam 1 Fév 2014 - 20:40
    Merci beaucoup !
    FémininAge : 21Message(s) : 34
    MlleNamiya
    le Sam 1 Fév 2014 - 20:43
    Merci
    Contenu sponsorisé
    Aujourd'hui à 17:31

      La date/heure actuelle est Mar 27 Sep 2016 - 17:31