Wie finde ich eine Funktion mit der ich fliessenden Text, oder allgemeiner, animierten Text erzeugen kann ?
Ich möchte einfach nur eine Zeile Text platzieren, bei der der Text immerzu z.B. von rechts nach nach links läuft.
Mir bleibt bei deiner Frage völlig unklar, was du genau erreichen willst.
Fließtext, der zB um Bilder oder Objekte fliesst wird mit Textbereichen erzeugt (siehe dazu in der Hilfedatei unter "Text" / "Textbereich".
Eine Animation ist sicher auch möglich, benötigt aber einen Startpunkt der die Animation auslöst... was genau meinst du also mit Animation?
Gruß Marboe
Die Möglichkeiten der Erstellung von Animationen mit dem Web Designer sind Dir, @Patrick_Weisgerber, bekannt?
Ich möchte einfach nur eine Zeile Text platzieren, bei der der Text immerzu z.B. von rechts nach nach links läuft.
Das kannst du realisieren, indem du ein Rechteck zeichnest, indem der Text laufen soll.
Hier ein Beispiel.
Der Body dieses Platzhalters bekommt zum Beispiel folgenden Code:
<style type="text/css">
.tickercontainer2 {
width: 670px;
height: 32px;
margin: 0;
padding: 0;
overflow: hidden;
}
.tickercontainer2 .mask {
position: relative;
top: 0px;
height: 32px;
overflow: hidden;
}
ul.newsticker {
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
position: relative;
font: bold 18px Arimo;
color: #bc9f88;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left;
margin: 0;
padding: 0 10px;
box-sizing:border-box;
}
</style>
<script type="text/javascript">
jQuery(function(){
jQuery("#webticker2").webTicker();
});
</script></p> <div class="tickercontainer2"><div class="mask"><ul class="newsticker" id="webticker2">
<li>* * * ACHTUNG * * * </li>
<li>* * * hier steht dein Text * * *</li>
</ul><span class="tickeroverlay-left"> </span><span class="tickeroverlay-right"> </span></div></div>
An der Stelle: font: bold 18px Arimo;
color: #bc9f88; kannst du rumspielen mit entsprechender Schriftart und Textgröße.
Gruß Marboe
Und vergiss nicht, die zum Script gehörende JQuery Bibliothek "jquery-1.9.1.js" und das angepasste JScript "ticker.js" in Dein Projekt einzubauen, sonst funktioniert's nicht. 😇
Vor 5 Jahren haben wir das Thema hier ausführlich besprochen. Da findest Du eine ausführliche Erklärung und auch einen Link zum Download der Demo, inkl. Projektdatei und der beiden noch fehlenden Scriptdateien. 🤓
Viel Erfolg
Danke BeRo 😁
Man sollte nicht zwo Dinge auf einmal machen...