Laufschrift beim Aufruf der Startseite

Allgemeine Fragen
Benutzeravatar
jens0511
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 13
Registriert: Fr 12. Mär 2021, 21:09
Wohnort: Friedrichroda

Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von jens0511 »

Hallo zusammen,
ich möchte auf der neuen Webseite des FCC Friedrichroda (befindet sich im Aufbau) wieder eine Laufschrift einfügen.
Siehe hier: https://fcc-friedrichroda.de/. Gibt es hierzu in Mobirise einen Block oder gibt es eine andere Lösung? Es soll vorrangig für Geburtstagskinder des Vereins sein.
Beste Grüße
Jens
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 1351
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von Tommy Herrmann »

Moin Jens,

hier habe ich eine Laufschrift in Mobirise eingebaut - ganz unten - mit Erklärung:

https://mobirise-tutorials.com/LawyerM4 ... float.html

Dabei kommt dann die CSS rechts in den Bereich "CSS Editor" und die class="marquee" habe ich dann an ein <p> Tag mit dem Text geschrieben, wie Du links im Bereich "HTML Editor" vom "Code Editor" erkennen kannst (beides habe ich markiert):


Code-Editor Laufschrift.JPG


Bei dieser Laufschrift habe ich auch einen Link mit eingebaut <a>hier steht der Link</a>, der bei Mausüber, durch die CSS (unten), stehen bleibt, sodass man dann auch gezielt auf den Link klicken kann.

HTML:

Code: Alles auswählen

<p class="marquee">Diese Laufschrift bewegt sich von rechts nach links und stoppt bei Mausüber. <a href="http://www.nof-tutorials.com/Marquee-Laufschrift/" target="_blank">Marquee Laufschrift in NOF</a>.</p>

CSS:

Code: Alles auswählen

@keyframes marquee {
  0% {
    text-indent: 800px;
  }
  100% {
    text-indent: -800px;
  }
}
.marquee {
  width: 100%;
  margin: auto;
  padding: 2px;
  overflow: hidden;
  white-space: nowrap;
  border: solid 1px #CCCCCC;
  border-radius: 5px;
  box-shadow: 2px 2px 3px #999999;
  animation: marquee 20s linear infinite;
}
.marquee:hover {
  animation-play-state: paused;
  cursor: wait;
}

... auch das HTML-Tag <marquee> hier steht die Laufschrift </marquee>:

hier steht die Laufschrift

... bewirkt eine solche Laufschrift, es gibt da etliche Optionen:

http://www.nof-tutorials.com/Marquee-Laufschrift/


Gucke Dir dazu auch die Seiten von unserem Werner-Zenk.de an:

https://werner-zenk.de/html/lauftext_marquee.php


Hier noch einige Optionen zum Tag <marquee>:

Code: Alles auswählen

<marquee direction="left"> Marquee von rechts nach links </marquee>

<marquee direction="right"> Marquee von links nach rechts </marquee>

<marquee behavior="alternate"> Marquee wechselnd </marquee>

<marquee scrollamount="10" scrolldelay="10"> Marquee Geschwindigkeit 1 sehr langsam 10 sehr schnell </marquee>

<marquee> Marquee mit Bild <img src="bild.jpg"> </marquee>

<marquee> Marquee mit <a href="http://www.example.com"> Hyperlink </a> </marquee>

<marquee style="background: red; color: yellow" behavior="alternate"> Marquee mit Farbe </marquee>

<marquee loop="5"> Marquee wird nur 5 mal durchlaufen! </marquee>

<marquee direction="up" scrollamount="2" style="height: 80px;"> Marquee von unten nach oben </marquee>

<marquee direction="down" scrollamount="3" style="height: 80px;"> Marquee von oben nach unten </marquee>
Benutzeravatar
Volker
Moderator
Moderator
Beiträge: 344
Registriert: Sa 12. Dez 2020, 22:35
Wohnort: Wildberg
Kontaktdaten:

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von Volker »

Hallo Jens,

ergänzend sei noch der Mobirise eigene News Ticker erwähnt ;)

Findest Du unter NEWS wenn Du auf ...more News Blocks klickst ;)
news1.png
Ist der dünne schwarze
Gruß Volker
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 1351
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von Tommy Herrmann »

Moin,

stimmt - ganz neu aus dem Thema "Art M4" (habe ich vollkommen vergessen). Gleich unter dem Foto "Art Gallery":

https://mobirise-tutorials.com/ArtM4/

Das schöne an der CSS vom Werner ist aber, dass das nicht so ruckelt, denn es arbeitet eben über CSS mit @keyframes und eben nicht mit dem Tag <marquee>, wie auch Mobirise.
Benutzeravatar
jens0511
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 13
Registriert: Fr 12. Mär 2021, 21:09
Wohnort: Friedrichroda

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von jens0511 »

Hallo zusammen,
vielen Dank für die Info's. Ich werde die verschiedenen Möglichkeiten des News Ticker ausprobieren. :tu: :hurra:
Beste Grüße
Jens
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 1351
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von Tommy Herrmann »

... übrigens der <marquee> Block von Mobirise hat einen Fehler in der CSS, den ich gerade an den Support gemeldet habe:

https://forums.mobirise.com/discussion/ ... ment_86359
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 1351
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von Tommy Herrmann »

Bug im Mobirise Ticker

Hier ist die Lösung für den Bug im Ticker-Block (Laufschrift) von Mobirise:

https://getbootstrap.com/docs/4.0/layou ... no-gutters

Lösche diese CSS aus dem "CSS Editor" vom Block:

Code: Alles auswählen

.container-fluid {
  max-width: 100%;
  padding: 0;
}
... lösche außerdem diesen äußeren <div> Container im "HTML Editor":

Code: Alles auswählen

<div class="container-fluid">

   ...

