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
    Rappel du premier message :

    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


    FémininAge : 23Message(s) : 71
    BloodyMoony
    le Dim 12 Avr 2015 - 16:58
    Oaaaaw !
    C'est très jolie !!
    Merci à toi pour ce partage.


    FémininAge : 20Message(s) : 84
    Catblack
    le Lun 13 Avr 2015 - 12:30
    merci
    MasculinAge : 15Message(s) : 88
    Kianda
    le Ven 17 Avr 2015 - 20:01
    Merci !


    MasculinAge : 28Message(s) : 420
    Ryoma
    le Dim 19 Avr 2015 - 15:09
    Merci beaucoup.
    FémininAge : 31Message(s) : 52
    Littlelittle
    le Dim 19 Avr 2015 - 21:37
    Merci ! **




    << A little thing like another >>
    MasculinAge : 18Message(s) : 61
    GEnterZ
    le Dim 19 Avr 2015 - 21:47
    Thanks!
    FémininAge : 21Message(s) : 99
    ( Lou' )
    le Lun 27 Avr 2015 - 11:35
    Merci beaucoup c'est magnifique **
    FémininAge : 20Message(s) : 66

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Aishitteru
    le Lun 27 Avr 2015 - 18:30
    Merci ! ^^
    FémininAge : 22Message(s) : 216

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Dixy
    le Ven 1 Mai 2015 - 13:33
    Merci !


    FémininAge : 24Message(s) : 213
    shala
    le Dim 3 Mai 2015 - 23:37
    merci


    FémininAge : 39Message(s) : 278

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Ethernia
    le Lun 4 Mai 2015 - 17:54
    Très beau thème. Merci pour le partage ^^
    FémininAge : 18Message(s) : 193
    Dark Fairy
    le Lun 11 Mai 2015 - 21:50
    Magnifique!
    FémininAge : 16Message(s) : 147

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Klemmeria
    le Jeu 14 Mai 2015 - 13:47
    thanks!


    FémininAge : 19Message(s) : 69
    Gedomaru
    le Jeu 14 Mai 2015 - 18:23
    Merci!
    FémininAge : 22Message(s) : 77
    Lust Caution
    le Dim 17 Mai 2015 - 13:29
    Merci, le code est tout simplement magnifique.
    FémininAge : 22Message(s) : 44
    pinkwinee
    le Mar 19 Mai 2015 - 18:17
    Cool Very Happy
    FémininAge : 17Message(s) : 106
    Litonya
    le Lun 25 Mai 2015 - 15:28
    merci
    FémininAge : 22Message(s) : 67
    Laluna
    le Jeu 28 Mai 2015 - 0:38
    Merci pour le code ! **
    FémininAge : 19Message(s) : 68
    Antithée
    le Jeu 28 Mai 2015 - 18:15
    Wow, c'est super joli ça ! Merci du partage~
    FémininAge : 18Message(s) : 145
    Saphire
    le Ven 29 Mai 2015 - 18:49
    mercii
    FémininAge : 26Message(s) : 47
    Ashouille
    le Dim 31 Mai 2015 - 19:13
    MERCI
    FémininAge : 21Message(s) : 203
    Haniwa
    le Lun 1 Juin 2015 - 23:14
    Merci
    FémininAge : 18Message(s) : 304

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    2/10  (2/10)
    Nemalus
    le Mar 9 Juin 2015 - 7:17
    Merci
    FémininAge : 20Message(s) : 54
    Artémis Walker
    le Jeu 18 Juin 2015 - 15:18
    Merci à toi pour ton boulot


    FémininAge : 35Message(s) : 163
    Eshon
    le Lun 22 Juin 2015 - 0:50
    Merci !
    Contenu sponsorisé
    Aujourd'hui à 17:32

      La date/heure actuelle est Mar 27 Sep 2016 - 17:32