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
    Neva
    FémininAge : 25Messages : 18542

    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
    RainboWolf
    FémininAge : 19Messages : 76

    le Mer 7 Oct 2015 - 15:57

    Waah c'est parfait ! Merci. **
    Spring
    FémininAge : 15Messages : 105

    le Dim 18 Oct 2015 - 18:05

    super! **



    Kanra
    FémininAge : 16Messages : 113

    le Dim 1 Nov 2015 - 10:32

    Merci
    Kaht
    MasculinAge : 26Messages : 13

    le Lun 16 Nov 2015 - 13:53

    merci !! Very Happy
    MaelStrhom
    MasculinAge : 21Messages : 38

    le Ven 20 Nov 2015 - 5:50

    Oh, génial comme concept :0
    patriciadpt30
    FémininAge : 53Messages : 240

    le Ven 27 Nov 2015 - 12:59

    merci pour voir hi hi hi



    Patricia :)
    Smikyou
    FémininAge : 23Messages : 81

    le Dim 29 Nov 2015 - 4:40

    ty
    Alexielios
    FémininAge : 25Messages : 54

    le Dim 29 Nov 2015 - 12:32

    Merci pour ce tuto :) Je compte changer selon la date, j'espère que ça m'aiderai :)







    "People live their lives bound by what they accept as correct and true. That's how they define reality.
    But what does it mean to be correct or true?"
    Tria
    FémininAge : 19Messages : 125

    le Sam 12 Déc 2015 - 21:58

    Wouah *^* C'est génial comme idée. Merci !



    "Tomber est permis, se relever est ordonné."
    Myrcella Heaven
    FémininAge : 20Messages : 53

    le Dim 20 Déc 2015 - 2:04

    Merci !
    Otulissa
    FémininAge : 19Messages : 18

    le Lun 21 Déc 2015 - 11:58

    Eh c'est plutôt cool merci du partage !
    Tamashia
    FémininAge : 15Messages : 45

    le Mer 27 Jan 2016 - 18:02

    merci du partage ! **



    MeowLowDee
    FémininAge : 25Messages : 72

    le Ven 29 Jan 2016 - 12:23

    Merci, c'est trop bien !
    Soleilou
    FémininAge : 16Messages : 45

    le Jeu 4 Fév 2016 - 16:14

    Merci, c'est exactement ce que je recherche !
    Kilda
    FémininAge : 36Messages : 69

    le Dim 7 Fév 2016 - 10:38

    merci
    NanoiHime
    FémininAge : 18Messages : 512

    le Ven 12 Fév 2016 - 11:33

    Mercii





    Haaken
    FémininAge : 22Messages : 43

    le Jeu 18 Fév 2016 - 19:27

    Wow, cette idée quoi ♥ merci pour le partage !
    Sephy
    FémininAge : 22Messages : 134

    le Sam 20 Fév 2016 - 22:02


    Woaaah =D ça à l'air intéressant !
    Merci du partage !
    Ombinou
    FémininAge : 21Messages : 104

    le Mar 23 Fév 2016 - 20:00

    Merci ^^
    Lilihir
    FémininAge : 18Messages : 14

    le Mar 23 Fév 2016 - 21:49

    Merci pour ce fabuleux tuto ! L'idée est originale et puis, je pense que ça va plaire à énormément de monde !
    Brises
    FémininAge : 18Messages : 18

    le Sam 27 Fév 2016 - 22:13

    C'est super bien ! Merci du partage
    FanDeFofo
    MasculinAge : 39Messages : 16

    le Mer 2 Mar 2016 - 16:44

    h
    Jaspe
    MasculinAge : 13Messages : 20

    le Jeu 3 Mar 2016 - 15:28

    Originale, ça peut être utile, merchi





    Merci beaucoup Alil' !

    miss69
    FémininAge : 33Messages : 40

    le Dim 6 Mar 2016 - 2:37

    plop !

    merci beaucoup pour ce code :)
    Anviree
    FémininAge : 19Messages : 48

    le Lun 7 Mar 2016 - 16:35

    trop fort !
    Contenu sponsorisé

    Aujourd'hui à 22:47


      La date/heure actuelle est Mar 6 Déc 2016 - 22:47