Hallo Leute,
1. Vorwort
2. Script
3. Erklärung
4. Beispiel
5. Schlusswort
1. Vorwort
ja ich weiß... ich hab mich zuerst auch gefragt was Tag und Nachtfunktion bedeuten soll, aber wenn man nachdenkt kommt man schon mal drauf!
Also hier wird euch gezeigt wie ein script geht das euch für verschiedene Tageszeiten ein verschiedenes layout gibt. Praktisch oder??
2. Script
Also das script geht folgender masen:
<html>
<head>
<title>Tag Nacht-Script</title>
</head>
<body>
<script language="JavaScript">
<!--
var jetzt = new Date();
var stunde = jetzt.getHours=();
if (stunde >= 6 && stunde <= 18) {
document.bgColor = "#ffffff";
document.fgColor = "#000000";
document.write("Hier dein text oder html codes her für den tag");
}
else {
document.bgColor = "#000000";
document.fgColor = "#ffffff";
document.write("Hier dein text oder html codes her für die nacht");
}
//-->
</script>
</body>
</html>
Eigentlich überhaupt nicht schwer oder??? gut!...
3.Erklärung
Nun wird das ganze noch ein bisschen erklärt.
Also gut, zum ersten abschnitt:
<html>
<head>
<title>Tag Nacht-Script</title>
</head>
<body>
wie jeder weiß is das der typische standardanfang einer seite!
in der dritten Zeile kannst du also dann statt Tag Nacht-Script deinen Homepage namen oder sonst was reinschreiben, wie es dir halt gefällt
Zum zweiten abschnitt:
<script language="JavaScript">
<!--
var jetzt = new Date();
var stunde = jetzt.getHours=();
gut, hier isses wohl auch nicht schwer zu verstehn, mit dem <script language="JavaScript"> fängt wie wohl jeder weiß javascript an. tja mei... zu dem anderen
gibts auch nicht viel zu sagen, ist nicht so von wichtiger bedeutung. Für die dies interressiert. in der hier dritten und vierten zeile wird ein neues
Objekt, bzw. Variable erzeugt. bringt dir allerdings nichts wenn du das weißt :)
gut zum dritten und wichtigsten abschnitt:
if (stunde >= 6 && stunde <= 18) {
document.bgColor = "#ffffff";
document.fgColor = "#000000";
document.write("Hier dein text oder html codes her für den tag");
}
else {
document.bgColor = "#000000";
document.fgColor = "#ffffff";
document.write("Hier dein text oder html codes her für die nacht");
}
//-->
</script>
hier sind die wichtigsten funktionen "versteckt". if (stunde >= 6 && stunde <= 18) { hier kannst du dann die zeit ändern in der das Tag layout und das Nacht
Layout gezeigt werden soll. ich habs jetzt mal so eingestellt dass um punkt 7:00Uhr das tag layout kommt und dann um punkt 19:00Uhr das tag script aufhört
und das nacht layout kommt. also du kannst das jetzt einfach umstellen aber pass auf: wenn du 6 eingibst, dann gilt das bis 06:59:59, kannst aber beheben
wenn du einfach das = vor dem 6 löschst.
gut jetz zu dem document.bgColor = "#ffffff"; hier kannst also einstellen was du für eine hintergrundfarbe haben willst bzw. was für ein hintergrundbild du
haben willst. document.
nun das wohl wichtigste. der inhalt!!!! dazu brauchst du dann das document.write(""); hier gibst einen text ein oder machst ein bild oder was weiß ich was.
hier drinnen haut sogar html hin. jep genau, nur der unterschied is dass du nichtmehr "" hernehmen darfst sondern nurnoch ''. beispiel:
falsch:
<img src="falsch.jpg">
richtig
<img src='richtig.jpg'>
tja gut... ich hoff mal das habt ihr alle verstanden :)
du kannst natürlich auch mehrere document.write("") zeilen machen, einfach untereinander immer das selbe,(aber bitte nicht den selben text einfügen ;))
wenn dann das else { kommt fängt dein nacht layout an
hier läuft alles genauso wie beim tag layout, also das layout das ich mit hintergrund #ffffff gemacht habe.
tjoa und mit
}
//-->
</script>
is das script wieder geschlossen und du kannst von mir aus ganz normal an deiner page weitermachen
das heißt das was du in dem script hast, also text und html, das wird zwischen den angegebenen uhrzeiten verändert
4. Beispiel:
auf meiner seite wolfofnightmare.de.vu ist es so dass ich jeweils für das tag/nacht layout einfach einen link eingebaut habe, also in dem script,
und der inhalt des links ändert sich immer für tag und nacht(schlau oder??:)), tja also muss ich nicht alles in die blöde klammer reinschreiben, das hat
mich ein bissl genervt. aber ihr könnts ruhig so machen wenn ihr wollt
hier mal der script von meiner seite:
<html>
<head>
<title>Enter WolfOfNightMare's Website</title>
</head>
<body alink="#ffff00" vlink="#ffff00" link="#ffff00">
<script language="JavaScript">
<!--
var jetzt = new Date();
var stunde = jetzt.getHours()
if (stunde >= 7 && stunde <= 18) {
document.bgColor = "#aa0000";
document.fgColor = "#000000";
document.write("<a href='red/01index.html'>");
document.write("<center><font size='6'><b><br><br>");
document.write("<img src='red/style/Wolf.jpg' width='450' height='400'><br><br>");
document.write("Enter WolfOfNightmare's website</a><br><br><br>");
document.write("<font size='4'><a href='black/01index.html'>Du willst lieber das schwarz design als das rote??? Hier klicken!!!</a></font>");
document.write("</b></font></center></a>");
}
else {
document.bgColor = "#000000";
document.fgColor = "#ffffff";
document.write("<a href='black/01index.html'>");
document.write("<center><font size='6'><b><br><br><br><br>");
document.write("<img src='black/style/Wolf.jpg' width='450' height='400'><br><br>");
document.write("Enter WolfOfNightmare's website</a><br><br><br>");
document.write("<font size='4'><a href='red/01index.html'>Du willst lieber das rote design als das schwarze??? Hier klicken!!!</a></font>");
document.write("</b></font></center></a>");
}
//-->
</script>
</body>
</html>
ich hab also <font...> benutzt um die schrift bissl zu formatieren und hab dann eben jeweils den link noch eingebaut für tag/nacht.
habs aber so gemacht dass man auch(falls einen das tag bzw. nacht layout nicht gefällt) man noch das andere layout anzeigen lassen kann.
also einfach hingeschrieben
<a href='black/01index.html'>Du willst lieber das schwarz design als das rote??? Hier klicken!!!</a>
das heißt einfach nen link zu deiner html datei für das schwarze layout.
bzw.
<font size='4'><a href='black/01index.html'>Du willst lieber das schwarz design als das rote??? Hier klicken!!!</a>
ihr könnt auch gerne mal auf die seite schaun und nen gb eintrag machen, wär nett von euch ;) is eh so wenig da drinnen los
5. Schlusswort:
Ich hoffe es hat euch was gebracht und ihr könnt was damit anfangen.
Copyright by WolfOfNightmare alias BlackSatan alias BloodySnow alias Meisterassassin alias TheDancingzebra