Fantasylife-Bastelecke: Homepagezubehör

Posts mit dem Label Homepagezubehör werden angezeigt. Alle Posts anzeigen

Freitag, 18. November 2011

Christmascounter for you - Weihnachtsticker

Heute bringe ich euch ein paar Weihnachtsticker für eure Website. Wer mag kann sich ein Motiv unten aussuchen, das dazugehörige Script (als pdf-Datei) herunterladen und den angezeigten HTML-Code an der gewünschten Stelle in der eigenen Homepage/Blog/Forum usw. einbauen - Fertig.
Funktion: Der Ticker zählt als Countdown, wieviele Tage es noch bis Heilig Abend sind. Ist das Fest vorbei, fängt er natürlich wieder von vorne an.
Wie der Ticker in Aktion aussieht, siehst du im Blogmenü rechts.
Leider ist es nicht möglich alle Ticker in Aktion zu zeigen.
English version is ticker 3.

Ticker 1:

Scriptdownload Ticker 1

Ticker 2:

Scriptdownload Ticker 2

Ticker 3 (english version):

Download your script here
The Couter counts the days until Christmas Eve. The picture is transparent and animated with snowfall.

Montag, 26. September 2011

18 Glasbuttons mit Metallrahmen

(English translation as second!)
Hier kommt mal wieder ein Freebie von mir für alle Homepagebastler - diesmal nicht verspielt, sondern wie ich finde sehr edel. Du findest in diesem Set 18 verschieden farbige Buttons in Glasoptik mit schickem Metallrahmen. Größe: 140 x 45 px - sehr gut zum Beschriften und sollten auch für die meisten Menüframes passen. Format: png und Bonus in psd. Die verbindlichen Nutzungsbedingungen für ausschließlich private Verwendung liegen bei.

Viel Spaß damit!

Download via 4shared
Download via mediafire

*****

Here again is a freebie from me for all hobby-webmasters - this time not playful, but I find it very noble. You will find in this set 18 different colored buttons in a chic metal frame with glass optics. Size: 140 x 45 px - very good for writing and should fit well for most of the menu frame. Format: png and psd bonus. Its terms only for personal use are included.

Have fun and enjoy!

Download via 4shared

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.

Donnerstag, 7. Oktober 2010

Homepagezubehör: beschriftete Buttons

Hier kommt nun mein erstes selbsterstelltes Buttonset für euch. Es ist in den Farben blau (Hintergrund) und silber (Schrift) gehalten und beinhaltet 11 beschriftete und einen Blankobutton.

Vorschau:

Download über 4shared.com

Die Buttons sind wie folgt beschriftet: Chat, Download, FAQ, Gästebuch, Home, Impressum, Kontakt, Links, Mail, weiter, zurück und 1 x blanko zum Selbstbeschriften.

Ein Backlink zu meiner Seite wäre schön.

Freitag, 6. August 2010

Pageguards

Hier kommen noch Homepagewächter von mir:


Download 4Shared


Download 4Shared


Download 4Shared

Headergrafiken

Hier habe ich mal erste Headergrafiken gebastelt. Du kannst downloaden, was dir gefällt und in deine Homepage einbauen. Die Copyrighthinweise dürfen jedoch nicht entfernt werden. Die Grafiken sind im png-Format.