Table of Contents

Ticker (horizontal)

Ein horizontaler Ticker (Laufband) der in jedem CP mit eigenem Template (vorzugsweise Text-CPs) verwendet werden kann.


V1.0 18.02.2010

Docu: –
Forum: http://forum.phpwcms.org/viewtopic.php?p=122557

Autor: K.Heermann (flip-flop) http://planmatrix.de
Erweitert: Uwe367 (+ JavaScript)

CMS Version: >= 1.3
Version: V1.0

Tag: –

Dateiname: *.tmpl

Verzeichnis: template/inc_cntpart/*

Bedingung:




Template

Beispiel für den CP “Einfacher Text”

  • Kopiere den Code in die Datei ticker.tmpl in template/inc_cntpart/plaintext/


Ohne JavaScript:

<!--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>


Mit JavaScript: Stoppt beim Überfahren mit der Maus das Laufband.

<!--IMAGES_HEADER_START//-->
 
[TITLE]<h4>{TITLE}</h4>[/TITLE]
[SUBTITLE]<h5>{SUBTITLE}</h5>[/SUBTITLE]
 
<div class="ticker-wrap">
[TEXT]<marquee onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"><div class="ticker">{TEXT}</div></marquee>[/TEXT]
</div>


CSS

/* ==== CSS simple Ticker */
 
.ticker-wrap {
  width: 250px;
  height:20px;
  padding-top: 7px;
  background-color: #eee;
}
 
.ticker p {
  font-family: Arial, Verdana, Helvetica;
  font-size: 14px;
  font-weight: bold;
  color: #777;
}
/* ==== ENDE simple Ticker */
deutsch/andere-erweiterungen/ticker.txt · Last modified: 2018/06/03 18:09 (external edit)
www.planmatrix.de www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0