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 - 4: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 : 53Message(s) : 306

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    CN.June
    le Ven 5 Sep 2014 - 16:49
    Lerci beaucoup pour ce tutoriel Wink
    J'aime beaucoup la disposition des différents éléments !
    FémininAge : 28Message(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)
    liliebia
    le Lun 6 Oct 2014 - 16:17
    Merci :)
    FémininAge : 26Message(s) : 14
    sandy13
    le Lun 6 Oct 2014 - 16:36
    Merci
    MasculinAge : 25Message(s) : 53
    Tony`s
    le Mer 8 Oct 2014 - 2:38
    merci
    FémininAge : 31Message(s) : 228
    Madras
    le Mar 4 Nov 2014 - 1:22
    Merci
    MasculinAge : 26Message(s) : 268

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Deadpoolio
    le Mar 4 Nov 2014 - 4:16
    Je sais pas si j'utiliserai mais je remercie quand même l'auteur pour ce partage :)
    MasculinAge : 18Message(s) : 69
    Pokebip
    le Jeu 6 Nov 2014 - 2:30
    coool
    MasculinAge : 26Message(s) : 192
    Hayate747
    le Ven 7 Nov 2014 - 11:00
    Merci !! :)
    FémininAge : 26Message(s) : 103
    Shakespeare
    le Sam 8 Nov 2014 - 7:40
    Merci beaucoup !
    FémininAge : 41Message(s) : 80
    TATACARO13
    le Sam 15 Nov 2014 - 11:00
    merci




    FémininAge : 27Message(s) : 134
    hirondelle
    le Ven 21 Nov 2014 - 15:11
    Merci ♥
    FémininAge : 21Message(s) : 203
    Haniwa
    le Ven 5 Déc 2014 - 11:36
    Merci
    MasculinAge : 26Message(s) : 51
    ShiShi_Chan
    le Lun 15 Déc 2014 - 23:39
    Très sympa merki bien !
    FémininAge : 23Message(s) : 115
    Noruenu
    le Ven 23 Jan 2015 - 15:42
      Merci ! :B
    FémininAge : 18Message(s) : 145
    Saphire
    le Mar 27 Jan 2015 - 13:30
    merci
    FémininAge : 20Message(s) : 80
    Rudein
    le Dim 15 Fév 2015 - 17:28
    Merci beaucoup !
    MasculinAge : 15Message(s) : 88
    Kianda
    le Lun 23 Fév 2015 - 13:21
    Magnifique ! Merci :)


    FémininAge : 26Message(s) : 79
    Selmacke
    le Mar 10 Mar 2015 - 10:08
    J'aime beaucoup merci :)
    MasculinAge : 24Message(s) : 24
    Iliass
    le Sam 14 Mar 2015 - 19:09
    merci
    MasculinAge : 28Message(s) : 50
    Valens
    le Mer 25 Mar 2015 - 10:13
    merci c'est magnifique
    FémininAge : 25Message(s) : 305
    Eil'liathan Tyan'Lirulin
    le Jeu 26 Mar 2015 - 17:20
    C'est trop beau *3*
    MasculinAge : 30Message(s) : 80

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Professeur Felyne
    le Jeu 21 Mai 2015 - 14:25
    Merci ^^


    .
    FémininAge : 35Message(s) : 163
    Eshon
    le Ven 22 Mai 2015 - 11:25
    Merci !
    FémininAge : 18Message(s) : 83
    Lakia
    le Sam 23 Mai 2015 - 5:44
    merci !! :)
    FémininAge : 17Message(s) : 10
    Asami No Yoru
    le Lun 25 Mai 2015 - 8:56
    Merci :3


    http://thousand-sunny.forumactif.org/
    Mon fofo :3 venez nombreux Very Happy (en fait ... Si vous voulez...)
    Contenu sponsorisé
    Aujourd'hui à 12:51

      La date/heure actuelle est Ven 30 Sep 2016 - 12:51