Design ändert sich je nach Uhrzeit

!Florian

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" >&nbsp;</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">&nbsp;</td><td id="logo"  width="100%" height="72">&nbsp;</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">&nbsp;Rubrik 1
</td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Home</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Feedback</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;G&auml;stebuch</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Impressum</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;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">&nbsp;Rubrik 2
</td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Newsletter</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Chat</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Weblinks</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;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">&nbsp;Rubrik 3
</td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Partner</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;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&auml;lt. &Uuml;brigens: Das Layout ist komplett ohne Grafiken. Sie k&ouml;nnen hier farblich also alles &auml;ndern.
<br>
<br>
Hier die <a href="version2/index.html">Nacht-Version</a>.
<br><br>
<h2>Technik.</h2>Seite ohne Frames.<br>
<br>
Wie &uuml;blich mit ausgelagerter CSS-Datei. Platz f&uuml;r Fusszeile unten sowie oben der Homepagenameals einfacher Text einzutragen. Bei "Seitentitel" ist jeweils die &Uuml;berschrift jeder einzelnen Seite bzw. des angew&auml;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&uuml;gen Sie eine Banner oder Logo-Grafik ein. Daf&uuml;r stehen Ihnen oben sogar 2 Felder zur Verf&uuml;gung.
<br>
<br>
<br>
<h2>Men&uuml;.</h2>Textlinks.  Men&uuml;s beliebig nach unten erweiterbar.<br>
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Es k&ouml;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 &Uuml;berschrift des jeweiligen Men&uuml;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 &uuml;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&uuml;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" >&nbsp;</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">&nbsp;</td><td id="logo"  width="100%" height="72">&nbsp;</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">&nbsp;Rubrik 1
</td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Home</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Feedback</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;G&auml;stebuch</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Impressum</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;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">&nbsp;Rubrik 2
</td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Newsletter</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Chat</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Weblinks</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;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">&nbsp;Rubrik 3
</td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Partner</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;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&auml;lt. &Uuml;brigens: Das Layout ist komplett ohne Grafiken. Sie k&ouml;nnen hier farblich also alles &auml;ndern.
<br>
<br>
Hier die <a href="../index.html">Tag-Version</a>.
<br><br>
<h2>Technik.</h2>Seite ohne Frames.<br>
<br>
Wie &uuml;blich mit ausgelagerter CSS-Datei. Platz f&uuml;r Fusszeile unten sowie oben der Homepagenameals einfacher Text einzutragen. Bei "Seitentitel" ist jeweils die &Uuml;berschrift jeder einzelnen Seite bzw. des angew&auml;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&uuml;gen Sie eine Banner oder Logo-Grafik ein. Daf&uuml;r stehen Ihnen oben sogar 2 Felder zur Verf&uuml;gung.
<br>
<br>
<br>
<h2>Men&uuml;.</h2>Textlinks.  Men&uuml;s beliebig nach unten erweiterbar.<br>
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Es k&ouml;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 &Uuml;berschrift des jeweiligen Men&uuml;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 &uuml;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&uuml;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

Grevas

mit php wärs recht einfach

index.php

PHP

$uhrzeit = date("H", time());
if($uhrzeit => 8  && $uhrzeit < 21) {
include "helles_design.html";
} else {
include "dunkles_design.html";
}

/P.S. bah, viel zu spät heute... wie ich sehe hast du doch schon eine javascript lösung drin?
mit mehr als 2 zeitabschnitten auch noch, jetzt kann ich leider das ganze nicht mehr durchschauen, muss auch mal wech ^^"

aber wenn du nur die uhrzeiten haben willst - dann kannst das hier ja nehmen... wie ich beim überblicken gesehen hab sind es nur verschiedene css files, dazu müsstest du eben nur einen verschiedenen <link> im metabereich haben - darfst es aber im prinzip auch mit 2 verschiedenen html files haben, ist zwar nicht schön - aber es würde auch gehen...

!Florian

Also gegen die Idee mit dem PHP habe ich auch nix wäre dankbar wenn mir jemand das mal bei dem hellen oder dunklen zeigen könnte kenne mich mit php nicht wirklich aus.

oder muss ich den php code jetzt einfach in eine php datei und dann nur noch passend verlinken?

driver

naja, die unterschiede liegen ja scheinbar nur in der css datei.

also einfach statt dem javascript oben ein php einfügen...

PHP

<?$uhrzeit = date("H", time());
if(uhrzeit => 8 uhr && uhrzeit < 21) {
$display="hell.css";
} else {
$display="dunkel.css";
} 
echo "<link rel="stylesheet" type="text/css" href="'.$display.'" />"
?>

</span></span>

jojo87

Sehe das auch so, dass sich das Ganze über php schöner lösen lässt.
Allerdings hat er ja nicht nur 2 CSS-Dateien (hell und dunkel), sondern noch ein paar mehr.
Es hakt ja nur daran, dass er kein Javascript einbinden kann.
Wie man ein Javascript einbindet, ist hier schön zu lesen:
http://de.selfhtml.org/javascript/int…ascriptbereiche

Grüße,
jojo

driver

Zitat von jojo87

Allerdings hat er ja nicht nur 2 CSS-Dateien (hell und dunkel), sondern noch ein paar mehr.

naja.... dann nimmt er ein switch statt der einfachen if

jojo87

Wie erwähnt:

Zitat von jojo

Sehe das auch so, dass sich das Ganze über php schöner lösen lässt.

Aber wenn er schon ein Script hat, ists mir recht

!Florian

nachher wenn ich an meinen PC bin werde ich das mal mit dem php testen

___________________________

Ich habe es jetzt mal getestet und dann kam das:
Parse error: syntax error, unexpected T_DOUBLE_ARROW in /var/www/web1/html/fabio_design_zeigen/index.php on line 24

was kann ich jetzt machen so sieht meine Datei jetzt aus:

PHP

<!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 / www.on-mouseover.de/templates/ -->
<!-- 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 www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->
<?$uhrzeit = date("H", time());
if(uhrzeit => 8 uhr && uhrzeit < 21) {
$display="format.css";
} else {
$display="version2/format.css";
} 
echo "<link rel="stylesheet" type="text/css" href="'.$display.'" />"
?>
 
</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" >&nbsp;</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">&nbsp;</td><td id="logo"  width="100%" 
height="72">&nbsp;</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">&nbsp;Rubrik 1
</td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Home</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Feedback</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span 
class="pfeil">&raquo;</span>&nbsp;G&auml;stebuch</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span 
class="pfeil">&raquo;</span>&nbsp;Impressum</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;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">&nbsp;Rubrik 2
</td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span 
class="pfeil">&raquo;</span>&nbsp;Newsletter</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Chat</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Weblinks</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;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">&nbsp;Rubrik 3
</td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;Partner</a></td>
</tr>
<tr>
<td ><a href="index.html"  >&nbsp;&nbsp;<span class="pfeil">&raquo;</span>&nbsp;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&auml;lt. &Uuml;brigens: Das Layout ist komplett ohne Grafiken. Sie k&ouml;nnen hier farblich 
also alles &auml;ndern.
<br>
<br>
Hier die <a href="version2/index.html">Nacht-Version</a>.
<br><br>
<h2>Technik.</h2>Seite ohne Frames.<br>
<br>
Wie &uuml;blich mit ausgelagerter CSS-Datei. Platz f&uuml;r Fusszeile unten sowie oben der 
Homepagenameals einfacher Text einzutragen. Bei "Seitentitel" ist jeweils die &Uuml;berschrift 
jeder einzelnen Seite bzw. des angew&auml;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&uuml;gen Sie eine Banner oder Logo-Grafik ein. Daf&uuml;r stehen Ihnen oben sogar 2 
Felder zur Verf&uuml;gung.
<br>
<br>
<br>
<h2>Men&uuml;.</h2>Textlinks.  Men&uuml;s beliebig nach unten erweiterbar.<br>
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
Es k&ouml;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 &Uuml;berschrift des jeweiligen Men&uuml;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 &uuml;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&uuml;r z.b. Ihre 
Anschrift</td>
</tr>
</table></td>
</tr>
</table>
 
</body>
</html>

Alles anzeigen

was habe ich falsch gemacht ?

WWKiller

tausch den code mal aus

PHP

<?$uhrzeit = date("H", time());
if($uhrzeit >= 8 && $uhrzeit < 21) {
$display="hell.css";
} else {
$display="dunkel.css";
} 
echo '<link rel="stylesheet" type="text/css" href="'.$display.'" />';
?>

jetzt muesste es gehen

!Florian

So ich habe es jetzt mal getestet und jetzt kommt immerhin keine fehlermeldung mehr aber er greift noch immer nicht auf die css datei zu. wodran liegt das ?

synaptic

existiert die datei? stimmt der pfad? wird das echo fürn style korrekt ausgegeben?

!Florian

ok war mein Fehler habe gerade bemerkt das ich statt auf der index.php auf der index.html war Danke an alle die so toll geholfen haben geht alles wunderbar

danke

Grevas

Gerne.

Sry an Driver der meinen Fehlerhaften PHP-Code kopiert hat - war einfach zu spät... ^^"

Tags