Plugin für Newsbanner

Zitat von shoprheintal

Kennt jemand ein Plugin, dass ermöglicht, dass ein virtuelles Laufband für News auf der Startseite durchlauft?

Kein Plugin, aber ein einfach einzubauendes Script (das noch nicht mal die Validität der Seite beeinträchtigt): aScroller

toller tip, dieser ascroller.

ich verstehe die installation nicht ganz, kann mir das jemand erklären. nicht schimpfen, bin anfänger...

so stehts auf der seite:
[COLOR=blue]Usage[/COLOR]

• [COLOR=blue]Define a <div> tag with a specified ID. Put inside another child <div> containing the scrolling text. Adding more children divs allows multiline (vertical scroll only). [/COLOR]
• [COLOR=blue]Define an INLINE CSS width and height (important, MUST be inline) [/COLOR]
• [COLOR=blue]Execute the divScroller function, passing id, mode, speed (higher number means slower) and delay (in ms).[/COLOR]

[COLOR=black]versteh das mit den "divs" und mit dem "inline css" leider gar nicht...[/COLOR]

Zitat von bijomo

ich verstehe die installation nicht ganz, kann mir das jemand erklären. nicht schimpfen, bin anfänger...

Schimpft doch gar keiner.

Leg das Script am besten in deinem Theme-Ordner ab und füge dann dort, wo der Scroller hinsoll - z.B. Header oder Sidebar - ein (das grüne entsprechend abgeändert):

<script type="text/javascript" src="http://www.[COLOR="SeaGreen"]deine-domain.de[/COLOR]/wp-content/themes/[COLOR="SeaGreen"]deintheme[/COLOR]/aScroller-1.0.js"></script>
<div id="[COLOR="SeaGreen"]deineID[/COLOR]" style="height: 20px; width: 320px;">
   <div>[COLOR="SeaGreen"]...Hierhin der Text, der scrollen soll...[/COLOR]</div>
</div>
<script type="text/javascript">divScroller("news", "h", 30, 3000);</script>

Das gibt einen horizontal scrollenden Text, für vertikal einfach entsprechend ändern. In deiner style.css fügst du dann so was wie

#[COLOR="SeaGreen"]deineID[/COLOR] {
 margin-top: 10px;
 color: #ff0000;
}

oder wie auch immer der scrollende Text aussehen soll, ein.

hm, danke soweit. aber was muss ich für "deine id" bei div eingeben??

zb newsbanner :)

Genau. Oder kartoffelbrei oder was immer du willst. Ich habe jetzt mal hier eine Anleitung geschrieben, wie das Teil genau eingebaut wird.

hallo barbara,

deine beschreibung ist ja ganz toll. grosses lob!!!
hab die installation des horizontalen tickers hinbekommen...:)

versteh aber nicht ganz was die 2000 millisekunden verzögerung genau bewirken. hab ein paarmal den wert geändert aber keinen unterschied festgestellt...
kannst du mir das noch einmal erklären?

viele grüsse
birgit

Zitat von bijomo

versteh aber nicht ganz was die 2000 millisekunden verzögerung genau bewirken. hab ein paarmal den wert geändert aber keinen unterschied festgestellt...

Beim horizontalen Scroller bewirken die überhaupt nichts, insofern kann man den Wert auch einfach weglassen. Beim vertikalen bestimmt der Wert, wie lange jede einzelne Zeile zu sehen ist. Ich werde das nochmal entsprechend ändern.

hallo nochmal!

wie bekomme ich es geregelt, dass der horizontale newsticker einen abstand zum oberen rand der seite erhält? hatte es schon mit margin-top probiert (in der css vom ascroller). da ändert sich aber nichts...

birgit

Zitat von bijomo

hallo nochmal!

wie bekomme ich es geregelt, dass der horizontale newsticker einen abstand zum oberen rand der seite erhält? hatte es schon mit margin-top probiert (in der css vom ascroller). da ändert sich aber nichts...

birgit

Und wenn du es ins div mit reinschreibst?

meinst du in das eingefügte script, in dem der text für den newsticker steht? dort z. b. 'margin-top: 10px' eintragen?

Zitat von bijomo

meinst du in das eingefügte script, in dem der text für den newsticker steht? dort z. b. 'margin-top: 10px' eintragen?

Genau, also z.B.

<div id="scroller-h" style="height: 15px; width: 300px; [COLOR="Red"]margin-top: 50px;[/COLOR]">

ja, das geht! danke.

wieso kann man das margin denn nicht in die css-datei eintragen? bzw. warum bringt das nichts?

Das sollte genauso funktionieren. Vielleicht den Wert einfach mal etwas größer wählen?