Hallo,
gibt es eine möglichkeit bei den Kachel Links, ein jpg in den Hintergrund zu laden, welches die volle Fläche der KAchel ausfüllt ?
Absatz Kachel Links
#1
ais
Neuling (2 Punkte) · männlich · Belgien · Nachricht senden
https://shop2023.ais-metal.net
#2
MuggelClan
Forum-Sponsor (1234 Punkte) · männlich · Deutschland · Nachricht senden
Hallo,
es gibt keinen Kachel Links bei ShopToDate und auch nicht bei Siquando Shop.
Du meinst eher bei Siquando Pro Shop:
Antwort zu Deiner Frage zum Absatztyp "Kachel Links" für Pro-Version: Nein, hier gibt es keine Möglichkeit ein Hintergrundbild hinzuzufügen.
Du kannst aber den Absatztyp "Foto-Kachel" hierfür verwenden.
Mit freundlichen Grüßen
Thomas
Web To Date seit 2004, Siquando Web 12, Pro Web 9, Web Client
#3
W2D Fan
Co-Administratorin (4859 Punkte) · weiblich · Niederlande · Nachricht senden
@ais
Ich habe den Beitrag ins richtige Unterforum verschoben. Bitte darauf achten in welches Unterforum du postest. Danke für dein Verständnis.
Gruß,
Marjorie
Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.
#4
MuggelClan
Forum-Sponsor (1234 Punkte) · männlich · Deutschland · Nachricht senden
Es gibt zwei Lösungswege den gewünschten Effekt zu errreichen.
Lösung 1 mit Absatztyp "Kachel Links" mit Style-Code nachhelfen:
- folgenden Code z.B: in den Seiten-Eigenschaften Reiter HTML in den <head>-Bereich einsetzen:
<style>
.ngparatilelinks a {
background-image: url("https://www.deine-domain.info/images/pictures/dein-bild.jpg");
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center center;
}
</style>
- die URL kannst du bei Bild-Eigenschaften Reiter "Allgemein" rechts unten durch Klick auf "URL des Bildes in die Zwischenablage kopieren" ersetzen.
- falls das Bild in Hochformat ist, dann die Zeile background-size in "background-size: 100% auto;" ändern.
Lösung 2 mit Absatztyp "Foto-Kachel":
- Reiter "Manuell" verwenden und hier ein Foto/Bild hinzufügen
- Auf Bild doppelklicken bzw. Listenelement mit rechtsklick auf Bild und "Bearbeiten" klicken.
- in diesem Listenelement dsas Symbol-Schloss für "Überschrift" und "Verknüpfung" aufheben.
- Überschrift für Kachelnbeschriftung eingeben
- Verknüpfung rechts auf Verknüpfungs-Symbol auswählen (z.B. auf eine andere Seite)
- Bei "Erweiterte Eigenschaften" bei Kachelnbeschriftung "Überschriften anzeigen" auswählen.
Fertig, oder wenn gewünscht, dass kein Farb-Hintergrund bei Kachelnbeschriftung vorhanden ist, folgenden Code z.B: in den Seiten-Eigenschaften Reiter HTML in den <head>-Bereich einsetzen:
<style>
.ngparatilematrix ul li div {background-color: transparent !important;}
</style>
Lösung 1 ist mit Symbol bei Kachelnbeschriftung und Lösung 2 ist ohne Symbol bei Kachelnbeschriftung, ansonsten ist der Effekt als Ergebnis mit richtiger Größeneinstellung und Spalten gleich.
Ich finde den Lösungsweg 2 für einfacher und sinnvoller.
Hinweis als wichtige Ergänzung: bei Lösung 1 wird ein Bild für alle Kachel-Links eingesetzt und bei Lösung 2 können unterschiedliche Bilder verwendet werden.
Lösung 1 mach vielleicht Sinn, wenn man teiltransparente Bilder, Logos, oder Masken (png-Bilder) verwendet und den Hintergrund in verschieden Farben verwendet.
Viel Freude mit diesen zwei Lösungsvorschläge.
Mit freundlichen Grüßen
Thomas
Web To Date seit 2004, Siquando Web 12, Pro Web 9, Web Client
Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »MuggelClan« (Heute, 10:15)