Laufschriften  - Praxisbeispiel für Fortgeschrittene

Hier zeige ich euch, wie man eine Laufschrift wie oben mit ganz einfachen MItteln realisieren kann. Da ich etwas faul war, habe ich das jetzt nicht genau so wie oben realisiert, aber es geht ja ums Prinzip. Konkret sieht das Ergebnis dieses Beispiels so aus:

Und das ist der Quelltext:

<MARQUEE style="background-image:url(buttonblue.png); height:33px; width:600px; direction:right; scrolldelay:250; behavior:scroll; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7); line-height:33px; border-radius:8px;  >

  <font color="#999999"

  size="2"

  face="Verdana, Arial, Helvetica, sans-serif"  >

<a href=”gutscheine4alle.de”>Gutscheine und Rabatte - clever online kaufen</a>

  </font>

  </MARQUEE>

Wie man gut erkennt, habe ich es mir wieder mal sehr leicht gemacht. Zuerst habe ich dem Marquee einen Button als Hintergrund verpasst, der natürlich die gleiche Größe hat wie das Marquee und auch die gewünschten runden Ecken.

Zusätzlich zu den üblichen Marquee-Parametern habe ich hier noch mit box-shadow einen Schatten erzeugt und mit border-radius dem Marquee die gleichen runden Ecken wie dem Button verpasst.

Dann einfach per font-Tag den Text gestalten und fertig.