Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: Design ändert sich je nach Uhrzeit

  1. #1
    Teeny
    Registriert seit
    13.02.2009
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Design ändert sich je nach Uhrzeit

    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>
    helles Design
    Code:
    <!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.
    -->
    <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>
    dunkles Design
    Code:
    <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 , www.on-mouseover.de/templates/
    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>
    Danke im Vorraus schonmal hoffe das mir jemand helfen kann
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Design ändert sich je nach Uhrzeit

    mit php wärs recht einfach

    index.php

    PHP-Code:
    $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...
    Geändert von Grevas (30.07.2009 um 15:38 Uhr)

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    13.02.2009
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Design ändert sich je nach Uhrzeit

    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?
    Geändert von !Florian (30.07.2009 um 04:42 Uhr)

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Design ändert sich je nach Uhrzeit

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

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

    PHP-Code:
    <?$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>
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Design ändert sich je nach Uhrzeit

    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/in...scriptbereiche

    Grüße,
    jojo

  6. #6
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Design ändert sich je nach Uhrzeit

    Zitat Zitat von jojo87 Beitrag anzeigen
    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
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  7. #7
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Design ändert sich je nach Uhrzeit

    Wie erwähnt:
    Zitat 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

  8. #8
    Teeny
    Themenstarter

    Registriert seit
    13.02.2009
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Design ändert sich je nach Uhrzeit

    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-Code:
    <!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>
    was habe ich falsch gemacht ?
    Geändert von !Florian (30.07.2009 um 16:53 Uhr) Grund: habs mal getestet

  9. #9
    Großmeister(in)
    Registriert seit
    20.05.2006
    Beiträge
    570
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Design ändert sich je nach Uhrzeit

    tausch den code mal aus

    PHP-Code:
    <?$uhrzeit date("H"time());
    if(
    $uhrzeit >= && $uhrzeit 21) {
    $display="hell.css";
    } else {
    $display="dunkel.css";

    echo 
    '<link rel="stylesheet" type="text/css" href="'.$display.'" />';
    ?>
    jetzt muesste es gehen

  10. #10
    Teeny
    Themenstarter

    Registriert seit
    13.02.2009
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Design ändert sich je nach Uhrzeit

    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 ?

Ähnliche Themen

  1. Warum ändert sich meine HP je nach Browser?!?!
    Von Robkill im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 11.05.2007, 18:26
  2. Bild das sich bei Aktual. ändert
    Von kayooo im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 21.11.2006, 23:44
  3. schrift ändert sich
    Von annchen im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 13.09.2006, 18:48
  4. Windows ändert einfach Design
    Von Serkan im Forum Computer - Internet Forum
    Antworten: 1
    Letzter Beitrag: 24.10.2005, 23:33
  5. button --> nur die schrift ändert sich
    Von GAST im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 10.12.2004, 15:40

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •