Page 1 of 2

einfacher horizontaler Ticker

Posted: Sun 14. Feb 2010, 18:49
by h0mem
Nabend,

gibts irgendein horizontalen Ticker, welcher leicht im Front oder Backend über ein Formularfeld befüllt werden kann? Datei oder Datenbank ist egal, nur nicht den Umstand über Text im Quellcode mittels div-Container etc.

Vom Prinzip könnte man ja jeden freien Ticker auch umbauen und mittels php in einer Datei oder Datenbank schreiben, aber..
1. PHP kann ich bestenfalls modifizieren
2. weiss nicht ob man vorhandene Ticker einfach so modifizieren darf
3. vielleicht gibts sowas ja schon

vielen dank für eure Hilfe
h0mem

Re: einfacher horizontaler Ticker

Posted: Sun 14. Feb 2010, 19:30
by flip-flop
Hallo,

hier ein einfacher Ticker für den CP plaintext.

Template my_ticker.tmpl:

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

Re: einfacher horizontaler Ticker

Posted: Sun 14. Feb 2010, 20:37
by h0mem
geeeenau sowas hab ich mir vorgestellt. Danke flip-flop

Und wenn der Ticker im <head> Bereich soll? :?: :|

Re: einfacher horizontaler Ticker

Posted: Mon 15. Feb 2010, 00:53
by pepe
Wie würdest du denn einen CP in den Bereich {RIGHT} legen???

Re: einfacher horizontaler Ticker

Posted: Mon 15. Feb 2010, 11:13
by Oliver Georgi
Es gibt im Head Bereich keinen Ticker!!! Und schon gar keinen Code, der an den Browser zur Ausgabe gesendet wird.

Re: einfacher horizontaler Ticker

Posted: Mon 15. Feb 2010, 11:36
by update
"Die" meinen sicher {HEADER} ;)

Re: einfacher horizontaler Ticker

Posted: Mon 15. Feb 2010, 19:57
by h0mem
pepe wrote:Wie würdest du denn einen CP in den Bereich {RIGHT} legen???
Im Moment steh ich aufm Schlauch. Alle Artikel, für welche flip-flop ja n schönes Template vorgelegt hat, erscheinen doch im {content} oder?
Oliver Georgi wrote:Es gibt im Head Bereich keinen Ticker!!! Und schon gar keinen Code, der an den Browser zur Ausgabe gesendet wird.
Das war sehr blöd formuliert von mir und ist natürlich großer Unsinn...
claus wrote:"Die" meinen sicher {HEADER} ;)
geeeenau

Also kann ich flip-flops Template in der "Kopfzeile" nutzen?

Edit: Ich habs grad selbst gefunden....Ein großes für mich fast unsichtbares Pull-Down :roll: danke euch trotzdem!

Re: einfacher horizontaler Ticker

Posted: Mon 15. Feb 2010, 20:23
by pepe
Na bitte... kaum machts man richtig... schon klappts auch!

Was lernen wir daraus :idea:
Es lohnt sich, in den EIngabeFormulaen mal "hinter" alle Einstellungsmöglichkeiten zu sehen und zu versuchen, was passiert, wenn... :-)

Re: einfacher horizontaler Ticker

Posted: Mon 15. Feb 2010, 20:36
by h0mem
phpwcms ist einfach grenzenlos, wer hat da immer alles im Blick :D

Re: einfacher horizontaler Ticker

Posted: Mon 15. Feb 2010, 20:58
by markus s
wenn mal die basis im kopf durch ist, gehts erst richtig los,
mit den schier unendlichen möglichkeiten...
viel erfolg.

Re: einfacher horizontaler Ticker

Posted: Thu 18. Feb 2010, 06:54
by Uwe367
Schickes Teil und gut zu konfigurieren :) .
Ich habe den Ticker als Template für WYSIWYG html genutzt. Nun habe ich nicht nur Text, sondern auch Links, die im Ticker laufen. Nun hätte ich es gerne so, daß der Ticker stoppt, sobald ich mit der Maus auf einen Link gehe und weiterläuft, wenn ich die Maus wieder fort bewege. Gibts dafür einen entsprechenden Code?

Viele Grüße
Uwe

Re: einfacher horizontaler Ticker

Posted: Thu 18. Feb 2010, 06:58
by juergen

Re: einfacher horizontaler Ticker

Posted: Thu 18. Feb 2010, 07:01
by Uwe367
Merci :)

Habe Knuts Template ein wenig umgebaut und habe es funktioniert in FF, Opera, IE 6, 7 & 8, Safari, Google Chrome

Code: Select all

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

Re: einfacher horizontaler Ticker

Posted: Thu 18. Feb 2010, 08:13
by flip-flop
Festgenagelt: Ticker (horizontal)

Re: einfacher horizontaler Ticker

Posted: Thu 18. Feb 2010, 09:18
by Uwe367
flip-flop wrote:Festgenagelt: Ticker (horizontal)
Solltest evtl. auch noch erwähnen daß das Template nicht nur bei Plaintext sondern auch bei WYSIWIG verwendbar ist :wink:

Viele Grüße

Uwe