Ich habe dafür einen Code gefunden und will den jetzt mal testen und habe dafür für ein kostenloses Design geholt was es in dunkel und hell gibt und hoff das ihr mir helfen könnt das das helle immer ab 8 Uhr und das dunkle immer ab 21 Uhr angezeigt wird.
Der Javascriptcode zu design ändern
Code
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function getCSS()
{
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour > 20)
display = "tree_twilight.css";
else if (thehour > 17)
display = "tree_sunset.css";
else if (thehour > 14)
display = "tree_afternoon.css";
else if (thehour > 11)
display = "tree_noon.css";
else if (thehour > 7)
display = "tree_morning.css";
else if (thehour > 4)
display = "tree_sunrise.css";
else if (thehour > 1)
display = "tree_twilight.css";
else
display = "tree_sunset.css";
var css = '<'; css+='link rel="stylesheet" href=' + display + ' \/'; css+='>';
document.write(css);
// End -->
}
</script>
<script language="javascript">getCSS();</script>
Alles anzeigen
helles Design
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / [URL='http://www.on-mouseover.de/templates/']www.on-mouseover.de/templates/[/URL] -->
<!-- Hinweis:
Ein Verkauf der Vorlage oder das Anbieten dieser Vorlage ist untersagt.
Die Vorlage kann privat (kostenlos) und kommerziell (gegen Bezahlung) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite [URL='http://www.on-mouseover.de/templates/']www.on-mouseover.de/templates/[/URL]
bitte die Nutzungsbedingungen nach.
-->
<link rel="stylesheet" href="format.css" type="text/css">
</head>
<body >
<table align="center" cellspacing="0" cellpadding="0" border="0" width="100%" style="border:solid 0px silver">
<tr>
<td width="100%" >
<table cellspacing="2" cellpadding="0" border="0" width="100%">
<tr>
<!-- beginn kopf1-->
<td width="260" align="center" >
<table width="260" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="260" class="leiste" >
<table cellspacing="0" cellpadding="0" border="0" width="260" >
<tr>
<td align="center"><table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td align="center" > </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table></td><td align="center" width="100%" class="leiste" >Name der Homepage</td>
<!-- ende kopf1-->
</tr>
<tr>
<!-- logo-->
<td id="logo" width="260" height="120"> </td><td id="logo" width="100%" height="72"> </td>
<!-- logo ende-->
</tr>
<!-- beginn kopf2-->
<td width="260" >
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" class="leiste" >
<table cellspacing="0" cellpadding="0" border="0" width="260" align="center">
<tr>
<td align="center" >Navigation</td>
</tr>
</table>
</td>
</tr>
</table></td>
<td align="center" width="100%" class="leiste" >Seitentitel</td>
</tr>
<!-- ende kopf2-->
<tr>
<td valign="top" class="nav" >
<br>
<!--Beginn Rubrik 1 linke Seite-->
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="2" id="menu" align="center" style="border:solid 1px silver" >
<tr>
<td class="rubrik"> Rubrik 1
</td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Home</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Feedback</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Gästebuch</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Impressum</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Kontakt</a></td>
</tr>
</table>
<!--Ende Rubrik 1 linke Seite-->
<br>
<!--Beginn Rubrik 2 linke Seite-->
<table bgcolor="#ffffff" width="170" border="0" cellpadding="0" cellspacing="2" id="menu" align="center" style="border:solid 1px silver" >
<tr>
<td class="rubrik"> Rubrik 2
</td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Newsletter</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Chat</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Weblinks</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Musik</a></td>
</tr>
</table>
<!--Ende Rubrik 2 linke Seite-->
<br>
<!--Beginn Rubrik 3 linke Seite-->
<table bgcolor="#ffffff" width="170" border="0" cellpadding="0" cellspacing="2" id="menu" align="center" style="border:solid 1px silver" >
<tr>
<td class="rubrik"> Rubrik 3
</td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Partner</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Friends</a></td>
</tr>
</table>
<!--Ende Rubrik 3 linke Seite-->
<!--Ende Menue linke Seite-->
</td>
<td valign="top" bgcolor="#e6e6e6" width="100%" height="440" style="border:solid 1px silver" >
<!-- beginn hauptinhaltstabelle--><table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td valign="top" width="100%" id="in">
<h2>Layout.</h2>
Dieses Design heisst "Night & Day". Warum? Weil dieses Design eine Tag-Version hat (die sehen Sie hier gerade) sowie auch eine Nacht-Version (dazu klicken Sie nachstehend den Link ) anbei enthält. Übrigens: Das Layout ist komplett ohne Grafiken. Sie können hier farblich also alles ändern.
<br>
<br>
Hier die <a href="version2/index.html">Nacht-Version</a>.
<br><br>
<h2>Technik.</h2>Seite ohne Frames.<br>
<br>
Wie üblich mit ausgelagerter CSS-Datei. Platz für Fusszeile unten sowie oben der Homepagenameals einfacher Text einzutragen. Bei "Seitentitel" ist jeweils die Überschrift jeder einzelnen Seite bzw. des angewählten Links einzutragen. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.
<br>
<br>
<br>
<h2>Logo/Banner/Titel.</h2>
<br>
Verwenden Sie unkompliziert einen Hompagenamen als einfachen Text (so wie jetzt ganz oben). Und/oder fügen Sie eine Banner oder Logo-Grafik ein. Dafür stehen Ihnen oben sogar 2 Felder zur Verfügung.
<br>
<br>
<br>
<h2>Menü.</h2>Textlinks. Menüs beliebig nach unten erweiterbar.<br>
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Es können beliebig viele Rubriken erstellt werden, die wiederum beliebig viele Links enthalten. Hier mal beispielhaft mit 3 Rubriken. Statt "Rubrik1" usw. schreiben Sie dort Ihren eigenen Rubriktitel als Überschrift des jeweiligen Menüs.
<br>
<br>
Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link:
<a href="#" >Beispiel-Link</a>
<!-- ende inhalt-->
</td>
</tr>
</table><!--ende hauptinhaltstabelle-->
</td>
</tr>
<tr>
<td class="fuss" >www.beispiel-ihre-url.de </td><td class="fuss" >Platz für z.b. Ihre Anschrift</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Alles anzeigen
dunkles Design
HTML
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="page-type" content=" homepage">
<title>www.on-mouseover.de/templates/</title>
<!-- Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg , [URL='http://www.on-mouseover.de/templates/']www.on-mouseover.de/templates/[/URL]
Bitte lesen Sie dort die Nutzungsbedingungen nach.
-->
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
<link rel="stylesheet" href="format.css" type="text/css">
</head>
<body >
<table align="center" cellspacing="0" cellpadding="0" border="0" width="100%" style="border:solid 0px silver">
<tr>
<td width="100%" >
<table cellspacing="2" cellpadding="0" border="0" width="100%">
<tr>
<!-- beginn kopf1-->
<td width="260" align="center" >
<table width="260" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="260" class="leiste" >
<table cellspacing="0" cellpadding="0" border="0" width="260" >
<tr>
<td align="center"><table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td align="center" > </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table></td><td align="center" width="100%" class="leiste" >Name der Homepage</td>
<!-- ende kopf1-->
</tr>
<tr>
<!-- logo-->
<td id="logo" width="260" height="120"> </td><td id="logo" width="100%" height="72"> </td>
<!-- logo ende-->
</tr>
<!-- beginn kopf2-->
<td width="260" >
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" class="leiste" >
<table cellspacing="0" cellpadding="0" border="0" width="260" align="center">
<tr>
<td align="center" >Navigation</td>
</tr>
</table>
</td>
</tr>
</table></td>
<td align="center" width="100%" class="leiste" >Seitentitel</td>
</tr>
<!-- ende kopf2-->
<tr>
<td valign="top" class="nav" >
<br>
<!--Beginn Rubrik 1 linke Seite-->
<table bgcolor="#1e1e1e" border="0" cellpadding="0" cellspacing="2" id="menu" align="center" style="border:solid 1px #7f7f7f" >
<tr>
<td class="rubrik"> Rubrik 1
</td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Home</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Feedback</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Gästebuch</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Impressum</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Kontakt</a></td>
</tr>
</table>
<!--Ende Rubrik 1 linke Seite-->
<br>
<!--Beginn Rubrik 2 linke Seite-->
<table bgcolor="#1e1e1e" border="0" cellpadding="0" cellspacing="2" id="menu" align="center" style="border:solid 1px #7f7f7f" >
<tr>
<td class="rubrik"> Rubrik 2
</td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Newsletter</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Chat</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Weblinks</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Musik</a></td>
</tr>
</table>
<!--Ende Rubrik 2 linke Seite-->
<br>
<!--Beginn Rubrik 3 linke Seite-->
<table bgcolor="#1e1e1e" border="0" cellpadding="0" cellspacing="2" id="menu" align="center" style="border:solid 1px #7f7f7f" >
<tr>
<td class="rubrik"> Rubrik 3
</td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Partner</a></td>
</tr>
<tr>
<td ><a href="index.html" > <span class="pfeil">»</span> Friends</a></td>
</tr>
</table>
<!--Ende Rubrik 3 linke Seite-->
<!--Ende Menue linke Seite-->
</td>
<td valign="top" width="100%" height="440" style="border:solid 1px #7f7f7f" >
<!-- beginn hauptinhaltstabelle--><table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td valign="top" width="100%" id="in">
<h2>Layout.</h2>
Dieses Design heisst "Night & Day". Warum? Weil dieses Design eine Nacht-Version hat (die sehen Sie hier gerade) sowie auch eine Tag-Version (dazu klicken Sie nachstehend den Link ) anbei enthält. Übrigens: Das Layout ist komplett ohne Grafiken. Sie können hier farblich also alles ändern.
<br>
<br>
Hier die <a href="../index.html">Tag-Version</a>.
<br><br>
<h2>Technik.</h2>Seite ohne Frames.<br>
<br>
Wie üblich mit ausgelagerter CSS-Datei. Platz für Fusszeile unten sowie oben der Homepagenameals einfacher Text einzutragen. Bei "Seitentitel" ist jeweils die Überschrift jeder einzelnen Seite bzw. des angewählten Links einzutragen. Anlegen von Links bzw. HTML-Seiten wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.
<br>
<br>
<br>
<h2>Logo/Banner/Titel.</h2>
<br>
Verwenden Sie unkompliziert einen Hompagenamen als einfachen Text (so wie jetzt ganz oben). Und/oder fügen Sie eine Banner oder Logo-Grafik ein. Dafür stehen Ihnen oben sogar 2 Felder zur Verfügung.
<br>
<br>
<br>
<h2>Menü.</h2>Textlinks. Menüs beliebig nach unten erweiterbar.<br>
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Es können beliebig viele Rubriken erstellt werden, die wiederum beliebig viele Links enthalten. Hier mal beispielhaft mit 3 Rubriken. Statt "Rubrik1" usw. schreiben Sie dort Ihren eigenen Rubriktitel als Überschrift des jeweiligen Menüs.
<br>
<br>
Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link:
<a href="#" >Beispiel-Link</a>
<!-- ende inhalt-->
</td>
</tr>
</table><!--ende hauptinhaltstabelle-->
</td>
</tr>
<tr>
<td class="fuss" >www.beispiel-ihre-url.de </td><td class="fuss" >Platz für z.b. Ihre Anschrift</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Alles anzeigen
Danke im Vorraus schonmal hoffe das mir jemand helfen kann