</div>
verwende dafür Bootstrap class="no-gutters" an der class="row":

Code: Alles auswählen

<div class="row no-gutters">

   ... Ticker Inhalt 

</div>
Ich habe dem Support von Mobirise soeben diese Lösung mitgeteilt und hoffe auf eine Berichtigung im kommenden Update.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 1351
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von Tommy Herrmann »

Der Bug vom Ticker wurde mit dem heutigen Update behoben.
Benutzeravatar
jens0511
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 13
Registriert: Fr 12. Mär 2021, 21:09
Wohnort: Friedrichroda

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von jens0511 »

Hallo Tommy,
vielen Dank für die Info. Ich experimentiere gerade mit den Laufschriften herum. Deinen Vorschlag scheint der Support von Mobirise, so wie vorgeschlagen, aber nicht umgesetzt zu haben. Ich habe es jedenfalls nichts im HTML bzw. CSS Code-Editor erkennen können. Ich muss allerdings dazu sagen, dass ich nicht der Experte für solche "Sachen" bin. ;) :(
Ich werde also mal mit den vorgeschlagenen Änderungen von dir spielen. :tu:
Beste Grüße
Jens
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 1351
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von Tommy Herrmann »

Moin,

sie haben auch nicht meinen Vorschlag übernommen, sondern sie haben die globalen CSS-Dateien geändert (da muss ein Fehler gesteckt haben), denn es sollte auch mit dem "padding: 0" gehen.

Im Ticker-Block sieht man also gar nichts. Sieht aus wie vorher, dennoch ist es nun (nach dem Update) in Ordnung.

Die von mir in meinem Vorschlag verwendete Bootstrap class="no-gutters" wurde von Mobirise noch nie irgendwo eingesetzt (jedenfalls habe ich das noch nie gesehen). Wahrscheinlich kommt dann ihre Philosophie durcheinander, denn für die Verwendung dieser Class, muss die class="container" entfernt werden.
comunio23
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 10
Registriert: Mi 10. Mär 2021, 08:25

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von comunio23 »

Hey, oben habt ihr ja so schön verlinkt, wo man die Vorlage zur Laufschrift (Newsticker) findet. Leider werde ich nicht fündig. Wurde das verschoben? Weiß jemand etwas? Vielen Dank.

Marvin
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 1351
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von Tommy Herrmann »

Moin Marvin,

oben sind mehrere Links - welchen meinst Du (bitte nochmals hier angeben).

Ich habe ein Beispiel hier mit dem HTML-Tag <marquee>

https://mobirise-tutorials.com/LawyerM4 ... rticle6-4b

... guckst Du auch bei unserem Werner-Zenk.de:

https://werner-zenk.de/html/lauftext_marquee.php

und das hatte ich auch verlinkt - ein Block aus dem kostenpflichtigen Mobirise-Thema "Art M4"

https://mobirise-tutorials.com/ArtM4/

... direkt unter dem obersten Foto der "Art Gallery"
comunio23
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 10
Registriert: Mi 10. Mär 2021, 08:25

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von comunio23 »

Hey, ich meine den letzten:

https://mobirise-tutorials.com/ArtM4/

Wo genau finde ich den bzw. was muss ich in der Suchabfrage eingeben.
Habe das vollständige Abo für mobirise...

Danke:-)
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 1351
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von Tommy Herrmann »

diese Laufschrift vom Thema "Art M4" findest Du unter der Rubrik "Article" (siehe Screenshot):

Laufschrift.JPG
comunio23
Mitglied (Level 2)
Mitglied (Level 2)
Beiträge: 10
Registriert: Mi 10. Mär 2021, 08:25

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von comunio23 »

Ah gefunden...
Aber ich befürchte mich falsch ausgedrückt zu haben.
Ich suche eigentlich ein Feld, was genauso aufgebaut ist, nur das der Text immer wieder von vorn beginnt.
Gibt es dazu auch vordefinierte Angebote von mobirise? Oder muss ich dann von den zwei anderen Links Gebrauch machen?
Danke.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 1351
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Laufschrift beim Aufruf der Startseite

Ungelesener Beitrag von Tommy Herrmann »

Moin,

aber der Text fängt doch auch bei diesem Feld immer wieder von vorne an :confused:

In meinem Beispiel vom Thema "Art M4" steht nur ziemlich viel Text und es dauert einige Minuten bis dieser komplett durchgelaufen ist.

Das ist bei einer Laufschrift immer so:

Code: Alles auswählen

<marquee> hier steht die Laufschrift </marquee>
hier steht die Laufschrift

Eine Laufschrift wird immer in dem Bereich angezeigt, wie z.B. einem <div>, in dem dieses Tag platziert wurde - was dann im Normalfall, wenn man nichts ändert, die Breite des Mobirise-Blocks ist.

Mobirise verwendet in diesem Block nichts anderes als eben genau dieses HTML-Tag, so wie auch auf meiner Seite oder der vom Werner dargestellt.

... so sieht dieser Block im "Code Editor" aus:


Marquee-Block.JPG


Das <marquee> Tag kannst Du, wie oben im Code-Beispiel gezeigt, also mit dem Anfangs-Tag <marquee> und dem Schluss-Tag </marquee> an jeder beliebigen Stelle im "Code Editor" einbauen.

Einfach mal probieren und gucken.

Auf der Beispielseite von unserem Werner:

https://werner-zenk.de/html/lauftext_marquee.php

sind die unterschiedlichen Richtungen und Möglichkeiten der zusätzlichen Attribute doch ganz klar dargestellt.

Ein anderer, fertiger Block mit einer Laufschrift ist mir jetzt von Mobirise nicht bekannt. Wozu auch, das kann ja jeder total simpel selbst an jeder Stelle einsetzen.
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste