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

    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 : 33Message(s) : 668

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Angie H.-Carter
    le Lun 2 Juin 2014 - 20:42
    il est splendide y'a pas j'aime vraiment ce que tu fait toi et Halloween vous êtes les best de NU *_* finalement je crois je vais te l’emprunté pour un de mes forum je trouve qu'il ira mieux que les catégories que j'ai en ce moment ^^

    EDIT par contre une question pour l'image de droite pourrait-ont savoir qu'elle taille maximum on peut mettre s'il te plait? et la taille des icons nouveau message et pas de message?^^ Merci


    Your my brillant! You shine into the darkness and you guide me in my  life with no fear. I love you so much and i don't want to loose you in my heart. You will be my love forerver. You and me it's like the sky and the sea...This is LIFE!
    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 - 22:34
    J'ai mit dans le attention la taille qu'ils devraient avoir. Après, si tu veux modifier la taille, ce sera à toi de tester. Wink


    FémininAge : 33Message(s) : 668

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Angie H.-Carter
    le Mar 3 Juin 2014 - 0:35
    HAAA ouyi ok j'avais pas vu merci^^


    Your my brillant! You shine into the darkness and you guide me in my  life with no fear. I love you so much and i don't want to loose you in my heart. You will be my love forerver. You and me it's like the sky and the sea...This is LIFE!
    FémininAge : 25Message(s) : 18541

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    4/10  (4/10)
    Neva
    le Jeu 12 Juin 2014 - 11:21
    Cette mise en forme rend vraiment bien, je trouve ! Et pas mal d'annotations bien pratiques
    Encore merci Nyo !


     

    • Pensez à aller accueillir les nouveaux nutopiens
    • La Chatbox anniversaire existe toujours ! Elle est ici pour les amoureux des navires  

    FémininAge : 26Message(s) : 86
    Shinju.dot
    le Ven 13 Juin 2014 - 16:49
    merci
    FémininAge : 16Message(s) : 52
    Sparky59
    le Ven 13 Juin 2014 - 18:12
    Merci Very Happy
    MasculinAge : 22Message(s) : 139
    Reishi
    le Ven 13 Juin 2014 - 19:54
    merci !
    FémininAge : 37Message(s) : 121
    Patou972
    le Sam 14 Juin 2014 - 10:01
    merci beaucoup
    FémininAge : 28Message(s) : 55
    Féréole
    le Jeu 19 Juin 2014 - 11:54
    merci !
    FémininAge : 23Message(s) : 2327

    Les Guildes
    Guilde des Conteurs:
    5/10  (5/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    2/10  (2/10)
    Cruelly
    le Jeu 19 Juin 2014 - 19:38
    Merciii :)


    Absente pour une durée indéterminée.
    FémininAge : 27Message(s) : 35

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Smokerlilitrope
    le Ven 20 Juin 2014 - 7:01
    Je trouve cette mise en forme vraiment jolie *o*,,. vraiment un grand bravo, comme je peaufine encore mon forum, je vais peut-être remplacer mes anciennes catégories par les tiennes. Je vais tester :)
    FémininAge : 27Message(s) : 35

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Smokerlilitrope
    le Ven 20 Juin 2014 - 7:06
    Na toute compte fait je préfère pas les prendre, j'ai encore du mal avec les templates  Razz 
    FémininAge : 21Message(s) : 14
    Asha
    le Sam 21 Juin 2014 - 3:55
    Merci !
    FémininAge : 16Message(s) : 74
    Demoniall
    le Lun 7 Juil 2014 - 17:34
    Merci !
    FémininAge : 23Message(s) : 79
    Draly
    le Mer 16 Juil 2014 - 16:37
    Merci !:p
    FémininAge : 32Message(s) : 175
    Allison01
    le Sam 19 Juil 2014 - 21:28
    merci ^^
    MasculinAge : 21Message(s) : 114
    Gladou
    le Lun 28 Juil 2014 - 16:03
    merciiiiiiiiiii


    FémininAge : 37Message(s) : 36
    Ysamar
    le Sam 2 Aoû 2014 - 19:26
    merci
    MasculinAge : 21Message(s) : 72
    skaera22
    le Lun 4 Aoû 2014 - 16:54
    thx
    MasculinAge : 35Message(s) : 75
    Caine Lornan
    le Lun 25 Aoû 2014 - 14:21
    Merci :)
    FémininAge : 27Message(s) : 292
    Tatia38
    le Dim 31 Aoû 2014 - 17:37
    merci !
    MasculinAge : 23Message(s) : 50
    Prince Of Spades
    le Jeu 4 Sep 2014 - 1:13
    Merci ! o/
    FémininAge : 26Message(s) : 28
    Nemesyss
    le Jeu 4 Sep 2014 - 9:40
    merci Very Happy
    FémininAge : 20Message(s) : 153

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    3/10  (3/10)
    Frosty Blue
    le Ven 5 Sep 2014 - 16:48
    Merci!
    Contenu sponsorisé
    Aujourd'hui à 8:38

      La date/heure actuelle est Ven 30 Sep 2016 - 8:38