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
    Laeta
    FémininAge : 17Messages : 73

    le Mar 16 Fév 2016 - 12:51

    Wa ça gère o.o thanks!
    avatar
    Sophia
    FémininAge : 22Messages : 43

    le Jeu 25 Fév 2016 - 13:26

    Merci
    avatar
    beza
    FémininAge : 21Messages : 45

    le Jeu 25 Fév 2016 - 18:26

    Merci !
    avatar
    sunn-day
    MasculinAge : 23Messages : 38

    le Sam 27 Fév 2016 - 1:00

    ty
    avatar
    Aki'
    FémininAge : 21Messages : 255

    le Lun 29 Fév 2016 - 10:56

    Merci :)
    avatar
    Spree
    FémininAge : 20Messages : 33

    le Sam 5 Mar 2016 - 19:54

    Merci !
    avatar
    miss69
    FémininAge : 34Messages : 40

    le Dim 6 Mar 2016 - 3:07

    Hannnn merciii je rajoute ce tuto à ma liste hihi
    avatar
    Tinkky
    FémininAge : 27Messages : 88

    le Dim 6 Mar 2016 - 12:57

    Merci pour le partage ^_^
    avatar
    KTMiz
    MasculinAge : 18Messages : 47

    le Ven 11 Mar 2016 - 17:54

    Merci



    avatar
    Banhjo
    MasculinAge : 20Messages : 75

    le Ven 11 Mar 2016 - 18:52

    Merci
    avatar
    Carasama
    FémininAge : 22Messages : 87

    le Mer 23 Mar 2016 - 0:57

    merci *-*
    avatar
    Dreamyland
    FémininAge : 20Messages : 87

    le Ven 1 Avr 2016 - 4:28

    Merciiii
    avatar
    Coco-Lapin02
    MasculinAge : 49Messages : 147

    le Ven 15 Avr 2016 - 17:15

    Merci
    avatar
    Amiko
    FémininAge : 26Messages : 51

    le Jeu 5 Mai 2016 - 19:01

    Merci beaucoup !
    avatar
    Taiga
    MasculinAge : 27Messages : 45

    le Ven 6 Mai 2016 - 3:52

    Merci
    avatar
    AdmireLeParadox
    MasculinAge : 28Messages : 7

    le Ven 6 Mai 2016 - 7:20

    merci !!
    avatar
    Chocolakato
    FémininAge : 27Messages : 789

    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 !



    avatar
    Akiran
    FémininAge : 17Messages : 158

    le Sam 21 Mai 2016 - 20:30

    Merci!
    avatar
    *-Atlas-*
    MasculinAge : 28Messages : 135

    le Mer 22 Juin 2016 - 20:28

    jessaie



    avatar
    andie_xcv
    FémininAge : 22Messages : 34

    le Sam 2 Juil 2016 - 18:34

    J'ai bien envie de regarder tout ça de plus près :)
    Merci beaucoup pour le partage !
    avatar
    charlint
    FémininAge : 18Messages : 30

    le Mer 20 Juil 2016 - 6:34

    Merciii
    avatar
    PhaerylGG
    FémininAge : 22Messages : 13

    le Mer 20 Juil 2016 - 17:53

    Merci pour ce superbe travail, j'adore l'idée !!
    avatar
    marie-noelle
    FémininAge : 60Messages : 100

    le Dim 7 Aoû 2016 - 19:01

    merci :)
    avatar
    Aubenaissante
    MasculinAge : 31Messages : 15

    le Lun 8 Aoû 2016 - 6:23

    énorme merci !
    avatar
    Lynnakiel
    FémininAge : 21Messages : 18

    le Lun 8 Aoû 2016 - 21:15

    Merci beaucoup ! C'est super beau ! :)
    Contenu sponsorisé


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