Ticker durch CP bearbeiten

[Oliver-K]

Hallo,

würde gerne einen Ticker (also horizontalen Lauftext ) auf einer Seite nutzen, Einbau ist ja kein Problem gibt es ja zu genügend evtl. mittels IFrame.
Problem ist nur das ich nicht genau weiß ich jetzt den Ticker mittels eines Content Parts (Text, HTML oder WYSIWYG HTML) bearbeiten kann.

[flip-flop]

Hallo,

du kannst den Inhalt mit SHOW_CONTENT in den Ticker holen.

ich würde das Ticker-Skript bzw. die Ansteuerung in ein CP Template packen.
Welcher CP verwendet wird, das ist abhängig davon was du wie machen möchtest, ob auch wysiwyg dargestellt wird oder nur einfacher Text oder auch Links aus eine Teaser.
Du kannst das Template des CP entsprechend anpassen, damit es für den Ticker passt.

Diese/r CP/s liegt/en in einem versteckten Bereich und werden/wird durch SHOW_CONTENT in die Vorlage geholt.

Also bloß kein I-Frame.

Knut

[Oliver-K]

Hallo Knut,

danke für die Hilfe, habe mir ein einfaches Beispiel gebaut und so hat es funktioniert
Eine Frage hätte ich noch, wie beeinflusse ich jetzt das CSS von nur diesem Template?
Wenn ich einfach nur ein div oder span zwischen [TEXT] [/TEXT] setze, wird das ja an anderer Stelle
wieder überschrieben.

Code: Select all

<marquee scrollamount="3">

[TEXT]{TEXT}[/TEXT]
</marquee>

Oliver

[flip-flop]

Hallo Oliver,

Wenn du entweder Inline Styles verwendest

Code: Select all

[TEXT]<div style="..........;">{TEXT}</div>[/TEXT]

oder eine eigene Klasse generierst, die dann in z.B. froentend.css abgelegt wird.

Code: Select all

 [TEXT]<div class="meineKlasseXY">{TEXT}</div>[/TEXT]

Code: Select all

.meineKlasseXY {
  color: red;
  ......
}

Ich hoffe du hast ein separates Template für den CP abgelegt und eingebunden, nicht das default editieren. -> Vorlagen/Templates zu Artikeln und CPs (Contentparts)

Knut

[Oliver-K]

Hallo flipflop,

dann hatte ich ja irgendwie schon recht, denn genau so hatte ich es versucht aber nicht geklappt.
Ein eigenes Template habe ich mir angelegt "ticker.tmpl", das ganze als Einfacher Text
Konkret hatte ich folgendes gemacht:

Code: Select all

<marquee scrollamount="3">
[TEXT]<div class="ticker">{TEXT}</div>[/TEXT]
</marquee>

Im Stylesheet dann folgendes (allerdings im eigenen nicht im frontend.css):

Code: Select all

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

Aber irgend wie wird das nicht angewendet.
Es war trotzallem die Standard Schrift in Schwarz

[flip-flop]

Dann wird die Einstellung vom autom. generierten <p> Tag übersteuert.
Probiere das mal als inline-style oder:

Mit der Eingabe im CP:

Code: Select all

Text aus CP "Einfacher Text"

Template:

Code: Select all

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

CSS:

Code: Select all

.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;
}

Knut