Monatsanzeige - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

Monatsanzeige

Scripte > Attachment

Bild des Monats mit Jahresanzeige

Hier ein Anzeigeskript des aktuellen Monats im laufendem Jahr. Der Text und die Gestaltung kann der Homepage angepasst werden. Dazu nur im HTML-Code den Text anpassen und in der CSS-Datei die entspechenden Einträge ändern. Die Bilddateien liegen im Ordner "monate", die auch ausgetauscht werden können. Dazu empfehle ich die Dateinamen beizubehalten, um einen 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>, START-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
x runter geladen!
Bild des Monats
im Jahre
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');
BildDesMonats();"

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');
BildDesMonats();">
Code für den <HEAD> Bereich
<link href="wsX5Obj/Obj173_0/style.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="wsX5Obj/Obj173_0/bdm.js" type="text/javascript"></script>
<script type="text/javascript">
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> Bereich
<div align="center">
<img id="Monatsbild" src="bild.gif" class="Obj173_1" alt="Bild des Monats" name="Monatsbild" /><br>
<span class="Obj173_2">im Jahre
<script type="text/javascript">
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 AktuellesDatum = new Date();
var AktuellerMonat = (AktuellesDatum.getMonth()+1);
function Titeltext (DieserMonatNummmer)
{
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[DieserMonatNummmer];
}
function BildDesMonats()
{
 var Text=Titeltext(AktuellerMonat);
 if(AktuellerMonat < 10) {
 AktuellerMonat = "0" + AktuellerMonat;
}
 document.getElementById("Monatsbild").src= "wsX5Obj/Obj173_0/monate/" + AktuellerMonat + ".gif";
 document.getElementById("Monatsbild").title= Text ;
}
Code Datei "style.css"
.Obj173_1 {
width: 180px;
height: 100px;
border: 2px;
border-left-color: rgb(204,0,51);
border-left-style: solid;
border-top-color: rgb(204,0,51);
border-top-style: solid;
border-right-color: rgb(204,0,51);
border-right-style: solid;
border-bottom-color: rgb(204,0,51);
border-bottom-style: solid;
}
.Obj173_2 {
font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
font-size: 20px;
font-weight: bold;
font-style: normal;
text-align: center;
color: #cc3300;
}
Feedbacks zu ""

Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2019





Besucher Statistik
» 1 Online
» 56 Heute
» 654 Gestern
» 710 Woche
» 23827 Monat
» 99318 Jahr
» 427074 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Zurück zum Seiteninhalt