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.


    Mise en forme "flottante" des Sous-forums

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

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    10/10  (10/10)
    NyoTheNeko
    le Lun 2 Juin 2014 - 10:45
    Rappel du premier message :

    Sous-Forums



    Ceci est un code de sous-forums crée suite à la Demande de Dark6nika, ici.

    Version phbb2 ▬ CSS3 & HTML5 ▬ Code mit sous hide ▬ Ce que ça donne


    L'image des sous-forums pour indiquer nouveaux messages/pas de nouveaux messages/verrouillé doit être en 100px*140px. L'image de description de catégorie (la large image à droite) est en 350px*177px. Si vous modifiez ces tailles, vous pourriez avoir des problèmes de positions.


    Le code


    Code HTML à placer dans Affichage -> Page d'accueil -> Templates -> Général -> index_box /!\ Ceci est tout le template! /!\ :


    Code HTML à mettre dans chaque description de sous-forum:


    Le CSS:


    Modifications supplémentaires


    Dans ce code, beaucoup de choses sont modulables. Si vous voulez des exemples, de choses à changer ou SAVOIR comment modifier certaines choses, n'hésitez pas à poster à la suite ou dans les problèmes. Voici une liste d'idée qui pourraient être expliquées plus tard si besoin est:

    • Modifier les titres de catégories: placement et mise en forme (CSS à modifier:  .secondarytitle et .secondarytitle h2)
    • Mettre des coins arrondis:  (CSS à modifier: .contour_description, .forum_liens et  .dernier_mess)
    • Mettre des effets sur les divers titres et liens (Titre de sous.forum, lien vers les sous-forums et titre de la description):  (CSS à modifier: .title_forum .forumlink a, .title_forum .forumlink a:link, .title_forum .forumlink a:visited et .title_forum .forumlink a:hover, .forum_liens a, .forum_liens a:link, .forum_liens a:visited et séparer .forum_liens a:hover et  .decription h3 et .decription h3:hover (ou .decription:hover h3))
    • Modifier ce qui suit le titre de catégorie (retirer la barre): (CSS à modifier: .title_forum:after)


    FémininAge : 23Message(s) : 26
    Pistachette
    le Mar 15 Déc 2015 - 21:18
    Merci =)
    FémininAge : 16Message(s) : 294

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    1/10  (1/10)
    Merwyn Arehdel
    le Mer 16 Déc 2015 - 18:27
    Super, merci du partage! :)


    Just want to be yours.
    MasculinAge : 27Message(s) : 80
    Nathaël
    le Sam 16 Jan 2016 - 22:40
    Ne fonctionne pas sous Firefox. Dommage.


    FémininAge : 36Message(s) : 69
    Kilda
    le Mar 2 Fév 2016 - 22:22
    merci
    MasculinAge : 21Message(s) : 35
    sunn-day
    le Sam 27 Fév 2016 - 1:01
    ty
    FémininAge : 53Message(s) : 230
    patriciadpt30
    le Sam 14 Mai 2016 - 14:45
    Ho ! Merci our le partage je veux voir hi hihi :)


    Patricia :)
    FémininAge : 24Message(s) : 24
    céleste callisto
    le Ven 5 Aoû 2016 - 20:58
    merci
    FémininAge : 18Message(s) : 193
    Dark Fairy
    le Mer 10 Aoû 2016 - 15:19
    Je voudrais créer un forum rpg manga/fantasy plutôt clair puisque la première partie du contexte actuel est lumineux. Ces catégories iront je pense! Merci!
    FémininAge : 20Message(s) : 70
    LegendsOfToday
    le Ven 19 Aoû 2016 - 16:42
    Merci !
    Contenu sponsorisé
    Aujourd'hui à 9:08

      La date/heure actuelle est Dim 25 Sep 2016 - 9:08