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 : 24Messages : 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
    Sighild
    FémininAge : 31Messages : 161

    le Jeu 16 Fév 2017 - 19:52

    Je suis curieuse de voir comment le code est fait!

    Merci!
    avatar
    Envola
    FémininAge : 26Messages : 54

    le Lun 20 Fév 2017 - 19:01

    Merci !
    avatar
    allen walker
    FémininAge : 20Messages : 23

    le Jeu 23 Fév 2017 - 18:07

    Merci !
    avatar
    Erydrin
    FémininAge : 23Messages : 69

    le Mer 8 Mar 2017 - 16:28

    Merci !
    avatar
    Christtinne
    FémininAge : 32Messages : 189

    le Jeu 9 Mar 2017 - 5:57

    merci
    avatar
    Mahogany
    FémininAge : 24Messages : 53

    le Lun 17 Avr 2017 - 16:46

    Merci bien!
    avatar
    Akina-chan
    FémininAge : 24Messages : 138

    le Mar 18 Avr 2017 - 21:25

    Merci <3
    avatar
    Alsan
    MasculinAge : 20Messages : 48

    le Ven 21 Avr 2017 - 1:36

    Merci
    avatar
    Wildness
    MasculinAge : 25Messages : 16

    le Sam 22 Avr 2017 - 21:14

    Merci
    avatar
    Susu-chan
    FémininAge : 27Messages : 76

    le Sam 22 Avr 2017 - 21:17

    Merci beaucoup !
    avatar
    RigoloDiabolo_
    MasculinAge : 17Messages : 15

    le Dim 23 Avr 2017 - 12:06

    mrc
    avatar
    Dinoni
    FémininAge : 19Messages : 13

    le Sam 6 Mai 2017 - 15:17

    Merci !
    avatar
    .Lucifer.
    MasculinAge : 44Messages : 168

    le Ven 12 Mai 2017 - 19:54

    Merci beaucoup pour le code ! Wink



    avatar
    Luunalight
    FémininAge : 27Messages : 96

    le Sam 13 Mai 2017 - 10:57

    Merci beaucoup pour ton travail :) Il est magnifique ♥
    avatar
    Raynold
    MasculinAge : 18Messages : 39

    le Lun 29 Mai 2017 - 5:09

    mrc
    avatar
    Crépuscule de Lune
    FémininAge : 29Messages : 64

    le Mer 31 Mai 2017 - 19:55

    Ça faisait un petit moment que je songeais à mettre des images en fond de catégories, alors je vais y jeter un œil pour voir ce que ça donne ! Merci du partage ^^




    avatar
    Sylphyde
    FémininAge : 26Messages : 18

    le Lun 3 Juil 2017 - 5:20

    Merci :)
    avatar
    Nemesyss
    FémininAge : 27Messages : 30

    le Mer 5 Juil 2017 - 20:33

    Merci c'est superbe
    avatar
    Malizia.
    FémininAge : 22Messages : 90

    le Dim 9 Juil 2017 - 7:22

    Merci !
    avatar
    Deed01
    MasculinAge : 40Messages : 338

    le Sam 15 Juil 2017 - 17:15

    merci Very Happy
    avatar
    Destan
    MasculinAge : 39Messages : 31

    le Ven 4 Aoû 2017 - 23:34

    Merci
    avatar
    Titi | Luna
    FémininAge : 12Messages : 39

    le Mar 10 Oct 2017 - 18:49

    Merci pour le code (je pense l'utiliser)
    Lucrèce
    FémininAge : 28Messages : 68

    le Mar 10 Oct 2017 - 22:32

    Merci !
    avatar
    Cadmée
    FémininAge : 42Messages : 11

    le Mar 17 Oct 2017 - 21:50

    merci pour le partage !
    avatar
    Oeil de lynx
    FémininAge : 29Messages : 20

    le Dim 29 Oct 2017 - 11:57

    merci ! :3
    Contenu sponsorisé


      La date/heure actuelle est Ven 23 Fév 2018 - 9:40