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.


    Forums en images de fond

    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 Jeu 18 Déc 2014 - 10:18

    Forums en images de fond



    Ceci est un code de mise en forme des forums, idée survenue suite à la Demande d'Ayfoth et tiré d'un schéma qui trainait sur mon bureau x)

    Pour PHPBB2 & Invision ▬ CSS3 & HTML5 ▬ Code mit sous hide ▬ Ce que ça donne en PHPBB2Ce que ça donne sous Invision


    Les effets et images


    L'image de fond est en 400 pixels de largeur et 250 pixels de hauteur.
    Votre forum doit faire 850px de largeur.

    Au passage de la souris, les "sous-titre" disparait, et la description vient en slidant depuis le côté droit. Aparaissent alors les sous-froums avec la description, ainsi que le denrier message en-dessous.
    Notez qu'optimalement, vous avez un nombre paire de sous-forums. Avec un nombre impaire, vous risquez d'avoir quelques soucis d'alignements ^^"

    Les deux polices utilisées sont Amatic SC et Courgette. Vous retrouverez leurs link dans le template, comme ceci:
    Code:
    <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
                      <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
    . Vous pouvez les changer/retirer, mais pensez alors à retirer ou changer chacune de leurs apparitions dans le CSS (sous la forme de font-family: 'Amatic SC' et font-family: 'Courgette' )!

    PHPBB2: Le code


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


    Le code a mettre dans les descriptions des catégories:


    Le CSS:


    Invision: Le code


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


    Le code a mettre dans les descriptions des catégories:


    Le CSS:


    Voilà qui est tout! ^^ En espérant que ça va vous plaire! :hug:


    Dernière édition par NyoTheNeko le Jeu 18 Déc 2014 - 12:23, édité 1 fois


    Message(s) : 3810

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    9/10  (9/10)
    Nihil Scar Winspeare
    le Jeu 18 Déc 2014 - 10:36
    Merci pour ton partage Nyo, je suis curieuse de voir ton code :)



    Merci Maféliquement <3
    Viens faire un tour sur la chatbox Gérer les périodes de vacances sur son forum
    Présence fortement réduite :toto:
    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 Jeu 18 Déc 2014 - 10:54
    C'est rien d’extraordinaire, j'utilise les z-index et les position ^^


    Message(s) : 3810

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    9/10  (9/10)
    Nihil Scar Winspeare
    le Jeu 18 Déc 2014 - 11:58
    Rien d'extraordinaire peut-être, mais c'est sympa Very Happy !

    Oh, je viens de voir dans le template pour phpBB2, il y a une petite étourderie peut-être, une balise tr non fermée je crois ^-^

    Elle s'ouvre ici :
    Code:
      <!-- BEGIN forumrow -->
      <tr>
              <div class="un_forum">

    Et devrait se fermer ici il me semble o:
    Code:

                      </div>
         
      <!-- END forumrow -->



    Merci Maféliquement <3
    Viens faire un tour sur la chatbox Gérer les périodes de vacances sur son forum
    Présence fortement réduite :toto:
    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 Jeu 18 Déc 2014 - 12:23
    T'as tout à fait raison! D=
    Du coup c'est édité et corrigé, merci! :hug:


    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    le Sam 20 Déc 2014 - 15:39
    Merci du partage Nyo, nickel sur les deux versions :3


    Je mets les voiles, que le vent te soit favorable matelot !
    Invité
    le Dim 21 Déc 2014 - 10:37
    C'est vraiment sympathique comme code. Merci !
    FémininAge : 43Message(s) : 227

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Féhéla
    le Lun 22 Déc 2014 - 20:56
    wouhaaa merci !
    FémininAge : 16Message(s) : 52
    Sparky59
    le Mar 23 Déc 2014 - 19:20
    merci ^^
    MasculinAge : 19Message(s) : 32
    Chorks
    le Mer 24 Déc 2014 - 18:09
    C'est magnifique merci! :o
    FémininAge : 23Message(s) : 149
    Saya Shirayuki
    le Jeu 25 Déc 2014 - 20:44
    C'est vraiment jolie !
    FémininAge : 15Message(s) : 19
    jeny
    le Ven 26 Déc 2014 - 0:29
    merci!
    FémininAge : 20Message(s) : 253
    erika02
    le Dim 28 Déc 2014 - 1:52
    Merci


    FémininAge : 33Message(s) : 269
    Venise
    le Dim 28 Déc 2014 - 12:38
    merci
    FémininAge : 25Message(s) : 1144

    Les Guildes
    Guilde des Conteurs:
    3/10  (3/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Rozenbrez
    le Lun 29 Déc 2014 - 21:28
    Pour un projet je viens look le code Wink Merci pour celui ci :love:


    MasculinAge : 18Message(s) : 304
    reshiram44
    le Mar 30 Déc 2014 - 19:42
    merci


    MasculinAge : 66Message(s) : 12
    Notch
    le Jeu 1 Jan 2015 - 22:30
    c'est magnifique
    FémininAge : 29Message(s) : 124
    Irissia87
    le Lun 5 Jan 2015 - 22:14
    merci :)
    FémininAge : 30Message(s) : 37
    Alysanne
    le Dim 11 Jan 2015 - 1:15
    merci
    MasculinAge : 19Message(s) : 36
    Blue
    le Dim 11 Jan 2015 - 11:17
    Merci Very Happy
    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 Mer 21 Jan 2015 - 19:38
    Merci ^^


    .
    FémininAge : 23Message(s) : 21
    chabus
    le Mer 4 Fév 2015 - 21:34
    Vraiment très original. Ça me donne envie de l'essayer juste pour le plaisir.
    FémininAge : 29Message(s) : 31
    Meldicia
    le Jeu 12 Fév 2015 - 20:22
    Merci c'est superbe *_*
    FémininAge : 21Message(s) : 46
    Rogue Titan
    le Ven 13 Fév 2015 - 8:52
    Merci pour le code
    FémininAge : 24Message(s) : 87
    Kamesora
    le Ven 13 Fév 2015 - 16:50
    Merci beaucoup
    Contenu sponsorisé
    Aujourd'hui à 5:17

      La date/heure actuelle est Jeu 29 Sep 2016 - 5:17