WebSite X5Help Center

 
S. K.
S. K.
User

Einstellungen "Bildergalerie" - Farbeinstellung + Abspielgeschwindigkeit  de

Autor: S. K.
Visitado 338, Seguidores 1, Compartilhado 0  

Hallo zusammen,

kann mir bitte jemand sagen/schreiben, wie/wo ich die Einstellungen der Bildergalerie (Klassische Slideshow) anpassen kann?

1. Die Farbeinstellungen (Hintergrund und Text) für den Beschreibungstext zum jeweiligen Bild?

2. Die Abspielgeschwindigkeit für die automatische Wiedergabe?

Gruß

Publicado em
11 RESPOSTAS
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

Die Anzeigedauer der einzelnen Bilder lässt sich festlegen, wenn man bei der Liste das betreffende Bild markiert und auf den gelben Stern klickt.

Hier können neben den Effekten auch unterschiedliche Zeiten für die Bilder angegeben werden.

Eine spezielle Nutzung für das Objekt "Galerie":

Durch die unterschiedliche Anzeigedauer kann man einen gesprochenen Vortrag (Audio) mit Bildern versehen bzw. eine vertonte Diashow erstellen, bei dem die Anzeigedauer der Bilder an den gesprochenen Text angepasst wird, siehe

>> https://helpcenter.websitex5.com/pt/post/262589

Der Link zur Testseite funktioniert nicht mehr, da die Testseite zwischenzeitlich gelöscht wurde.

Ler mais
Publicado em de Daniel W.
S. K.
S. K.
User
Autor

Die Anzeigedauer kann ich jetzt einstellen - vielen Dank.

Hat noch jemand eine Idee zum Einstellen der "Beschreibungstexte" der Einzelbilder?

Ler mais
Publicado em de S. K.
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

Hintergrundfarbe der Beschreibung im Galerie-Objekt ändern:

Im Raster das Objekt "Galerie" markieren und oben auf "Code" klicken.

Dann hier diesen CSS-Code einfügen bzw. ändern, siehe

    #imObjectGallery_76_03_description {
    background-color: blue !important;
    }

Wichtig: Die Zahlen 76_03 an die Zahlen der Objekt-ID des Objekts "Galerie" anpassen, siehe

----- Screenshot -----

----- Ausschnitt der Galerie mit der Beschreibung -----

Ler mais
Publicado em de Daniel W.
S. K.
S. K.
User
Autor

Ich habe jetzt den CCS-Code eingetragen, bei mir ändert der Befehl aber die Hintergrundfarbe der Galerie, nicht die vom "Beschreibungstextfeld". Außerdem ist das "Textfeld" bei mir nicht über die volle Bildbreite, wie bei Deinem Beispiel.

Ler mais
Publicado em de S. K.
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

Dann wurde vermutlich der Zusatz (fett markiert) vergessen, siehe CSS-Code

-----

#imObjectGallery_76_03_description {
background-color: blue !important;
}

-----

Hier meine Testseite dazu, siehe

>> https://findelinks.de/123test-aufklappmenue-2/galerie.html (die Galerie ganz unten)

Ler mais
Publicado em de Daniel W.
S. K.
S. K.
User
Autor

Ja, genau... Danke

Gibt es eine Auflistung mit den Befehlen/Bereichsbezeichnungen wie description für eigene CSS-Experimente?

Ler mais
Publicado em de S. K.
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

Vielleicht können die CSS-Experten weiterhelfen, wenn die Einstellungen im Objekt nicht ausreichen und spezielle Einstellungen geändert werden sollen.

Falls auch die Textfarbe der Beschreibung geändert werden soll, dann diesen CSS-Code nutzen.

-----

#imObjectGallery_76_03_description {
background-color: gold !important;
color: black !important;
}

-----

Ler mais
Publicado em de Daniel W.
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

Einstellungen bei der Beschreibung der Bilder im Objekt "Galerie":

  • Hintergrundfarbe
  • Schriftfarbe
  • Innenabstand
  • Rand (Breite, Stil und Farbe)
  • Rundungen der Ecken des Randes

----- CSS-Code mit /* Kommentaren (Erklärungen) */ -----

#imObjectGallery_76_03_description {
background-color: gold !important; /* Hintergrundfarbe */
color: black !important; /* Schriftfarbe */
padding: 10px !important; /* Innenabstand auf allen Seiten */
border: 3px solid black; /* Rand: Breite, Stil (solid/dashed/dotted), Farbe */
border-radius: 10px; /* Rundung der Ecken */
}

----- Wirkung des CSS-Codes als Screenshot -----

Ler mais
Publicado em de Daniel W.
S. K.
S. K.
User
Autor

Super, vielen Dank.

Ler mais
Publicado em de S. K.
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

Ergänzung:

Damit der Hintergrund der Beschreibung nicht zu weit über das Bild hinausragt noch etwas CSS-Code.

Neu sind die letzten 2 Zeilen mit width und margin - bei Bedarf die %-Angabe bei width anpassen.

----- Ergänzter CSS-Code mit /* Kommentaren (Erklärungen) */ -----

#imObjectGallery_76_03_description {
background-color: gold !important; /* Hintergrundfarbe */
color: black !important; /* Schriftfarbe */
padding: 10px !important; /* Innenabstand auf allen Seiten */
border: 3px solid black; /* Rand: Breite, Stil (solid/dashed/dotted), Farbe */
border-radius: 10px; /* Rundung der Ecken */
width: 73%; /* Verkleinern */
margin: 0 auto; /* Oben/Unten 0, Links/Rechts automatisch zentrieren */
}

-----

Ler mais
Publicado em de Daniel W.