Mit diesen Skripten kannst du ganz bequem unsere News auf deine Seite einbauen. Hierzu stehen dir zwei verschiedenen Versionen zur Verfügung, die wir im folgenden zeigen.

Füge einfach einen der beiden Quellcodes an der gewünschten Stelle in deine Seite ein! Beide Versionen können einfach mittels dem enthaltenen css-Stylesheet an das eigene Design angepasst werden! Einige Hinweise dazu findest du am Ende dieser Seite!

Sollte es Fragen zum Skript geben, schick uns einfach eine E-Mail! Ansonsten würden wir uns auch freuen, wenn du uns die Adresse deiner Seite schickst, auf der das Skript eingebunden ist, damit wir dich hier verlinken können!

Variante 1

Code Variante 1 <!-- Springfield-Shopper.de News4u Beginn //--> <img src="http://springfield-shopper.de/you/news4u/header2.gif" border="0"> <script language="javascript"> <!-- // Anzahl der News, die angezeigt werden (max. 10) var AnzahlNews4u = 8; // Newstext als Popup anzeigen.. (alsPopupZeigen = true;) // oder als Box zum ausklappen? (alsPopupZeigen = false;) var alsPopupZeigen = true; // Anzahl der News, die zu Begin geöffnet werden. // NUR NOTWENDIG, WENN alsPopupZeigen = false! var AnzahlAusgeklappteNews4u = 1; //--> </script> <style type="text/css"> <!-- /* Box mit Newstiteln */ .news4u_newstitel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color:#DEDFE7; width:120px; padding:1px; margin-bottom:2px; } /* Mouse-over Effekt für Newstitel */ /* kann gelöscht werden! */ div.news4u_newstitel:hover { border-width: 1px 1px 1px 1px; border-style:solid; border-color:#EBEBF1 #BABBCD #BABBCD #EBEBF1 ; padding:0px; } /* ausgeklappte Box mit Newstitel und Newstext. */ /* überflüssig, wenn die News als Popup angezeigt wird! (alsPopupZeigen=true) */ .news4u_newsdetails { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; background-color:#DEDFE7; border-width:1px solid #000066; padding:1px; width:120px; margin-bottom:2px; } /* Formatierung des Newstextes in der ausgeklappten Box (alsPopupZeigen=false) bzw im Popup (alsPopupZeigen=true)*/ .news4u_text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align:justify; background-color:#F6F6F6; color:#000000; font-weight:normal; padding:1px; filter:alpha(opacity=70);-moz-opacity:0.7; } --> </style> <script language="JavaScript" type="text/javascript" src="http://springfield-shopper.de/news4u.js"></script> <!-- Springfield-Shopper.de News4u Ende //--> In dieser Variante wird der Newstext in einem kleinen popup-Text angezeigt, wenn der Benutzer mit der Maus über die Newstitel fährt. Es nimmt wenig Platz ein und eignet sich damit besonders zur Einbindung in schmale Spalten deiner Seite.

Variante 2

Code Variante 2 <!-- Springfield-Shopper.de News4u Beginn //--> <img src="http://springfield-shopper.de/you/news4u/header1.gif" border="0"> <script language="javascript"> <!-- // Anzahl der News, die angezeigt werden (max. 10) var AnzahlNews4u = 10; // Newstext als Popup anzeigen.. (alsPopupZeigen = true;) // oder als Box zum ausklappen? (alsPopupZeigen = false;) var alsPopupZeigen = false; // Anzahl der News, die zu Begin geöffnet werden. // NUR NOTWENDIG, WENN alsPopupZeigen = false! var AnzahlAusgeklappteNews4u = 5; //--> </script> <style type="text/css"> <!-- /* Box mit Newstiteln */ .news4u_newstitel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; width:300px; padding:1px; margin-bottom:2px } /* Mouse-over Effekt für Newstitel */ /* kann gelöscht werden! */ div.news4u_newstitel:hover {background-color:#DEDEDE} /* ausgeklappte Box mit Newstitel und Newstext. */ /* überflüssig, wenn die News als Popup angezeigt wird! (alsPopupZeigen=true) */ .news4u_newsdetails { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; border:1px solid #CFCFCF; width:300px; padding:1px; margin-bottom:2px } /* Formatierung des Newstextes in der ausgeklappten Box (alsPopupZeigen=false) bzw im Popup (alsPopupZeigen=true)*/ .news4u_text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; color:#000000; font-weight:normal; margin:1px; } --> </style> <script language="JavaScript" type="text/javascript" src="http://springfield-shopper.de/news4u.js"></script> <!-- Springfield-Shopper.de News4u Ende //-->


Technische Hinweise

• der Wert "AnzahlNews4u" gibt an, wie viele News angezeigt werden, maximal jedoch 10
• wird der Wert "alsPopupAnzeigen" auf "true" gesetzt, werden die Newstexte als popup angezeigt (Variante 1), steht er auf "false" werden sie als aufklappbare Textbox angezeigt (Variante 2)
• mit den css Klassen news4u_newstitel, news4u_newsdetails und news4u_text kann das Design angepasst werden:
  - news4u_newstitel: beschreibt die Parameter der geschlossenen Textbox
  - news4u_newsdetails: beschreibt die Parameter der ausgeklappten Textbox. Werden die Texte als Popup angezeigt kann diese Klasse entfernt werden.
  - news4u_text: beschreibt die Parameter für den Newstext. Hiermit kann auch das Popup angepasst werden.