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
    Elissane
    FémininAge : 16Messages : 23

    le Mer 16 Mar 2016 - 17:41

    Moi qui cherchais justement si c'était possible... Merci beaucoup pour le tuto !
    Kabrina Lestrange
    FémininAge : 28Messages : 71

    le Sam 26 Mar 2016 - 17:41

    Heinnnn!!! Je veux voir!!!
    Pythia
    FémininAge : 28Messages : 165

    le Dim 24 Avr 2016 - 17:11

    J'adore ! merci du partage .



    Geekgirl
    FémininAge : 19Messages : 9

    le Mer 4 Mai 2016 - 23:29

    merci



    Cordialement Geekgirl

    Heartfilia
    FémininAge : 16Messages : 98

    le Jeu 5 Mai 2016 - 19:39

    Original, merci



    YOU HELLA SAVED MY LIFE
    - chloe price
    Féery
    FémininAge : 16Messages : 23

    le Mer 11 Mai 2016 - 21:44

    Merci ♥
    Sighild
    FémininAge : 29Messages : 130

    le Sam 14 Mai 2016 - 12:19

    Je suis curieuse de voir le résultat.

    Merci pou cette ingénieuse idée.
    Démo
    FémininAge : 17Messages : 35

    le Mar 17 Mai 2016 - 22:13

    Woah, mercii
    M.O
    MasculinAge : 26Messages : 45

    le Mar 24 Mai 2016 - 3:44

    Merci!
    Ylkhana
    FémininAge : 23Messages : 290

    le Mar 7 Juin 2016 - 10:51

    La grande classe ! Merci !
    Suisen
    FémininAge : 22Messages : 52

    le Mar 7 Juin 2016 - 15:51

    Merci du partage ♥
    Lyana Taylor
    FémininAge : 20Messages : 67

    le Dim 26 Juin 2016 - 0:42

    Merci pour le tuto !



    andie_xcv
    FémininAge : 21Messages : 28

    le Sam 2 Juil 2016 - 23:59

    Ca a l'air top ! Merci beaucoup (:
    Velcuum
    MasculinAge : 18Messages : 31

    le Mar 12 Juil 2016 - 13:39

    J'aime bien ;D
    Rimaï J. Godwin
    MasculinAge : 20Messages : 60

    le Mer 27 Juil 2016 - 15:51

    Merci :3
    Wiss
    FémininAge : 12Messages : 50

    le Lun 8 Aoû 2016 - 21:42

    Merci !




    Autre signa:
    L*
    FémininAge : 22Messages : 44

    le Jeu 8 Sep 2016 - 9:14

    Merci beaucoup =)
    Ambre707
    FémininAge : 23Messages : 11

    le Jeu 8 Sep 2016 - 20:51

    Je ne savais pas du tout que c'était possible, du coup je suis curieuse de voir ce code, merci du partage :heart:
    Inamio
    FémininAge : 24Messages : 209

    le Sam 10 Sep 2016 - 21:23

    ah chouette, je cherchais justement comment faire merci =)



    Lilou O'Neill
    FémininAge : 17Messages : 57

    le Ven 16 Sep 2016 - 2:35

    C'est exactement ce dont j'ai besoin ! *o*
    Mille merci !
    MPGuenette
    FémininAge : 21Messages : 108

    le Sam 17 Sep 2016 - 17:30

    merci beaucouuup !
    Marion Navi
    FémininAge : 22Messages : 160

    le Dim 18 Sep 2016 - 11:26

    Merci
    Naoto Hiyaru
    MasculinAge : 20Messages : 14

    le Dim 18 Sep 2016 - 14:16

    Ca semble super nice, merci ! **
    Froufy
    FémininAge : 16Messages : 52

    le Mer 21 Sep 2016 - 15:13

    Super!! Merci!



    1+1= 4
          2
    3
    Choucroute Mozzarella
    FémininAge : 20Messages : 26

    le Ven 23 Sep 2016 - 12:19

    merci !
    Contenu sponsorisé

    Aujourd'hui à 13:28


      La date/heure actuelle est Lun 5 Déc 2016 - 13:28