AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

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
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    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



    avatar
    RedZoku_Mamout
    MasculinAge : 27Messages : 4

    le Mer 28 Oct 2015 - 20:55

    Merci
    avatar
    Nat
    FémininAge : 23Messages : 42

    le Jeu 29 Oct 2015 - 13:00

    Merchi à toi ! cheers
    avatar
    Laetizya
    FémininAge : 19Messages : 53

    le Ven 30 Oct 2015 - 1:02

    Merci beaucoup !
    avatar
    Darth Bogus
    MasculinAge : 27Messages : 46

    le Sam 31 Oct 2015 - 3:03

    thx
    avatar
    Sparryx
    MasculinAge : 15Messages : 71

    le Sam 31 Oct 2015 - 12:35

    Merci
    avatar
    Love_RPG
    FémininAge : 23Messages : 32

    le Dim 1 Nov 2015 - 19:15

    merci ♥
    avatar
    Cassisse
    FémininAge : 25Messages : 114

    le Dim 1 Nov 2015 - 22:48

    wow ! Merci c'est incroyable
    avatar
    patriciadpt30
    FémininAge : 54Messages : 240

    le Mer 25 Nov 2015 - 14:33

    merci



    Patricia :)
    avatar
    Eiv
    MasculinAge : 23Messages : 503

    le Ven 27 Nov 2015 - 2:07

    Merci je vais essayer d'utiliser ça Very Happy
    avatar
    Nymeria.
    FémininAge : 22Messages : 297

    le Sam 28 Nov 2015 - 21:35

    Merci *-*
    avatar
    Shanoa
    FémininAge : 19Messages : 64

    le Mar 8 Déc 2015 - 19:56

    merci beaucoup je trouve cela original ^^
    avatar
    NekoMiaouw
    FémininAge : 21Messages : 134

    le Ven 11 Déc 2015 - 17:46

    merci :)



    avatar
    Sakura Yuuki
    FémininAge : 16Messages : 76

    le Dim 13 Déc 2015 - 11:15

    Merci !



    avatar
    Pollux
    FémininAge : 27Messages : 97

    le Dim 13 Déc 2015 - 14:16

    Merci
    avatar
    Saya Akimoto
    FémininAge : 31Messages : 130

    le Dim 13 Déc 2015 - 15:03

    Merci beaucoup. Je vais utiliser ce code pour un forum. ♥



    avatar
    Yusran
    MasculinAge : 25Messages : 4

    le Mer 16 Déc 2015 - 19:45

    Ce que je recherches merci. :)
    avatar
    Nerria
    FémininAge : 20Messages : 44

    le Dim 20 Déc 2015 - 18:32

    Ouah c'est superbe ça comme idée *-* Bravo et merci du partage !
    avatar
    CaraDelevngnie
    FémininAge : 18Messages : 368

    le Lun 28 Déc 2015 - 20:08

    Wow, magnifique *-*



    avatar
    valtena_ethan
    MasculinAge : 26Messages : 414

    le Dim 3 Jan 2016 - 18:08

    merci



    avatar
    Vixinte
    FémininAge : 19Messages : 90

    le Dim 3 Jan 2016 - 22:24

      Perci pour la partage ! ♥
    avatar
    Mohank
    MasculinAge : 22Messages : 20

    le Dim 24 Jan 2016 - 17:38

    Merci!
    avatar
    Emilie
    FémininAge : 13Messages : 11

    le Mer 27 Jan 2016 - 13:32

    Merci !
    avatar
    greyfox1524
    MasculinAge : 22Messages : 7

    le Ven 29 Jan 2016 - 17:22

    merci beaucoup
    avatar
    darkazu
    FémininAge : 23Messages : 42

    le Ven 29 Jan 2016 - 19:13

    magnigique
    avatar
    Vani
    FémininAge : 33Messages : 154

    le Lun 15 Fév 2016 - 17:25

    Ca a l'air vraiment chouette ça :o
    Contenu sponsorisé


      La date/heure actuelle est Sam 16 Déc 2017 - 23:17