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
    Naiyarth
    MasculinAge : 18Messages : 9

    le Sam 20 Aoû 2016 - 23:16

    Merci !
    avatar
    Neko Mimi
    FémininAge : 27Messages : 162

    le Lun 22 Aoû 2016 - 14:04

    Merci pour le partage ♥♥



    avatar
    lady sigyn
    FémininAge : 26Messages : 32

    le Mar 23 Aoû 2016 - 17:19

    Merci! je cherche des catégories dans ce genre depuis un moment *_*
    avatar
    Neya
    FémininAge : 18Messages : 164

    le Lun 29 Aoû 2016 - 18:53

    Merci
    avatar
    Lizbeth
    FémininAge : 20Messages : 162

    le Jeu 1 Sep 2016 - 17:59

    Merci :ange:
    avatar
    Nathaël
    MasculinAge : 28Messages : 90

    le Jeu 22 Sep 2016 - 12:00

    C'pas mal. Very Happy



    avatar
    o~°Passion HELL
    FémininAge : 29Messages : 209

    le Sam 1 Oct 2016 - 23:31

    Merci beaucoup, je trouve l'idée vraiment intéressante Wink



    ....
    avatar
    Omys
    FémininAge : 22Messages : 56

    le Lun 10 Oct 2016 - 20:16

    merci :3



    avatar
    Seano'k
    MasculinAge : 20Messages : 20

    le Lun 17 Oct 2016 - 20:22

    Merci
    avatar
    Necrolythia
    FémininAge : 30Messages : 434

    le Jeu 27 Oct 2016 - 17:30

    Bonsoir, j'aime bien merci :)



    avatar
    Onne La
    MasculinAge : 19Messages : 1

    le Lun 31 Oct 2016 - 19:52

    Merci beaucoup :)
    avatar
    Zatih
    MasculinAge : 27Messages : 18

    le Mar 1 Nov 2016 - 5:12

    Joli comme tout =) GG !
    avatar
    Faïryna
    FémininAge : 14Messages : 61

    le Dim 6 Nov 2016 - 9:39

    Waw bravo joli boulot!
    avatar
    Irys
    FémininAge : 28Messages : 145

    le Dim 20 Nov 2016 - 17:43

    J'aimerais bien voir ce que ça donne tiens... ^^ Merci du partage en tout cas ! :3




    Waht is your name?
    Shinju.dot
    FémininAge : 27Messages : 88

    le Jeu 24 Nov 2016 - 17:04

    merci ^^
    avatar
    Mordred Ghost
    FémininAge : 31Messages : 62

    le Mer 4 Jan 2017 - 22:04

    C'est juste super !
    avatar
    Plum
    FémininAge : 51Messages : 21

    le Lun 9 Jan 2017 - 1:07

    Merci pour ce partage
    avatar
    Leyakath
    FémininAge : 25Messages : 44

    le Jeu 12 Jan 2017 - 13:59

    Merci pour le partage, ça m'intéresse grandement ! Very Happy
    avatar
    Lakia
    FémininAge : 19Messages : 97

    le Ven 13 Jan 2017 - 23:31

    J'aime beaucoup !!
    Merci Wink
    avatar
    mijako
    FémininAge : 25Messages : 83

    le Lun 16 Jan 2017 - 14:08

    merci p.p
    avatar
    Lexucio
    MasculinAge : 23Messages : 28

    le Mar 24 Jan 2017 - 13:39

    Merci ^^
    avatar
    Aetherya
    FémininAge : 31Messages : 17

    le Mar 31 Jan 2017 - 22:40

    Je trouve ça magnifique et original, merci du partage !
    avatar
    Doomdom
    MasculinAge : 32Messages : 25

    le Dim 5 Fév 2017 - 16:53

    Vraiment hâte de découvrir comment tout ça est codé **
    Merci beaucoup pour le partage :heart:
    avatar
    Frishaille
    MasculinAge : 22Messages : 5

    le Dim 5 Fév 2017 - 20:21

    Merci beaucoup
    avatar
    P'tit loup
    MasculinAge : 34Messages : 436

    le Mar 7 Fév 2017 - 18:37

    essayons ça, merci pour ce partage ^^



    Contenu sponsorisé


      La date/heure actuelle est Lun 23 Oct 2017 - 11:37