Un mode nuit ?

[MrRedlou]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Internet Explorer, Opera, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://entraide-videastes.com

Description du problème

Bonjour,

Plusieurs des membres de mon forum m'ont fait la remarque, donc je voulais savoir s'il était possible d'ajouter un mode nuit sur notre forum ?

Voilà, c'est tout

[MlleAlys]

Bonjour,
Ce tutoriel devrait vous y aider : https://forum.forumactif.com/t308631-selecteur-de-style#2696643

[MrRedlou]

Merci pour votre réponse, mais n'existe t-il pas une solution plus simple que de changer le css ?

[papa pig]

Bonjour,
Il faudrait demander à un codeur un code javascript (sur toutes les pages) permettant d'ajouter une classe CSS ("nuit" par exemple) à la balise < body >, en fonction de l'heure qu'il est. Ainsi, dans votre CSS, si par exemple vous souhaitez juste changer la couleur de fond comme un bleu nuit vous pouvez ajouter à votre feuille de style :

Code:

body.nuit {
   background-color: #25263a !important;
}

Cdt

[Adam_sfp]

Bonjour

@MrRedlou il faudra d'une manière ou d'une autre modifier le CSS...

Le lien fourni par @MlleAlys est une bonne solution laissant le choix à l'utilisateur..

Si vous voulez faire ce que propose @papapig j'ai ce script que j'ai déjà utilisé pour faire des changements d'apparence en fonction de l'heure... a vous de l'adapter selon vos choix si il vous intéresse  

Code:

function getStylesheet() {
      var currentTime = new Date().getHours();
      if (0 <= currentTime&&currentTime < 7) {
       document.write("<link rel='stylesheet' href='ICI LE LIEN VERS UNE FEUILLE CSS HEBERGE style nuit' type='text/css'>");
      }
      if (7 <= currentTime&&currentTime < 20) {
       document.write("<link rel='stylesheet' href='ICI LE LIEN VERS UNE FEUILLE CSS HEBERGE style jour' type='text/css'>");
      }
      if (20 <= currentTime&&currentTime < 24) {
       document.write("<link rel='stylesheet' href='ICI LE LIEN VERS UNE FEUILLE CSS HEBERGE style soirée' type='text/css'>");
      }
    
}

getStylesheet();

Cdt.

[papa pig]

Je voulais plutôt parler d'une chose comme ceci (attention je n'y connais rien, je propose juste ce semblant de code qui se rapprocherait de mon idée). Si quelqu'un de compétent veut rectifier les erreurs ...

Code:

$(document).ready(function(){
    var currentTime = new Date().getHours();

    if (0 <= currentTime&&currentTime < 7) {
    $("#body").each(function(){
        $(this).addClass("nuit");
    });

    if (20 <= currentTime&&currentTime < 24) {
    $("#body").each(function(){
        $(this).addClass("nuit");
    });
    
});

Cdt

[MrRedlou]

Merci de votre mobilisation du coup !

Je vais attendre que les erreurs soient rectifiées, et je verrai quoi mettre

Encore merci pour votre aide, c'est super sympa !

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.