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 : 24Message(s) : 24
    Iliass
    le Dim 15 Fév 2015 - 13:53
    merci
    FémininAge : 31Message(s) : 1141
    Sukinette
    le Dim 15 Fév 2015 - 14:39
    Merci du partage ♥


      Merci pour les avatars Clémentine & Narakye ♥♥
    FémininAge : 22Message(s) : 137
    MOON LEE
    le Dim 15 Fév 2015 - 19:51
    Merci
    FémininAge : 19Message(s) : 485

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    5/10  (5/10)
    Alumine
    le Lun 16 Fév 2015 - 19:12
    Merci ! Je vais disséquer ton code jusqu'à ce qu'il soit à mouahahahahahaaaaa ! *se prépare à s'écorcher le cerveau sur les angles râpeux des sélecteurs CSS3*



    Before...:

    mon ange gardien ♥
    FémininAge : 23Message(s) : 117
    Err0r
    le Mer 18 Fév 2015 - 23:17
    c'est trop beau :o (c'est un coup à être perdue quand on à pas l'habitude xD)


    FémininAge : 31Message(s) : 228
    Madras
    le Jeu 19 Fév 2015 - 21:14
    Merci du partage
    FémininAge : 20Message(s) : 165
    Lupa
    le Jeu 19 Fév 2015 - 23:45
    Merci beaucoup <3


    To die would be an awfully big adventure... ~ Peter Pan, James M. Berrie.
    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 Sam 21 Fév 2015 - 16:56
    Merci beaucoup ^^
    Invité
    le Sam 21 Fév 2015 - 19:00
    Merci pour le partage.
    FémininAge : 27Message(s) : 33
    Alcida
    le Sam 21 Fév 2015 - 19:01
    Trop classe !


    MasculinAge : 26Message(s) : 192
    Hayate747
    le Sam 28 Fév 2015 - 11:21
    Merci Wink
    MasculinAge : 20Message(s) : 163

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kirito
    le Mar 3 Mar 2015 - 23:50
    Ouaw, j'adooore !!
    FémininAge : 41Message(s) : 236
    Solitude
    le Jeu 5 Mar 2015 - 18:30
    Merci


    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    FémininAge : 23Message(s) : 120
    Maya Seiko
    le Ven 6 Mar 2015 - 9:58
    ohhh *0* merci
    FémininAge : 26Message(s) : 121

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    SweetGumiho
    le Lun 9 Mar 2015 - 17:31
    Merci pour ce tutoriel ! :)



    미쳐버리지 않으려면 때때로 미친 짓을 조금씩 해 주어야만 한다.
    — On doit faire des choses folles parfois pour éviter de devenir complètement cinglé.
    FémininAge : 24Message(s) : 165

    Les Guildes
    Guilde des Conteurs:
    7/30  (7/30)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Linaewen
    le Mar 10 Mar 2015 - 7:07
    Waouh merci pour le partage, je suis curieuse de le voir en oeuvre Very Happy
    FémininAge : 17Message(s) : 42
    Kyu
    le Sam 14 Mar 2015 - 12:32
    Merci beaucoup ♥
    FémininAge : 23Message(s) : 39
    Isiiis
    le Sam 14 Mar 2015 - 12:35
    C'est vraiment un beau rendu après, bravo.
    Et merci du partage, si j'ai l'envie de l'utiliser, je n'hésiterais pas
    FémininAge : 24Message(s) : 66
    Abysse Yclette
    le Mer 18 Mar 2015 - 12:33
    Super ! Très intéressant, merci


    FémininAge : 25Message(s) : 96
    Adèle
    le Sam 28 Mar 2015 - 10:46
    Très joli, merci ♥
    FémininAge : 23Message(s) : 2326

    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 Sam 28 Mar 2015 - 20:26
    Merci beaucoup :)


    Absente pour une durée indéterminée.
    FémininAge : 22Message(s) : 86
    Phoenix Elen
    le Sam 4 Avr 2015 - 22:33
    Oh... j'adore ! 
    C'est la deuxième catégories qui m'attire et les deux viennent de toi. 
    Beau travail et merci beaucoup pour ce codage.


    MasculinAge : 22Message(s) : 7
    moram22
    le Mar 7 Avr 2015 - 20:03
    Merci !
    FémininAge : 26Message(s) : 93
    Oror
    le Jeu 9 Avr 2015 - 10:17
    C'est très sympa j'aime beaucoup le rendu ! =)
    Merci pour le partage ! =)


    FémininAge : 20Message(s) : 31
    Sweetdead
    le Ven 10 Avr 2015 - 23:16
    Merci beaucoup !
    Contenu sponsorisé
    Aujourd'hui à 5:26

      La date/heure actuelle est Mer 28 Sep 2016 - 5:26