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 - 9: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 - 11:23, édité 1 fois



    avatar
    NanoiHime
    FémininAge : 19Messages : 559

    le Sam 29 Aoû - 17:21

    C'est magnifique merci!



    avatar
    Djeina
    FémininAge : 21Messages : 233

    le Jeu 3 Sep - 1:54

    Merci Very Happy
    avatar
    Aenigma
    MasculinAge : 64Messages : 10

    le Dim 6 Sep - 4:52

    Pour voir, merci à vous
    avatar
    Arisu
    FémininAge : 29Messages : 109

    le Dim 6 Sep - 18:19

    Merci !
    avatar
    patriciadpt30
    FémininAge : 54Messages : 240

    le Jeu 10 Sep - 9:56

    merci pour voir :)



    Patricia :)
    avatar
    Meiywa
    FémininAge : 26Messages : 75

    le Ven 11 Sep - 15:05

    Merci :)
    avatar
    patriciadpt30
    FémininAge : 54Messages : 240

    le Sam 12 Sep - 9:53

    merci pour voir :)



    Patricia :)
    avatar
    Sid'
    FémininAge : 27Messages : 67

    le Lun 14 Sep - 7:59

    Merci Very Happy
    avatar
    hurudy
    MasculinAge : 37Messages : 40

    le Lun 14 Sep - 9:13

    merci !!!!
    avatar
    Bunny Lune
    FémininAge : 28Messages : 139

    le Lun 14 Sep - 16:03

    Hello,

    Merci pour le LS. La présentation du forum ainsi est magnifique.
    avatar
    Isaac Berntsson
    MasculinAge : 24Messages : 29

    le Mer 16 Sep - 13:13

    MErci bien !!
    avatar
    patriciadpt30
    FémininAge : 54Messages : 240

    le Ven 25 Sep - 16:52

    merci



    Patricia :)
    avatar
    Pinku
    FémininAge : 19Messages : 139

    le Sam 26 Sep - 11:29

    Merci !
    avatar
    patriciadpt30
    FémininAge : 54Messages : 240

    le Mer 30 Sep - 11:32

    merci très sympa :)



    Patricia :)
    avatar
    LyN[ss]
    FémininAge : 26Messages : 105

    le Lun 5 Oct - 1:07

    Merci pour ce partage ! o/
    avatar
    Bellatrix
    FémininAge : 26Messages : 15

    le Mer 7 Oct - 18:27

    Super beau !
    Horus
    FémininAge : 20Messages : 55

    le Lun 12 Oct - 9:22

    thank
    avatar
    Anarchy Rose
    FémininAge : 22Messages : 60

    le Lun 12 Oct - 16:13

    Merci, moi je cherche simplement l’effet premier ! :)
    avatar
    TiGraou
    MasculinAge : 24Messages : 231

    le Mar 13 Oct - 13:10

    Merci !
    avatar
    athenais
    FémininAge : 29Messages : 98

    le Mar 13 Oct - 18:46

    Merci pour le partage Very Happy
    avatar
    Ryukaï
    MasculinAge : 19Messages : 613

    le Sam 17 Oct - 20:32

    Merci



    avatar
    Tristelune
    FémininAge : 26Messages : 15

    le Mar 20 Oct - 9:36

    Merchi pour le codage (:
    avatar
    Blazeca
    FémininAge : 17Messages : 30

    le Mer 21 Oct - 12:30

    merci
    avatar
    Blazeca
    FémininAge : 17Messages : 30

    le Mer 21 Oct - 12:39

    J'ai une question : où placer le CSS ? ^^ Merci
    avatar
    Kingdom.
    FémininAge : 17Messages : 54

    le Sam 24 Oct - 11:15

    merci!
    Contenu sponsorisé


      La date/heure actuelle est Mer 22 Nov - 12:46