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.


    Design changeant selon l'heure (exemple : bannière et fond)

    Partagez
    avatar
    Neva
    FémininAge : 25Messages : 18553

    le Dim 22 Sep 2013 - 16:33

    Rappel du premier message :

    RAPPELS :
    - Pour voir les codes de ce tutoriel, vous devez poster une réponse à la suite de ce message.
    - SI vous avez un problème avec ce tutoriel, n'hésitez pas à poser vos questions mais faîtes-le ici : http://www.never-utopia.com/f75-personnalisations  (relisez le tutoriel en entier avant de le faire et, lorsque vous ouvrez votre sujet, fournissez l'adresse de ce tutoriel, le lien de votre forum ainsi que les codes CSS/Javascript/template posant problème)

    Salut à tous !

    Je vous propose un tutoriel permettant de modifier l’apparence de votre forum selon l’heure (que ce soit pour faire un effet jour/nuit, matin/après-midi, un changement pour seulement une heure ou deux dans la journée...). Les deux exemples proposés se concentreront sur la modification du fond du forum et la modification de la bannière mais je vous invite à tenter vos propres personnalisations =)

    A SAVOIR :  
    - Le code utilise l’heure de votre ordinateur donc, une fois le code installé, vous pouvez changer l’heure sur votre ordinateur et recharger la page pour tester les différentes périodes.  
    - Les codes javascript sont à insérer dans panneau d'admin > modules > gestion des codes javascript
    - Sur la page "Gestion des codes javascript", pensez à activer les codes en cochant "oui" après "Activer la gestion des codes Javascript" et en enregistrant.


    MODIFIER LE FOND DU FORUM ENTRE LE JOUR ET LA NUIT





    MODIFIER LA BANNIERE





    COMBINER LES DEUX CODES






    RAJOUTER DES TRANCHES HORAIRES




    CONSEILS SUPPLEMENTAIRES :



    Dernière édition par Neva le Dim 19 Oct 2014 - 0:55, édité 4 fois
    avatar
    Tempy
    FémininAge : 18Messages : 76

    le Dim 7 Juin 2015 - 19:40

    ça à l'air bien pratique !
    J'utilise ♥
    avatar
    Fame
    MasculinAge : 27Messages : 224

    le Ven 19 Juin 2015 - 2:45

    merci, j'en avais justement de besoin. Very Happy
    avatar
    Shaneliae
    FémininAge : 20Messages : 764

    le Ven 19 Juin 2015 - 10:46

    Super original ! J'adore ♡



    avatar
    picka234
    Age : 52Messages : 433

    le Ven 19 Juin 2015 - 19:53

    merci



    avatar
    Itachi28
    FémininAge : 20Messages : 47

    le Mer 24 Juin 2015 - 21:17

    Merci ! :3
    avatar
    Allèle
    FémininAge : 24Messages : 56

    le Mer 1 Juil 2015 - 11:43

    Waw, c'est possible ça ?
    avatar
    Flitch
    MasculinAge : 27Messages : 44

    le Jeu 9 Juil 2015 - 1:07

    Ho merci! Je connaissait pas cette fonction!
    avatar
    Hylia
    FémininAge : 16Messages : 96

    le Lun 13 Juil 2015 - 18:47

    Merci!



    avatar
    Ryukaï
    MasculinAge : 18Messages : 590

    le Jeu 23 Juil 2015 - 19:15

    Merci Wink je suis curieux de savoir comment faire



    avatar
    Sweet Angel
    FémininAge : 34Messages : 144

    le Lun 3 Aoû 2015 - 10:44

    J'ai hâte de lire ça, merci
    avatar
    Kelalin
    FémininAge : 24Messages : 1460

    le Lun 3 Aoû 2015 - 11:09

    Merci pour le partage ! ヽ(;▽;)ノ
    avatar
    naah
    FémininAge : 23Messages : 66

    le Mar 4 Aoû 2015 - 15:44

    Génial o/
    avatar
    rosebleudu10
    FémininAge : 27Messages : 186

    le Dim 16 Aoû 2015 - 19:10

    merci
    avatar
    Zorane
    MasculinAge : 25Messages : 67

    le Lun 24 Aoû 2015 - 21:58

    Merci
    avatar
    Vani
    FémininAge : 32Messages : 148

    le Lun 24 Aoû 2015 - 22:28

    Eh mais c'est trop cool ça *__*
    avatar
    crapounet
    MasculinAge : 91Messages : 7

    le Mar 25 Aoû 2015 - 9:55

    Un grand merci à toi cheers
    avatar
    ninoute3012
    FémininAge : 23Messages : 62

    le Lun 31 Aoû 2015 - 12:04

    Je veux essayer :)
    avatar
    Kyu
    FémininAge : 17Messages : 42

    le Mar 1 Sep 2015 - 15:34

    Merci beaucoup pour ce code ♥ !
    avatar
    Ciel H.
    FémininAge : 19Messages : 50

    le Dim 20 Sep 2015 - 17:59

    Merci o/
    avatar
    TiGraou
    MasculinAge : 23Messages : 179

    le Lun 21 Sep 2015 - 16:39

    Merci
    avatar
    Youp
    FémininAge : 22Messages : 566

    le Mar 22 Sep 2015 - 1:48

    C'est super intriguant, j'aimerais voir ça ! Merci Neva ^^



    avatar
    Kuvera
    FémininAge : 23Messages : 30

    le Mer 30 Sep 2015 - 21:02

    merci !
    avatar
    Adrosh
    MasculinAge : 15Messages : 17

    le Dim 4 Oct 2015 - 12:13

    Merci
    avatar
    Louchita
    FémininAge : 23Messages : 125

    le Dim 4 Oct 2015 - 19:06

    Merci c'est justement ce dont j'avais besoin! ^^



    avatar
    Dreamyland
    FémininAge : 19Messages : 87

    le Lun 5 Oct 2015 - 13:06

    Merci *^*
    Contenu sponsorisé


      La date/heure actuelle est Mer 29 Mar 2017 - 3:25