Forum: NOF - Tutorials (185 anschauliche Tutorials zum Lesen und Nacharbeiten) > Nützliche Funktionen & Elemente für Websites

Laufschrift ohne NOF-Komponente

(1/1)

nettesekel:
Wie man eine Laufschrift ganz einfach selbst erstellen und nach eigenen Wünschen stylen kann, zeigt diese kleine Anleitung.

In NetObjects Fusion gibt es zwar die Komponente für die Laufschrift, allerdings bietet diese nicht alle Möglichkeiten zum individuellen Stylen. Kürzlich z.B. bestand der Wunsch, den Hintergrund der Laufschrift auf transparent zu setzen, wofür es leider keine Option zu geben scheint.

Wer also eine Laufschrift verwenden möchte und diese nach eigenen Wünschen stylen möchte (z.B mit transparentem Hintergrund oder mit Hintergrundbild) der nutzt einfach dieses Tutorial.

nettesekel:
Legt euch zunächst eine neue CSS-Klasse (Formatvorlage) an und legt über diese Formatvorlage fest, wie eure Laufschrift aussehen soll.
Wer nicht weiß, wie man eine Formatvorlage anlegt, der kann das hier nachlesen.
https://www.nof-community.de/index.php/topic,690.0

Im zweiten Schritt fügt ihr folgenden Code nach dieser Kurzanleitung in ein Textfeld ein.

--- Code: HTML5 ---<marquee scrollamount="2" class="Laufschrift">Am 1.Tag nach Ostern werden wir unsere 3 NOF-Versionen verlosen, wir freuen uns darauf.</marquee>
Am 1.Tag nach Ostern werden wir unsere 3 NOF-Versionen verlosen, wir freuen uns darauf.
Erklärung zum Code:

Dieser Wert legt fest, wie schnell sich die Laufschrift bewegen soll.

--- Code: HTML5 ---scrollamount="2"
An dieser Stelle müsst ihr zwischen den Anführungszeichen den Namen eurer neu erstellten Formatvorlage eingeben.

--- Code: HTML5 ---class="Laufschrift"
Diesen Text tauscht ihr gegen euren eigenen Laufschrifttext aus.

--- Code: HTML5 ---Am 1.Tag nach Ostern werden wir unsere 3 NOF-Versionen verlosen, wir freuen uns darauf.
Das wars auch schon, ich wünsche gutes Gelingen. :)

Navigation

[0] Themen-Index