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 : 25Message(s) : 89

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Pollux
    le Ven 29 Mai 2015 - 18:21
    Merci
    MasculinAge : 23Message(s) : 259
    Likilou
    le Ven 29 Mai 2015 - 18:22
    merci


    MasculinAge : 17Message(s) : 162
    Nal Souclade
    le Ven 29 Mai 2015 - 18:32
    Super joli ! Merci beaucoup !
    MasculinAge : 21Message(s) : 140
    Heine
    le Ven 29 Mai 2015 - 23:41
    Mercii o/


    MasculinAge : 21Message(s) : 35
    animiix
    le Jeu 4 Juin 2015 - 9:20
    Très beau, merci !
    MasculinAge : 20Message(s) : 19
    MajorNeuf
    le Jeu 4 Juin 2015 - 16:41
    Merci Very Happy
    FémininAge : 28Message(s) : 106
    Arisu
    le Mar 9 Juin 2015 - 1:58
    Merci !
    Age : 51Message(s) : 415
    picka234
    le Dim 14 Juin 2015 - 17:29
    merci


    FémininAge : 18Message(s) : 46
    mmorgo
    le Dim 14 Juin 2015 - 17:59
    je vais l'essayer héhé x3 Merci beaucoup !
    FémininAge : 23Message(s) : 80
    Ju' de fruits
    le Lun 15 Juin 2015 - 14:38
    Merci !


    MasculinAge : 20Message(s) : 51
    Rimaï J. Godwin
    le Dim 28 Juin 2015 - 19:00
    Merci m'dame ^^
    MasculinAge : 23Message(s) : 10
    Ren Hozukijo
    le Dim 28 Juin 2015 - 19:40
    merci
    FémininAge : 14Message(s) : 6
    petitcupcake
    le Jeu 16 Juil 2015 - 16:31
    Merci ! Ça m'a l'air vraiment joli !
    FémininAge : 18Message(s) : 150

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Lindaóma
    le Lun 3 Aoû 2015 - 19:57
    Super catégories, et plutôt originales, merci beaucoup pour ce code !


    FémininAge : 24Message(s) : 1353

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Lun 3 Aoû 2015 - 22:47
    Merci ( ̄ー ̄)
    FémininAge : 16Message(s) : 35
    Démo
    le Mer 12 Aoû 2015 - 16:22
    Merci
    FémininAge : 26Message(s) : 184
    rosebleudu10
    le Lun 24 Aoû 2015 - 17:06
    merc
    FémininAge : 18Message(s) : 43
    Sylfaen
    le Dim 20 Sep 2015 - 21:44
    thank's ^-^
    MasculinAge : 26Message(s) : 113
    Araki
    le Jeu 24 Sep 2015 - 16:57
    Merci!
    FémininAge : 20Message(s) : 12
    Isalya
    le Dim 11 Oct 2015 - 16:32
    Merci !
    FémininAge : 26Message(s) : 19

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Pokipsy
    le Jeu 5 Nov 2015 - 19:41
    Je vais tester Very Happy
    FémininAge : 19Message(s) : 7
    Sylane
    le Ven 13 Nov 2015 - 0:18
    :)
    FémininAge : 66Message(s) : 254

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Elocha
    le Ven 13 Nov 2015 - 14:58
    need to see !
    merci :)


    eLoChA.
    FémininAge : 14Message(s) : 69

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Wolftactick
    le Ven 13 Nov 2015 - 18:23
    Wuw
    FémininAge : 18Message(s) : 80
    Heah92
    le Dim 6 Déc 2015 - 19:07
    Merci !
    Contenu sponsorisé
    Aujourd'hui à 7:25

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