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


    MasculinAge : 36Message(s) : 3
    Mystik51
    le Lun 22 Juin 2015 - 19:53
    merci
    MasculinAge : 48Message(s) : 48
    lulu-lorry
    le Mer 24 Juin 2015 - 12:04
    merci beaucoup
    MasculinAge : 15Message(s) : 79
    Kimirsu Anko
    le Mer 24 Juin 2015 - 14:22
    Merci !
    MasculinAge : 27Message(s) : 132
    Hop80
    le Dim 5 Juil 2015 - 18:36
    très sympa merci
    MasculinAge : 19Message(s) : 127
    Pito
    le Dim 5 Juil 2015 - 22:31
    ça se rapproche un peu de ce que j'essaye de faire, merci!
    FémininAge : 25Message(s) : 332
    Calypso Luciano
    le Dim 5 Juil 2015 - 23:17
    merci ^^
    FémininAge : 15Message(s) : 293
    Lisou
    le Lun 6 Juil 2015 - 13:39
    Merci *^*
    FémininAge : 26Message(s) : 39
    Faraday
    le Sam 11 Juil 2015 - 16:12
    Thank's
    FémininAge : 18Message(s) : 165
    Capouccino
    le Mar 14 Juil 2015 - 10:48
    Merci, très utile et original Very Happy


    "Espérer l'inespérable c'est croire en l'impossible."
    MasculinAge : 22Message(s) : 58
    Mercurion
    le Ven 17 Juil 2015 - 22:24
    Merci :3
    FémininAge : 26Message(s) : 184
    rosebleudu10
    le Mar 28 Juil 2015 - 12:03
    merci
    FémininAge : 25Message(s) : 40
    RyuTsuki
    le Jeu 30 Juil 2015 - 11:54
    Oh merci ! C'est super comme code !
    MasculinAge : 28Message(s) : 11
    dada2712
    le Sam 1 Aoû 2015 - 15:29
    merci
    FémininAge : 21Message(s) : 311
    Bleufi
    le Dim 2 Aoû 2015 - 8:07
    Très joli,merci :)


    FémininAge : 14Message(s) : 111
    Glaçou
    le Ven 7 Aoû 2015 - 19:00
    Merci!
    FémininAge : 17Message(s) : 208
    Khouro13
    le Dim 9 Aoû 2015 - 19:53
    Merci ♥


    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 Dim 9 Aoû 2015 - 22:09
    Merci ! (“⌒∇⌒”)
    FémininAge : 22Message(s) : 55
    Spitfire
    le Lun 10 Aoû 2015 - 21:34
    Oh merci !
    FémininAge : 20Message(s) : 106
    Chae Lee
    le Mar 11 Aoû 2015 - 14:26
    Merci !
    FémininAge : 26Message(s) : 73
    The Shiya
    le Mar 11 Aoû 2015 - 18:02
    merci


    MasculinAge : 21Message(s) : 15
    HabboEF
    le Jeu 13 Aoû 2015 - 11:49
    Super merci
    FémininAge : 13Message(s) : 148

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Flaura
    le Dim 23 Aoû 2015 - 19:01
    Merci !


    MasculinAge : 23Message(s) : 34
    EOS
    le Jeu 27 Aoû 2015 - 17:38
    Merci
    MasculinAge : 25Message(s) : 14
    SpaceSapien
    le Jeu 27 Aoû 2015 - 19:00
    Vraiment sympa, j'ai bien envie de tester :3
    Merci pour ce beau boulot :)
    FémininAge : 26Message(s) : 25
    Daewyn
    le Jeu 27 Aoû 2015 - 22:28
    Merci !
    Contenu sponsorisé
    Aujourd'hui à 9:02

      La date/heure actuelle est Lun 26 Sep 2016 - 9:02