Tastatur.jpg

CP “Einfacher Text” als Laufbandtext

(ohne JS!)

Laufbandtext ist eine immer wieder gefragte Aktion, ich finde es nervig, aber manchmal auch gut, um den Besucher damit wirklich zu nerven, damit er wichtige Meldungen auch liest!

Die Umsetzung basiert auf folgende Forumanfrage.

Template: ticker.tmpl

Folgenden Code speichert man unter template/inc_cntpart/plaintext ab:
 

<!--IMAGES_HEADER_START//-->
[TITLE]
<h4>{TITLE}</h4>[/TITLE]
[SUBTITLE]<h5>{SUBTITLE}</h5>[/SUBTITLE]
<div class="ticker-wrap">
 
 <marquee scrollamount=3>
  <div class="ticker">

Folgenden Code speichert man unter template/inc_cntpart/plaintext ab:
 

<!--IMAGES_HEADER_START//-->
[TITLE]
<h4>{TITLE}</h4>[/TITLE]
[SUBTITLE]<h5>{SUBTITLE}</h5>[/SUBTITLE]
<div class="ticker-wrap">
 [TEXT]
 <marquee scrollamount=3>
  <div class="ticker">{TEXT}</div>
 </marquee>[/TEXT]
</div>

 

</div>
 </marquee>
</div>

 

Das Laufband in Aktion:

Das ist ein einfacher Lauftext, erzeugt mit dem CP PLAINTEXT (ticker.tpml) und mit eigener CSS-Formatierung!

CSS-Code frontend.css

/* ==== CSS simple Ticker */
.ticker-wrap {

background-color: #eee;
height:20px;
padding-top: 7px;

width: 300px;

}

.ticker p {
color: #777;
font-family: Arial, Verdana, Helvetica; font-size: 14px;
font-weight: bold; 

}

/* ==== ENDE simple Ticker */

| zurück/back | Impressum | Sitemap | Kontakt | Datenschutz | © 2008 · Spielwiese · powered by PHPcms