404 404

Design made in Germany

Deutsches Design

CSS Datei zu einer bestimmten Uhrzeit wechseln » Tag- und Nachtzyklus

Design Magazin Design Agenturen Designer Design Weblogs Design Magazine Design Portale Design Communities Design Hochschulen Design Organisationen Design Ressourcen Design Shops Grafikdesigner Schriftdesigner Webdesigner Interfacedesigner Flashdesigner Motiondesigner Sounddesigner Fotodesigner 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

Hallo zusammen,

ich bin gerade neu hier, lese aber schon seit längerer Zeit mit.

Sicherlich wird ein Tag- und Nachtzyklus schon von etlichen Blogs verwendet, dem ein oder anderen werden wahrscheinlich schon die Ohren bluten :)

Trotzdem habe ich schlichtweg keine Ahnung, wie ich meine CSS Datei püntklich um 18 Uhr tauschen kann. Gegoogelt habe ich bereits, allerdings nichts mir verständliches gefunden. Daher würde ich mich über Hilfestellungen freuen.

Mfg

Deutsches Design: CSS Datei zu einer bestimmten Uhrzeit wechseln » Tag- und Nachtzyklus

Am besten geht das wohl serverseitig über eine Scriptsprache deiner Wahl, die je nach Uhrzeit unterschiedliche Stylesheets einbindet.

PHP:
if(date(G)>18 || date(G)<6) {
echo "<style type='text/css' href='nacht.css' />";
} else {
echo "<style type='text/css' href='tag.css' />";
}


Wenn PHP nicht zur Verfügung steht, geht das auch per Javascript - habs bloß grad leider nicht im Kopf, wie. Allerdings ist davon abzuraten, weil es eben nicht wirklich voll unterstützt wird...

Grüße, Benni.

Hi,

ich habe hier ein Beispiel, die als Funktion "setActiveStyleSheet" benutzt. Du findest sie hier bei DMIG. Einfach im Quelltext suchen. Dann brauchst Du erstmal 2 Stylesheets:

<link href="day.css" rel="stylesheet" type="text/css" title="day" />
<link href="night.css" rel="alternate stylesheet" type="text/css" title="night" />

und folgende Erweiterung:

<script language="JavaScript">
<!--
window.onload = function() {
var d = new Date();
if((d.getHours() >=7) && (d.getHours() <=18)){setActiveStyleSheet("day");}else{setActiveStyleSheet("night");};
}
//-->
</script>

Müsste gehen!

Aber besser ist sicher eine PHP bzw. ASP/.NET-Lösung.

Herzlichen Dank Benjamin !

Funktioniert wunderbar. Allerdings muss ich gestehen, dass ich keine große Ahnung von PHP habe.

Daher musste ich die Ausgabe etwas modifizieren, damit es lief:
Die Ausgabe
<style type='text/css' href='nacht.css' /> funktionierte nicht.

Allerdings diese hier:
<link rel='stylesheet' href='css/nacht.css' type='text/css'>

Daher nochmals danke.

Vielen Dank auch an Moritz!

Seitentitel: CSS Datei zu einer bestimmten Uhrzeit wechseln » Tag- und Nachtzyklus