Tageslink des Monats
    
HOME
ScriptCode ZURÜCK SITEMAP  

 Link des Monats 01   (1 von 12 - mit Banner wenn vorhanden)

Ihre ganz persönliche Linkempfehlung wird als Link des Monats in die HTML-Seite geschrieben. Der Link wechselt monatlich, abhängig vom Sytemdatum. Es wird also auf eine von 12 eingetragenen Webseiten verwiesen. Die Seiten werden natürlich in einem neuen Browserfenster geöffnet.

Die Adventsseite im Dezember, die Fußballseite im Juni, ...

Bei MouseOver wird ein frei wählbarer, angepasster Titeltext angezeigt. Innerhalb dieses Textes wird (wenn sie möchten) das Datum einbezogen.

Die Informationen für den anzuzeigenden Link (Link-URL, Text, Grafik-URL) werden einem Register (Array) entnommen.

Hier sehen sie eine Demo für den heutigen Tag. Falls für diesen link eine Grafik-URL eingetragen ist, wird außer dem Textlink auch eine Grafik angezeigt. Der Mousover-Text sollte beim Textlink und auch für die Grafik erscheinen.

  Demo für heute (Anzeige im neuen Browserfenster):    



  Erweiterung: optionale Grafikanzeige

Im Beispiel 'Link des Monats - Version 01' können sie nun optional eine Grafik anzeigen lassen. Sei es nun eine für jeden Link identische Grafik oder das Banner der verlinkten Seite. Die URL für das Banner kann lokal (ordener/grafik.gif) oder absolut (http://www.domainname.de/banner.gif) notiert werden.

Neben den zwei Einträgen für URL und MouseOver-Text kann nun also eine URL für ein Banner eingtragen werden. Der Eintrag darf auch leer bleiben!
// 10
Liste[Liste.length]="http://www.web-toolbox.net/imagedownload/index.htm",
Liste[Liste.length]="6000 kostenlose Mini-Images für den Webmaster",
Liste[Liste.length]="http://www.web-toolbox.net/promotion/s-imagebox02.gif",

// 11
Liste[Liste.length]="http://www.kgs-wuerm.de",
Liste[Liste.length]="HP der katholischen Grundschule Würm",
Liste[Liste.length]="",

// 12
Liste[Liste.length]="http://www.camino-hospiz.de/",
Liste[Liste.length]="Seite der Hospizvereins Camino e.V. Geilenkirchen",
Liste[Liste.length]="banner/heruntergeladeneGrafik.jpg",
Notiz: Wenn die Grafik absolut notiert wird (dann kann die z.B. Grafik von der verlinkten Seite 'abgeholt' werden) verifizieren sie damit, dass die Webseite noch online ist. Voraussetzung ist natürlich, das der Webmaster eine solche Grafik (Banner) auf seiner Seite bereit hält und kein Schutz gegen Fremdverlinkung vorhanden ist! Siehe: startpromotion.htm

Für die Grafiken (Banner) sind keine Größenangaben vorgesehen! Das vereinfacht die Einbindung von Grafiken unterschiedlicher Abmessungen.



  MouseOver-Text

Der MouseOver-Text wird vom JavaScript aus 3 Elementen zusammengefügt. Zwei Elemente werden dem Array entnommen, das Datum wird aus dem Systemdatum errechnet.

Einleitung + Datum + individuelle Linkbeschreibung 
var Einleitung = "Mein Linktipp für den ";

var OverText = Einleitung (aus Array) + LinkDatum + MouseOverText (aus Array)
  MouseOver-Text für heute:  

Wenn sie die Variable Einleitung leer lassen
var Einleitung = " ";
und die Zeile
var Linkdatum = " "; aktivieren,  (Bescheibung siehe unten)
wird nur noch der zugehörige Link-MouseOver-Text angezeigt:

  MouseOver-Text für heute:  



  Links dem Monat zuordnen

Die URLs der 12 Seiten und den zugehörigen MousOver-Text schreiben sie in eine Liste: 

// Liste der URLs und des MouseOver-Textes
// unbedingt 3 x 12 Einträge notieren, Wiederholungen sind natürlich möglich

// 1 URL
// 2 MouseOver-Text
// 3 URL für Banner (Kann auch leer bleiben)

Liste = new Array()

// 1
Liste[Liste.length]="http://www.kgs-wuerm.de",
Liste[Liste.length]="HP der katholischen Grundschule Würm",
Liste[Liste.length]="",

// 2
Liste[Liste.length]="http://www.clickstart.de/",
Liste[Liste.length]="Portal Clickstart - 6000 Mini-Images, JavaScript,  ...",
Liste[Liste.length]="http://www.web-toolbox.net/promotion/s-clickstart01.gif",


...


// 11
Liste[Liste.length]="http://www.web-toolbox.net/imagedownload/index.htm",
Liste[Liste.length]="6000 kostenlose Mini-Images für den Webmaster",
Liste[Liste.length]="http://www.web-toolbox.net/promotion/s-imagebox02.gif",


// 12
Liste[Liste.length]="http://www.camino-hospiz.de/",
Liste[Liste.length]="Seite der Hospizvereins Camino e.V. Geilenkirchen",
Liste[Liste.length]=""

(Array-Elemente sind durch Komma getrennt, letzter Eintrag hat kein Komma am Ende)

Sie haben, anders als beim Zufallslink, Einfluss auf den jeweiligen Link für den entsprechenden Monat. Den Link auf die Adventsseite legen sie z.B. für den Dezember fest.


  Aufwand:

  • Script in den HEAD kopieren
  • Linkliste anpassen
  • Aufruf in den BODY kopieren


  Linknotierung im BODY: 

<script type="text/javascript" language="JavaScript">
<!--
MonatsLinkGrafik();
//-->
</script>
Diesen Code platzieren sie im Body ihres HTML-Dokuments an der Stelle, wo der Tageslink erscheinen soll.

Davor könnten sie, wie hier in meinem Beispiel, eine kleine Pfeilgrafik einbinden. Den Image-Verweis dazu einfach oberhalb des Scriptcodes eintragen. 

<img src="pfeil.gif" width="10" height="9" border="0" alt="">

<script type="text/javascript" language="JavaScript">
<!--
MonatsLinkGrafik();
//-->
</script>



  Die beiden anderen MouseOver-Text-Elemente: 

var Einleitung = "Mein Linktipp für den ";

  // Liste deutsche Monatsnamen
  var MonatsName = new Array
  (
  " Januar",
  " Februar",
  " März",
  " April",
  " Mai",
  " Juni",
  " Juli",
  " August",
  " September",
  " Oktober",
  " November",
  " Dezember"
  );

var LinkDatum = MonatsName[DatumHeuteLink.getMonth()] +" ";
// Wenn kein Datum angezeigt werden soll, nächste Zeile die // entfernen
// var LinkDatum = " ";











automatischer Bildwechsel 03-Link zeitgesteuert - Grafiken als Verweis

Tageslink des Monats - 1 von 31 Grafiken als Verweis
06.01.2008   
NACH OBEN