WebSite X5Help Center

 
Marion S.
Marion S.
User

Bilder in Timeline-Zusatzobjekt  de

Autore: Marion S.
Visite 1223, Followers 1, Condiviso 0  

Ein fröhliches Hallo in die Runde - weil ich es in der Marktplace-Beschreibung nicht gefunden - die Frage an euch - kann ich über html in die Beschreibung der Zigzag-Timeline Bilder einfügen?

Postato il
4 RISPOSTE - 1 CORRETTO
Daniel W.
Daniel W.
User

Die Zickzack-Timeline lässt sich auch nur mit HTML und CSS in einem HTML-Objekt machen, siehe

>> https://alvarotrigo.com/blog/html-css-timelines/

Im Abschnitt "3. Vertical Left-Right Timeline" den gesamten HTML- und CCS-Code kopieren und dann bei Website X5 in einem großen HTML-Objekt einfügen. Dann noch einige Anpassungen durchführen.

A) Im CSS-Abschnitt habe ich bei ...

/* Card container */
.card {
position: relative;
max-width: 100%;

... die max-width (maximale Breite) auf 100% gesetzt und diesen Code ...

img {width: 50%; float: right; margin: 15px;"}

... noch hinzugefügt, damit die Bilder 50% der gesamte Breite einnehmen und rechts platziert werden mit einen Rand von 15px, damit der Text nicht am Bild klebt.

B) Im HTML-Abschnitt ...

<div class="info">
<h3 class="title">Title 1</h3>
<p><img src="bild-perserklee.jpg">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

... zwischen <p> und </p> (Absatz) den <img ...> (IMG-Tag) für die Bilderadressen hinzugefügt.

Da ich kein CSS-Experte bin, müssten für den Feinschliff die CSS-Experten Hilfe leisten.

Es ist natürlich kein einfach auszufüllendes und einzustellendes WebSite X5 Zusatzobjekt mit Eingabe- und Auswahlfeldern, deshalb müssen die Überschriften und Texte sowie die ermittelten Bilderadressen direkt im Html-Code eingegeben werden.

Und hier das Ganze als Testseite wie es in der WebSite X5 Vorschau aussieht

Leggi di più
Postato il da Daniel W.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

Es würde auch einfacher gehen und mit dem ZigZag Timline!  Man muss nur eine Zeile im Text einfügen im Widget bei jeder Box wo man ein Bild will!

Dann muss man noch irgendwo ein HTML-Objekt einfügen. (Kann auch ganz winzig sein)

Und dort diesen Code eintragen und danach unten die Bilder hinzufügen!  Die Bildnamen dann merken und abändern in jeder Box!

Dann kommt dieses Ergebnis

Leggi di più
Postato il da Andreas S.
Daniel W.
Daniel W.
User

Da könnte doch Incomedia das ZigZag Timline Zusatzobjekt erweitern um ...

Bild hinzufügen: [______________________________][Ordner]

Bild platzieren: ( ) über ( ) unter ( ) links oder ( ) rechts vom Text

... wenn die Kunden schon dafür bezahlen.

Leggi di più
Postato il da Daniel W.
Marion S.
Marion S.
User
Autore

Herzlichen Dank fürs Antworten - hatte mir schon gedacht, dass es wie von Andreas beschrieben funktionieren kann.

Leggi di più
Postato il da Marion S.