Monatsanzeige - Website X5 Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App

Besucher Statistik
» 1 Online
» 183 Heute
» 78 Gestern
» 645 Woche
» 336 Monat
» 26034 Jahr
» 355808 Gesamt
Record: 5293 (16.04.2022)
Gesamt Downloads:
Direkt zum Seiteninhalt

Monatsanzeige

Scripte > Daytime

Bild des Monats mit Jahresanzeige

Ein Script, das den aktuellen Monat im laufendem Jahr als Bild und das Jahr als Text unter dem Bild ausgibt. Der Ausgabetext kann auch weggelassen oder im HTML-Code geändert werden. Die gesamte Gestaltung kann der Homepage in der Datei "style.css" in Größe und farblich angepasst werden. Die Bilddateien liegen im Ordner "monate", die auch ausgetauscht werden können. Wir empfehlen die Bild-Dateinamen beizubehalten, um den Anpassungsaufwand zu ersparen.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren. HEAD-Code in den HEAD-Bereich <head>....</head>, ONLOAD-Code in den Bodytag <body onload="..."> und HTML-Code in den BODY-Bereich <body>....</body> der aufrufende Datei einfügen.
Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.
Aufruf: "http://www.domain.tld/demo.html". Diese kann aber auch durch einen Doppelklick ausgeführt werden.
Download Button
Downloads:
Bild des Monats
im Jahre
Code für den <HEAD> Bereich
<link rel="stylesheet" href="wsX5Obj/Obj173_0/style.css" />
<script src="wsX5Obj/Obj173_0/bdm.js" type="text/javascript"></script>
<script>
function Obj173() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=Obj173.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>
Code für den <BODY> Tag
onLoad="Obj173(
'wsX5Obj/Obj173_0/monate/01.gif','wsX5Obj/Obj173_0/monate/02.gif','wsX5Obj/Obj173_0/monate/03.gif',
'wsX5Obj/Obj173_0/monate/04.gif','wsX5Obj/Obj173_0/monate/05.gif','wsX5Obj/Obj173_0/monate/06.gif',
'wsX5Obj/Obj173_0/monate/07.gif','wsX5Obj/Obj173_0/monate/08.gif','wsX5Obj/Obj173_0/monate/09.gif',
'wsX5Obj/Obj173_0/monate/10.gif','wsX5Obj/Obj173_0/monate/11.gif','wsX5Obj/Obj173_0/monate/12.gif');
BDM();"

Wer nicht mit Website X5 arbeitet:
<body onLoad="Obj173(
'wsX5Obj/Obj173_0/monate/01.gif','wsX5Obj/Obj173_0/monate/02.gif','wsX5Obj/Obj173_0/monate/03.gif',
'wsX5Obj/Obj173_0/monate/04.gif','wsX5Obj/Obj173_0/monate/05.gif','wsX5Obj/Obj173_0/monate/06.gif',
'wsX5Obj/Obj173_0/monate/07.gif','wsX5Obj/Obj173_0/monate/08.gif','wsX5Obj/Obj173_0/monate/09.gif',
'wsX5Obj/Obj173_0/monate/10.gif','wsX5Obj/Obj173_0/monate/11.gif','wsX5Obj/Obj173_0/monate/12.gif');
BDM();">
Code für den <BODY> Bereich
<div align="center">
<img id="MonthImg" src="bild.gif" class="Obj173_img" alt="Bild des Monats" name="MonthImg" /><br>
<span class="Obj173_out">im Jahre
<script>
modDate = document.lastModified
Tag=modDate.slice(3,5);
Monat=modDate.slice(0,2);
Jahr=modDate.slice(6,10);
modDate=Jahr;
document.write(modDate);
</script>
</span>
</div>
Code Datei "bdm.js"
var AktDate = new Date();
var AktMonth = (AktDate.getMonth()+1);
function Titeltext (ThisMonthNo) {
var Monat=new Array();
Monat[1]="Januar";
Monat[2]="Februar";
Monat[3]="März";
Monat[4]="April";
Monat[5]="Mai";
Monat[6]="Juni";
Monat[7]="Juli";
Monat[8]="August";
Monat[9]="September";
Monat[10]="Oktober";
Monat[11]="November";
Monat[12]="Dezember";
return Monat[ThisMonthNo];
}
function BDM() {
var Text=Titeltext(AktMonth);
if(AktMonth < 10) {
AktMonth = "0" + AktMonth;
}
document.getElementById("MonthImg").src= "wsX5Obj/Obj173_0/monate/" + AktMonth + ".gif";
document.getElementById("MonthImg").title= Text;
}
Code Datei "style.css"
.Obj173_img { width: 180px; height: 100px; border: 3px solid #AC0000; margin-bottom: -3px; }
.Obj173_out {
font-family: Comic Sans MS,Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
font-size: 24px;
font-weight: bolder;
font-style: normal;
text-align: center;
color: #AC0000;
}
Feedbacks zu ""
{PC_LOAD}
Vielen Dank für Dein Feedback.
Logo Host Europe
Button Spenden

© 2009 - 2022

Hosting by
Zurück zum Seiteninhalt