Antworten
Mai 19, 2021 - 19:52
Nein, mit einem Textfeld ist so was zur Zeit nicht möglich.
Du kannst Alternativ eine Webseite nutzten und dort eben entweder mit Javascript oder CSS arbeiten.
Ein Beispiel wie so was mit CSS gemacht werden kann findest Du beispielsweise unter Pure CSS Ticker.
Das Aussehen der Laufschrift musst Du dann ebenfalls individuell per CSS anpassen. Die Eingabe des CSS erfolgt im HTML Gerüst.
Du kannst Alternativ eine Webseite nutzten und dort eben entweder mit Javascript oder CSS arbeiten.
Ein Beispiel wie so was mit CSS gemacht werden kann findest Du beispielsweise unter Pure CSS Ticker.
Das Aussehen der Laufschrift musst Du dann ebenfalls individuell per CSS anpassen. Die Eingabe des CSS erfolgt im HTML Gerüst.
Mai 25, 2021 - 07:27
Vielen Dank für die Antwort... Das ist mir aber zu aufwendig / kompliziert. Wäre schön wenn Mediola das mal als "normale" Funktion einbauen würde..
Grüße
Grüße
Mai 25, 2021 - 10:22
Wo ist denn Dein genaues Problem? Ich denke das so was Mediola als Funktion in einem Textfeld einbaut, wird auch niemals kommen, dazu gibt es ja viel zu viele individuelle Parameter, die jeder einstellen kann und jeder dann wieder was anders haben will.
Das einzig sinnvolle ist hier CCS zu nutzten und das unterstützt ja NEO bzw. Mediola bereits, in sofern gibt es hier wohl auch für Mediola wenig Handlungsbedarf, da gibt es sicher ganz andere Baustellen in NEO, die dringender einem Update bedürfen.
Ziehe doch einfach ein Element vom Typ Webseite auf die NEO Seite.
Dann klickst Du auf HTML-Gerüst festlegen
Jetzt fügst Du deinen individuellen Head ein mit Deinem CSS
Beispiel Dokument-Beginn:
Dokument Ende bleibt wie immer
Dann hast Du Deine Laufschrift in NEO.
Wenn Du was anpassen willst, wie Größe oder Farbe der Schrift, musst Du das eben im CSS ändern unter
Das einzig sinnvolle ist hier CCS zu nutzten und das unterstützt ja NEO bzw. Mediola bereits, in sofern gibt es hier wohl auch für Mediola wenig Handlungsbedarf, da gibt es sicher ganz andere Baustellen in NEO, die dringender einem Update bedürfen.
Ziehe doch einfach ein Element vom Typ Webseite auf die NEO Seite.
Dann klickst Du auf HTML-Gerüst festlegen
Jetzt fügst Du deinen individuellen Head ein mit Deinem CSS
Beispiel Dokument-Beginn:
<!DOCTYPE html><html><head><meta charset="utf-8" />
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
* {
box-sizing: border-box;
}
@-webkit-keyframes ticker {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes ticker {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.ticker-wrap {
position: fixed;
bottom: 0;
width: 100%;
overflow: hidden;
height: 4rem;
background-color: transparent;
padding-left: 100%;
box-sizing: content-box;
}
.ticker-wrap .ticker {
display: inline-block;
height: 4rem;
line-height: 4rem;
white-space: nowrap;
padding-right: 100%;
box-sizing: content-box;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-name: ticker;
animation-name: ticker;
-webkit-animation-duration: 30s;
animation-duration: 30s;
}
.ticker-wrap .ticker__item {
display: inline-block;
padding: 0 2rem;
font-size: 2rem;
color: white;
}
body {
padding-bottom: 5rem;
}
h1, h2, p {
padding: 0 5%;
}
</style></head><body>Dann im Hauptbereich den Ticker Wrapper mit Deinem individuellen Text
<div class="ticker-wrap">
<div class="ticker">
<div class="ticker__item">Dies ist eine Laufschrift in NEO.</div>
<div class="ticker__item">Hier steht irgendwelcher Blabla das dann als Laufschrift durchläuft.</div>
</div>
</div>Dokument Ende bleibt wie immer
</body></html>Dann hast Du Deine Laufschrift in NEO.
Wenn Du was anpassen willst, wie Größe oder Farbe der Schrift, musst Du das eben im CSS ändern unter
font-size: 2rem;
color: white;
Neuen Kommentar hinzufügen