Fantasylife-Bastelecke: Kalender

Posts mit dem Label Kalender werden angezeigt. Alle Posts anzeigen

Freitag, 19. August 2011

Homepagekalender - Elfin

Funktionen: Der Kalender zeigt das aktuelle Datum mit Jahr, Monat und markiert den jeweiligen Tag.

Meine Bedingungen für die Nutzung sind:

Der Code wird unverändert eingebaut.
Die Copys bleiben an Ort und Stelle.
Ein Backlink zum Blog wird auf deiner Seite eingebaut.
Verwendung nur für private-nichtkommerzielle Seiten.

Vorschau:

<br />
<center><br />
<table style="" id="table" bgcolor="#FFFFFF"
border="0" cellpadding="0" cellspacing="2"><tbody>
<tr>       <td><br />
<center><br />
<table style="" id="table1" bgcolor="#FFFFFF"
border="0" cellpadding="0" cellspacing="4"><tbody>
<tr>             <td width="1"><img
src="http://s1.bild.me/bilder/290710/5994929elfinhead.png"
alt="" border="0" height="200" width="200"></td>             <td width="1"><font color="#252c22"><br />
<script type="text/javascript"> var d = new Date();
var dm = d.getMonth() + 1;
var dj = d.getYear();
if (dj < 999)
dj += 1900;
Kalender(dm, dj);
function Kalender (Monat, Jahr) {
Monatsname = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli",
"August", "September", "Oktober", "November", "Dezember");
Tag = new Array("Mo", "Di", "Mi", "Do", "Fr", "Sa", "So");
var KSchrArt = "Arial"; /* Schriftart Kalenderkopf */
var KSchrGroesse = 2; /* Schriftgroesse 1-7 Kalenderkopf */
var KSchrFarbe = "#252c22"; /* Schriftfarbe Kalenderkopf */
var Khgrund = "#FFFFFF"; /* Hintergrundfarbe Kalenderkopf */
var TSchrArt = "Arial"; /* Schriftart Tagesanzeige */
var TSchrGroesse = 1; /* Schriftgroesse 1-7 Tagesanzeige */
var TSchrFarbe = "#596a52"; /* Schriftfarbe Tagesanzeige */
var Thgrund = "#FFFFFF"; /* Hintergrundfarbe Tagesanzeige */
var SoFarbe = "#c4a700"; /* Schriftfarbe f. Sonntage */
var Ahgrund = "#baddab"; /* Hintergrundfarbe f. heutigen Tag */
var jetzt = new Date();
var DieserMonat = jetzt.getMonth() + 1;
var DiesesJahr = jetzt.getYear();
if (DiesesJahr < 999)
DiesesJahr += 1900;
var DieserTag = jetzt.getDate();
var Zeit = new Date(Jahr, Monat - 1, 1);
var Start = Zeit.getDay();
if (Start > 0) {
Start--;
} else {
Start = 6;
}
var Stop = 31;
if (Monat == 4 || Monat == 6 || Monat == 9 || Monat == 11)
--Stop;
if (Monat == 2) {
Stop = Stop - 3;
if (Jahr % 4 == 0)
Stop++;
if (Jahr % 100 == 0)
Stop--;
if (Jahr % 400 == 0)
Stop++;
}
document.write('<table border="0" cellpadding="4" cellspacing="1" bgcolor="#FFFFFF" width="200" height="200" align="center">');
var Monatskopf = Monatsname[Monat - 1] + " " + Jahr;
SchreibeKopf(Monatskopf, Khgrund, KSchrFarbe, KSchrGroesse, KSchrArt);
var Tageszahl = 1;
for (var i = 0; i <= 5; i++) {
document.write("
<tr>");
for (var j = 0; j <= 5; j++) {
if ((i == 0) && (j < Start)) {
SchreibeZelle(" ", Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
} else {
if (Tageszahl > Stop) {
SchreibeZelle(" ", Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
} else {
if ((Jahr == DiesesJahr) && (Monat == DieserMonat) && (Tageszahl == DieserTag)) {
SchreibeZelle(Tageszahl, Ahgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
} else {
SchreibeZelle(Tageszahl, Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
}
Tageszahl++;
}
}
}
if (Tageszahl > Stop) {
SchreibeZelle(" ", Thgrund, SoFarbe, TSchrGroesse, TSchrArt);
} else {
if ((Jahr == DiesesJahr) && (Monat == DieserMonat) && (Tageszahl == DieserTag)) {
SchreibeZelle(Tageszahl, Ahgrund, SoFarbe, TSchrGroesse, TSchrArt);
} else {
SchreibeZelle(Tageszahl, Thgrund, SoFarbe, TSchrGroesse, TSchrArt);
}
Tageszahl++;
}
document.write("<\/tr>");
}
document.write("<\/table>");
}
function SchreibeKopf (Monatstitel, HgFarbe, SchrFarbe, SchrGroesse, SchrArt) {
document.write("
<tr>");
document.write('<td align="center" colspan="7" valign="middle" bgcolor="' + HgFarbe + '">');
document.write('<font size="' + SchrGroesse + '" color="' + SchrFarbe + '" face="' + SchrArt + '"><b>');
document.write(Monatstitel);
document.write("<\/b><\/font><\/td><\/tr>");
document.write("
<tr>");
for (var i = 0; i <= 6; i++)
SchreibeZelle(Tag[i], HgFarbe, SchrFarbe, SchrGroesse, SchrArt);
document.write("<\/tr>");
}
function SchreibeZelle (Inhalt, HgFarbe, SchrFarbe, SchrGroesse, SchrArt) {
document.write('<td align="center" valign="middle" bgcolor="' + HgFarbe + '">');
document.write('<font size="' + SchrGroesse + '" color="' + SchrFarbe + '" face="' + SchrArt + '"><b>');
document.write(Inhalt);
document.write("<\/b><\/font><\/td>");
}
            </script></font></td>           </tr>
</tbody>       </table></center>     </td>     </tr>
</tbody> </table><br />
<br />
</center><br />
<br />

Zum Einbau den gesamten Code an die gewünschte Stelle in deinem HTML-Code einfügen (zuerst auf "alles markieren", dann Strg+c und mit Strg+v einfügen).

Homepagekalender Hund "Tobi"

Diesen Kalender habe ich mit einem Bild von danymes Hund Tobi für ihre Homepage gemacht, sie hat aber die Erlaubnis gegeben, dass auch andere Tierfreunde diesen auf ihrer Seite einbauen dürfen.

Bitte nur für private-nichtkommerzielle Seiten verwenden und einen Backlink zu meinem Blog dazusetzen. Danke!

Vorschau:

<br />
[code]<br />
<center><br />
<table style="" id="table" bgcolor="#FFFFFF"
border="0" cellpadding="0" cellspacing="2">  <tbody>    
<tr>       <td><br />
      <center><br />
      <table style="" id="table1" bgcolor="#47991d"
border="0" cellpadding="0" cellspacing="4">        <tbody>          
<tr>             <td width="1"><img
src="http://www.picoload.de/1V4KWAR,display.html" alt=""
border="0" height="180" width="181"></td>             <td width="1"><font color="#FFFFFF"><br />
            <script type="text/javascript"> var d = new Date();
var dm = d.getMonth() + 1;
var dj = d.getYear();
if (dj < 999)
dj += 1900;
Kalender(dm, dj);
function Kalender (Monat, Jahr) {
Monatsname = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli",
"August", "September", "Oktober", "November", "Dezember");
Tag = new Array("Mo", "Di", "Mi", "Do", "Fr", "Sa", "So");
var KSchrArt = "Arial"; /* Schriftart Kalenderkopf */
var KSchrGroesse = 2; /* Schriftgroesse 1-7 Kalenderkopf */
var KSchrFarbe = "#FFFFFF"; /* Schriftfarbe Kalenderkopf */
var Khgrund = "#47991d"; /* Hintergrundfarbe Kalenderkopf */
var TSchrArt = "Arial"; /* Schriftart Tagesanzeige */
var TSchrGroesse = 1; /* Schriftgroesse 1-7 Tagesanzeige */
var TSchrFarbe = "#596a52"; /* Schriftfarbe Tagesanzeige */
var Thgrund = "#47991d"; /* Hintergrundfarbe Tagesanzeige */
var SoFarbe = "#000000"; /* Schriftfarbe f. Sonntage */
var Ahgrund = "#FFFFFF"; /* Hintergrundfarbe f. heutigen Tag */
var jetzt = new Date();
var DieserMonat = jetzt.getMonth() + 1;
var DiesesJahr = jetzt.getYear();
if (DiesesJahr < 999)
DiesesJahr += 1900;
var DieserTag = jetzt.getDate();
var Zeit = new Date(Jahr, Monat - 1, 1);
var Start = Zeit.getDay();
if (Start > 0) {
Start--;
} else {
Start = 6;
}
var Stop = 31;
if (Monat == 4 || Monat == 6 || Monat == 9 || Monat == 11)
--Stop;
if (Monat == 2) {
Stop = Stop - 3;
if (Jahr % 4 == 0)
Stop++;
if (Jahr % 100 == 0)
Stop--;
if (Jahr % 400 == 0)
Stop++;
}
document.write('<table border="0" cellpadding="4" cellspacing="1" bgcolor="#FFFFFF" width="180" height="181" align="center">');
var Monatskopf = Monatsname[Monat - 1] + " " + Jahr;
SchreibeKopf(Monatskopf, Khgrund, KSchrFarbe, KSchrGroesse, KSchrArt);
var Tageszahl = 1;
for (var i = 0; i <= 5; i++) {
document.write("
<tr>");
for (var j = 0; j <= 5; j++) {
if ((i == 0) && (j < Start)) {
SchreibeZelle(" ", Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
} else {
if (Tageszahl > Stop) {
SchreibeZelle(" ", Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
} else {
if ((Jahr == DiesesJahr) && (Monat == DieserMonat) && (Tageszahl == DieserTag)) {
SchreibeZelle(Tageszahl, Ahgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
} else {
SchreibeZelle(Tageszahl, Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
}
Tageszahl++;
}
}
}
if (Tageszahl > Stop) {
SchreibeZelle(" ", Thgrund, SoFarbe, TSchrGroesse, TSchrArt);
} else {
if ((Jahr == DiesesJahr) && (Monat == DieserMonat) && (Tageszahl == DieserTag)) {
SchreibeZelle(Tageszahl, Ahgrund, SoFarbe, TSchrGroesse, TSchrArt);
} else {
SchreibeZelle(Tageszahl, Thgrund, SoFarbe, TSchrGroesse, TSchrArt);
}
Tageszahl++;
}
document.write("<\/tr>");
}
document.write("<\/table>");
}
function SchreibeKopf (Monatstitel, HgFarbe, SchrFarbe, SchrGroesse, SchrArt) {
document.write("
<tr>");
document.write('<td align="center" colspan="7" valign="middle" bgcolor="' + HgFarbe + '">');
document.write('<font size="' + SchrGroesse + '" color="' + SchrFarbe + '" face="' + SchrArt + '"><b>');
document.write(Monatstitel);
document.write("<\/b><\/font><\/td><\/tr>");
document.write("
<tr>");
for (var i = 0; i <= 6; i++)
SchreibeZelle(Tag[i], HgFarbe, SchrFarbe, SchrGroesse, SchrArt);
document.write("<\/tr>");
}
function SchreibeZelle (Inhalt, HgFarbe, SchrFarbe, SchrGroesse, SchrArt) {
document.write('<td align="center" valign="middle" bgcolor="' + HgFarbe + '">');
document.write('<font size="' + SchrGroesse + '" color="' + SchrFarbe + '" face="' + SchrArt + '"><b>');
document.write(Inhalt);
document.write("<\/b><\/font><\/td>");
}
            </script></font></td>           </tr>
        </tbody>       </table>      </center><br />
      </td>     </tr>
  </tbody> </table></center><br />
<br />
[/code]

Zum Einbau den gesamten Code an die gewünschte Stelle in deinem HTML-Code einfügen (zuerst auf "alles markieren", dann Strg+c und mit Strg+v einfügen).

Montag, 15. August 2011

Kalender - Willkommensknuffel

Ein von mir erstellter Kalender zum kostenlosen Soforteinbau für Deine Homepage

Vorschau:

Der Code zum Einbau in deine Seite:

<center><br />
<table cellspacing="2" cellpadding="0" border="0" bgcolor="#000000" style="" id="table"><tbody>
<tr> <td><center><br />
<table cellspacing="4" cellpadding="0" border="0" bgcolor="#ffffff" style="" id="table1"><tbody>
<tr> <td width="1"><img width="181" height="180" border="0"
src="http://s1.bild.me/bilder/290710/8106752knuffel_beere.png" alt="" /></td> <td width="1"><font color="#a92663"> <script type="text/javascript"> var d
= new Date();
var dm = d.getMonth() + 1;
var dj = d.getYear();
if (dj < 999)
dj += 1900;
Kalender(dm, dj);
function Kalender (Monat, Jahr) {
Monatsname = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli",
"August", "September", "Oktober", "November", "Dezember");
Tag = new Array("Mo", "Di", "Mi", "Do", "Fr", "Sa", "So");
var KSchrArt = "Arial"; /* Schriftart Kalenderkopf */
var KSchrGroesse = 2; /* Schriftgroesse 1-7 Kalenderkopf */
var KSchrFarbe = "#a92663"; /* Schriftfarbe Kalenderkopf */
var Khgrund = "#FFFFFF"; /* Hintergrundfarbe Kalenderkopf */
var TSchrArt = "Arial"; /* Schriftart Tagesanzeige */
var TSchrGroesse = 1; /* Schriftgroesse 1-7 Tagesanzeige */
var TSchrFarbe = "#a92663"; /* Schriftfarbe Tagesanzeige */
var Thgrund = "#FFFFFF"; /* Hintergrundfarbe Tagesanzeige */
var SoFarbe = "#c4a700"; /* Schriftfarbe f. Sonntage */
var Ahgrund = "#f6c3f3"; /* Hintergrundfarbe f. heutigen Tag */
var jetzt = new Date();
var DieserMonat = jetzt.getMonth() + 1;
var DiesesJahr = jetzt.getYear();
if (DiesesJahr < 999)
DiesesJahr += 1900;
var DieserTag = jetzt.getDate();
var Zeit = new Date(Jahr, Monat - 1, 1);
var Start = Zeit.getDay();
if (Start > 0) {
Start--;
} else {
Start = 6;
}
var Stop = 31;
if (Monat == 4 || Monat == 6 || Monat == 9 || Monat == 11)
--Stop;
if (Monat == 2) {
Stop = Stop - 3;
if (Jahr % 4 == 0)
Stop++;
if (Jahr % 100 == 0)
Stop--;
if (Jahr % 400 == 0)
Stop++;
}
document.write('<table border="0" cellpadding="4" cellspacing="1" bgcolor="#FFFFFF"
width="180" height="181" align="center">');
var Monatskopf = Monatsname[Monat - 1] + " " + Jahr;
SchreibeKopf(Monatskopf, Khgrund, KSchrFarbe, KSchrGroesse, KSchrArt);
var Tageszahl = 1;
for (var i = 0; i <= 5; i++) {
document.write("
<tr>");
for (var j = 0; j <= 5; j++) {
if ((i == 0) && (j < Start)) {
SchreibeZelle(" ", Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
} else {
if (Tageszahl > Stop) {
SchreibeZelle(" ", Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
} else {
if ((Jahr == DiesesJahr) && (Monat == DieserMonat) && (Tageszahl == DieserTag)) {
SchreibeZelle(Tageszahl, Ahgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
} else {
SchreibeZelle(Tageszahl, Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
}
Tageszahl++;
}}} if (
Tageszahl >
Stop) {
SchreibeZelle(" ", Thgrund, SoFarbe, TSchrGroesse, TSchrArt);
} else {
if ((Jahr == DiesesJahr) && (Monat == DieserMonat) && (Tageszahl == DieserTag)) {
SchreibeZelle(Tageszahl, Ahgrund, SoFarbe, TSchrGroesse, TSchrArt);
} else {
SchreibeZelle(Tageszahl, Thgrund, SoFarbe, TSchrGroesse, TSchrArt);
}
Tageszahl++;
}
document.write("<\/tr>");
}
document.write("<\/table>");
}
function SchreibeKopf (Monatstitel, HgFarbe, SchrFarbe, SchrGroesse, SchrArt) {
document.write("
<tr>");
document.write('<td align="center" colspan="7" valign="middle" bgcolor="' + HgFarbe + '">');
document.write('<font size="' + SchrGroesse + '" color="' + SchrFarbe + '" face="' + SchrArt +
'"><b>');
document.write(Monatstitel);
document.write("<\/b><\/font><\/td><\/tr>");
document.write("
<tr>");
for (var i = 0; i <= 6; i++)
SchreibeZelle(Tag[i], HgFarbe, SchrFarbe, SchrGroesse, SchrArt);
document.write("<\/tr>");
}
function SchreibeZelle (Inhalt, HgFarbe, SchrFarbe, SchrGroesse, SchrArt) {
document.write('<td align="center" valign="middle" bgcolor="' + HgFarbe + '">');
document.write('<font size="' + SchrGroesse + '" color="' + SchrFarbe + '" face="' + SchrArt +
'"><b>');
document.write(Inhalt);
document.write("<\/b><\/font><\/td>");
}
</script></font></td> </tr>
</tbody> </table></center></td> </tr>
</tbody> </table></center>

Viel Spaß damit! Über ein Dankeschön und einen Backlink bei gefallen, würde ich mich sehr freuen.

Weitere Kalender findest Du hier.

Der Kalender wurde von mir nach einem Tutorial von tanjas-gifbildli.ch erstellt.