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 : 15Message(s) : 72
    Laeta
    le Mar 16 Fév 2016 - 12:51
    Wa ça gère o.o thanks!
    FémininAge : 21Message(s) : 43
    Sophia
    le Jeu 25 Fév 2016 - 13:26
    Merci
    FémininAge : 20Message(s) : 38

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    beza
    le Jeu 25 Fév 2016 - 18:26
    Merci !
    MasculinAge : 21Message(s) : 35
    sunn-day
    le Sam 27 Fév 2016 - 1:00
    ty
    FémininAge : 20Message(s) : 249
    Aki'
    le Lun 29 Fév 2016 - 10:56
    Merci :)
    FémininAge : 19Message(s) : 33
    Spree
    le Sam 5 Mar 2016 - 19:54
    Merci !
    FémininAge : 32Message(s) : 40
    miss69
    le Dim 6 Mar 2016 - 3:07
    Hannnn merciii je rajoute ce tuto à ma liste hihi
    FémininAge : 26Message(s) : 65
    Tinkky
    le Dim 6 Mar 2016 - 12:57
    Merci pour le partage ^_^
    MasculinAge : 17Message(s) : 47
    KTMiz
    le Ven 11 Mar 2016 - 17:54
    Merci


    MasculinAge : 19Message(s) : 71
    Banhjo
    le Ven 11 Mar 2016 - 18:52
    Merci
    FémininAge : 20Message(s) : 60
    Carasama
    le Mer 23 Mar 2016 - 0:57
    merci *-*
    FémininAge : 19Message(s) : 87
    Dreamyland
    le Ven 1 Avr 2016 - 4:28
    Merciiii
    MasculinAge : 48Message(s) : 146
    Coco-Lapin02
    le Ven 15 Avr 2016 - 17:15
    Merci
    FémininAge : 25Message(s) : 49
    Amiko
    le Jeu 5 Mai 2016 - 19:01
    Merci beaucoup !
    MasculinAge : 26Message(s) : 37
    Taiga
    le Ven 6 Mai 2016 - 3:52
    Merci
    MasculinAge : 27Message(s) : 7
    AdmireLeParadox
    le Ven 6 Mai 2016 - 7:20
    merci !!
    FémininAge : 26Message(s) : 737

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Chocolakato
    le Sam 21 Mai 2016 - 10:06
    C'est magnifique ! Very Happy Je ne pense pas l'utiliser mais je serais curieuse de voir comment ça fonctionne !


    FémininAge : 15Message(s) : 124
    Akiran
    le Sam 21 Mai 2016 - 20:30
    Merci!
    MasculinAge : 27Message(s) : 129

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    *-Atlas-*
    le Mer 22 Juin 2016 - 20:28
    jessaie


    FémininAge : 21Message(s) : 27
    andie_xcv
    le Sam 2 Juil 2016 - 18:34
    J'ai bien envie de regarder tout ça de plus près :)
    Merci beaucoup pour le partage !
    FémininAge : 17Message(s) : 14
    charlint
    le Mer 20 Juil 2016 - 6:34
    Merciii
    FémininAge : 21Message(s) : 11
    PhaerylGG
    le Mer 20 Juil 2016 - 17:53
    Merci pour ce superbe travail, j'adore l'idée !!
    FémininAge : 58Message(s) : 83
    marie-noelle
    le Dim 7 Aoû 2016 - 19:01
    merci :)
    MasculinAge : 30Message(s) : 15
    Aubenaissante
    le Lun 8 Aoû 2016 - 6:23
    énorme merci !
    FémininAge : 20Message(s) : 13
    Lynnakiel
    le Lun 8 Aoû 2016 - 21:15
    Merci beaucoup ! C'est super beau ! :)
    Contenu sponsorisé
    Aujourd'hui à 21:04

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