Ich finde das die Xobor-Spoiler optisch mager ausfallen. Wichtig sind sie immer dann, wenn der Inhalt die Seiten überflutet! Werden sie durch eine Grafik ergänzend, sieht es schon viel besser aus! Aber auch hier ist es ratsam variabel zu bleiben, denn nicht überall ist eine Grafik angebracht!
1. Wie kann der Xobor-Spoiler mit zusätzlicher Grafik aussehen?
Hier muss darauf geachtet werden, dass der Erkennungswert der Grafik hoch genug ist! Springen die Grafiken aus dem Spoiler heraus, ist das absolut möglich!
Vergrößert man die Titelleiste in der Höhe, ist es nur bedingt möglich über die Grafik Informationen zu vermitteln! Siehe Bild 1+2!
Von Vorteil ist es auch im Spoiler die Grafik nochmals zu wiederholen, allerdings optisch größer! Bitte Spoiler öffnen!
Der Text zur Grafik
1 2 3 4
Ich finde das die Xobor Spoiler optisch mager ausfallen. Wichtig sind sie immer dann, wenn der Inhalt die Seiten überflutet! Werden sie durch eine Grafik ergänzend sieht es schon viel besser aus! Aber auch hier ist es ratsam variabel zu bleiben, denn nicht überall ist eine Grafik angebracht!
Ich finde das die Xobor Spoiler optisch mager ausfallen. Wichtig sind sie immer dann, wenn der Inhalt die Seiten überflutet! Werden sie durch eine Grafik ergänzend sieht es schon viel besser aus! Aber auch hier ist es ratsam variabel zu bleiben, denn nicht überall ist eine Grafik angebracht!
Ich finde das die Xobor Spoiler optisch mager ausfallen. Wichtig sind sie immer dann, wenn der Inhalt die Seiten überflutet! Werden sie durch eine Grafik ergänzend sieht es schon viel besser aus! Aber auch hier ist es ratsam variabel zu bleiben, denn nicht überall ist eine Grafik angebracht!
Der Erkennungswert der Grafik ist in dieser Version sehr hoch!
Die Spoiler-Titelleiste bleibt weiterhin schmal und ist unabhängig von der genutzten Grafik!
Im Spoiler selbst wird die Grafik ohne zutun automatisch wiederholt!
Der Text zur inneren Grafik kann frei gewählt werden!
Die Größe der Grafik ist relativ unkritisch, sollte eine Breite von gleich oder größer 80px aufweisen!
Der Foren-Code nach einem Klick:
1 2 3
[spoiler4= https://www.Bild-Adresse.png = Text Spoiler-Titelleiste]Der Text zur inneren Grafik
[/spoiler4]
Beispiel Foren-Code mit Grafik:
1 2 3 4
[spoiler4= https://files.homepagemodules.de/b104774/a_446_6cd74fb0.png = Spoiler mit herausragender Grafik!] Beispiel Foren-Code mit Grafik! Der Erkennungswert der Grafik ist in dieser Version sehr hoch! [/spoiler4]
Für die Templates (v1-4) wird der folgende Eintrag in "Eigener CSS Code" kopiert! Pfad: "Admin > Layout > Farben- und Einstellungen > CSS > Eigener CSS Code"
<div onclick="xob_insert(`[spoiler4= https://www.Bild-Adresse.de = Text Spoiler-Titelleiste]Der Text zur inneren Grafik`,`\n\n[/spoiler4]`)" class="xob_icon_cont" id="icon_1101"><img alt="[spoiler4][/spoiler4]" title="Spoiler mit Grafik einfügen" class="xob_icon" src="//img.homepagemodules.de/ds/static/gaia/eye--plus.png"></div>
Schließen
2. Xobor-Spoiler mit erhöter Titelleiste
Es ist natürlich auch möglich die Höhe der Titelleiste zu verändern, um die Grafik deutlich genug darzustellen! Allerdings kann dann der geschlossene Spoiler recht klobig aussehen (siehe Bild 1+2)!
Bild 1 - Spoiler mit erhöhter Titelleiste!
Bild 2 - Spoiler mit erhöhter Titelleiste!
2. Installation mit erhöter Titelleiste
Was bietet die folgende Installation?
Der Erkennungswert der Grafik ist durch die geringe Größe nur mäßig (siehe Bild 1+2)!
Die Spoiler-Titelleiste ist immer etwas größer als die, in der CSS festgelegte Höhe der Grafik!
Im Spoiler selbst wird die Grafik ohne zutun automatisch wiederholt und ist gut zu erkennen!
Der Text zur inneren Grafik kann frei gewählt werden!
Die Größe der genutzten Grafik ist relativ unkritisch, sollte eine Breite von gleich oder größer 80px aufweisen!
Der Foren-Code nach einem Klick:
1 2 3
[spoiler4= https://www.Bild-Adresse.png = Text Spoiler-Titelleiste]Der Text zur inneren Grafik
[/spoiler4]
Beispiel Foren-Code mit Grafik:
1 2 3 4
[spoiler4= https://files.homepagemodules.de/b2001010/a_463.png = Spoiler mit herausragender Grafik!] Beispiel Foren-Code mit Grafik! Der Erkennungswert der Grafik ist durch die geringe Größe nur mäßig! [/spoiler4]
Für die Templates (v1-4) wird der folgende Eintrag in "Eigener CSS Code" kopiert! Pfad: "Admin > Layout > Farben- und Einstellungen > CSS > Eigener CSS Code"
Der Einbau in die Iconbar entspricht dem aus der 1. Installation
Beschreibung unter "Iconbar > HTML" anlegen.
Namen vergeben z.B. "Xobor-Spoiler mit Grafik".
Unter "HTML" den folgenden Code eintragen.
Speichern und Icon platzieren!
1
<div onclick="xob_insert(`[spoiler4= https://www.Bild-Adresse.de = Text Spoiler-Titelleiste]Der Text zur inneren Grafik`,`\n\n[/spoiler4]`)" class="xob_icon_cont" id="icon_1101"><img alt="[spoiler4][/spoiler4]" title="Spoiler mit Grafik einfügen" class="xob_icon" src="//img.homepagemodules.de/ds/static/gaia/eye--plus.png"></div>
Schließen
3. Xobor-Spoiler mit New-Grafik von außen
Man kann auch eine Grafik vor oder hinter einem Xobor-Spoiler platzieren, um auf den Inhalt des Spoiler besonders aufmerksam zu machen! Hier bietet sich eine animierte New-Grafik recht gut an!
Der Text zur Grafik
Man kann auch eine Grafik vor oder hinter einem Xobor-Spoiler platzieren, um auf den Inhalt des Spoiler besonders aufmerksam zu machen! Hier bietet sich eine animierte New-Grafik recht gut an!
Hier braucht nichts extra installiert werden! Durch den Forencode kann durch ein Klick auf das Icon ein Objekt mit dem Foren-Code umschlossen werden! Das New-Zeichen kann vor einem Spoiler mit neuem Inhalt, vor einem neuen Text oder einem neuen Bild platziert werden!
Ein Riesen-Lob an dich Wolfgang, dass du Tipps und Vorschläge annimmt und umsetzt.
Du machst das alles ohne zu hinterfragen und setzt es einfach um, das ist der Hammer.
Ich weiß wie viel Arbeit das ist, ich habe es auch versucht umzusetzen, aber habe das nicht so hinbekommen wie du. Bei mir ging das gar nicht mit dem Xobor - Spoiler. Deswegen die Idee dich zu fragen und schwups hast du es mit einem Klacks umgesetzt.
Hier nochmal ein mega Lob an dich, und ein Riesen-Respekt wie locker du das umsetzt. Da sieht man wie erfahren du mit der Materie bist, bis ich mal dahin komme werden mindestens noch 20 Jahre vergehen
Foren Spende
Direkt zu PayPal
Thema drucken
Neuer Forencode
Antworten
Der Treffpunkt für Hilfe, Tricks & Tipps
»
XOBOR-Foren und Homepages
»
Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps
»
Xobor-Spoiler mit Grafik in der Titelleiste
03.07.2022 19:26 (zuletzt bearbeitet: 31.10.2022 16:25)
Moderations-Kommentar:
