[phpBB2] Spoiler: nicht wirklich erkennbar!

von Mike Mo 26 Aug 2013 - 10:03

Hallo liebes Team,

wenn ich im Forum und zwar egal in welchem meiner 4 einen Spoiler setze, kann man das nicht wirklich erkennen, denn irgendwie fehlt da der kleine Pfeil und der Unterstrich.

So sieht es bei mir aus....

[phpBB2] Spoiler: nicht wirklich erkennbar! Spoile10

[phpBB2] Spoiler: nicht wirklich erkennbar! Spoile10

... und so bei euch.

[phpBB2] Spoiler: nicht wirklich erkennbar! Spoile11

Wo kann ich den Pfeil und den Unterstrich einfügen? Meine User können so nichts damit anfangen!

LG Mike

von F. Walter Mo 26 Aug 2013 - 12:54

Grüß dich Mike,

genau aus diesem Grund, habe ich bei mir den Spoiler ein bischen kenntlicher gemacht und einen Rahmen "drumrum" gemacht. So kann man ihn besser als Spoiler erkennen und sieht ein bischen besser aus:

[phpBB2] Spoiler: nicht wirklich erkennbar! Spoile10

Dieses habe ich dafür im CSS eingetragen (AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"):

Code:: /* --- Rahmen und Hintergrundfarbe für den Spoiler --- */ .spoiler { border: 1px solid #673F0C; background: #FCF485; } .spoiler_closed { border: 1px solid #673F0C; background: #FCF485; } .spoiler_content { border: 1px solid #673F0C; background: #FCF198; } /* --- Ende --- */

Auf deine Farben angepaßt, wird das bestimmt auch gut aussehen. Ob der Pfeil und der Unterstrich eine BB3-Besonderheit ist, weiß ich allerdings nicht.

Grüße, Schnatterchen

von LouiXIV Mo 26 Aug 2013 - 13:22

Das mit dem Pfeil solltest du hinbekommen, indem du den Code erweiterst:

Code:: .spoiler { border: 1px solid #673F0C; background: #FCF485; background-image: url("http://2img.net/i/fa/fdf3/down11.png"); background-position: right center; background-repeat: no-repeat; }

Hab jetzt den Pfeil von hier genommen.
Vielleicht nimmst du aber einen Pfeil, der farblich besser zu deinem Forum passt.
Teste es mal aus.

von Mike Mo 26 Aug 2013 - 14:01

Erstmal Danke an Schnatterchen,

nach ein paar "Umbaumaßnahmen" paßt es nun schön zum Forum Smile

Danke Dir

@Loui

Deinen Code hatte ich schon selbst versucht, mit CSS3 und auch mit CSS2, nur leider gibts da keinen Pfeil, satt dessen wird nur mein Hintergrund einfach nicht mehr angezeigt.

Im Moment sieht es so aus, das ich dem Text ein -Klick mich- voran gestellt habe, aber das ist keine Lösung ....

[phpBB2] Spoiler: nicht wirklich erkennbar! Spoile12

[phpBB2] Spoiler: nicht wirklich erkennbar! Spoile12

... und hier der momentane Code

Code:: /* --- Rahmen und Hintergrundfarbe für den Spoiler --- */ .spoiler { line-height: 35px; border: 1px solid #855834 ; background-image: url("http://i37.servimg.com/u/f37/18/43/10/39/hinter22.png") !important; } .spoiler_closed { line-height: 15px; border: 1px solid #855834 ; background: #DDC090; } .spoiler_content { border: 1px solid #855834 ; background: #DDC090; } /* --- Ende --- */

von LouiXIV Mo 26 Aug 2013 - 14:11

Schau mal Mike,

so sieht es aus, wenn ich die Werte mit Firebug einsetzte:
[phpBB2] Spoiler: nicht wirklich erkennbar! Unbena14

Natürlich kannst du keine 2 Hintergrundgrafiken verwenden.

Einen Tod wirst du wohl sterben müssen, wenn du das mit CSS machst.

Vielleicht kommt aber noch ein Experte vorbei, der dir einen besseren Weg via Templates zeigt.... Wink

von Mike Mo 26 Aug 2013 - 14:21

Ja Loui,

ohne Hintergrundgrafik ok, aber ich dachte das CSS3 auch hier im Forum anwendbar wäre, denn dann könnte ich ja 2 Hintergrundgrafiken gleichzeitig nutzen.

Über die Templates den Pfeil einsetzen wäre vllt auch gut, aber da kenn ich mich noch nicht so gut aus.
Denn irgendwo müßte ja auch noch der "original" Pfeil sein, so wie hier im Forum.

LG Mike

von Günther Mo 26 Aug 2013 - 16:07

Wie wäre es dann so (bitte eigene Pfeilgrafik verwenden)? Smile

Code:: .spoiler { background-image: url("http://2img.net/i/fa/fdf3/down11.png"), url("http://i37.servimg.com/u/f37/18/43/10/39/hinter22.png"); background-position: 100% 30%, 0 0; background-repeat: no-repeat, repeat-x; border: 1px solid #855834; line-height: 35px; }

von Mike Mo 26 Aug 2013 - 17:17

Hallo Günther,

vielen lieben Dank Freunde

genau das war's was ich wollte cheers

Somit ist das Problem behoben Very Happy

LG Mike

von Günther Mo 26 Aug 2013 - 17:18

Schön, dass wir das gemeinsam lösen konnten. Smile

Noch einen schönen Tag, Mike.
-closed-

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[phpBB2] Spoiler: nicht wirklich erkennbar!

[phpBB2] Spoiler: nicht wirklich erkennbar!

Re: [phpBB2] Spoiler: nicht wirklich erkennbar!

Re: [phpBB2] Spoiler: nicht wirklich erkennbar!

Re: [phpBB2] Spoiler: nicht wirklich erkennbar!

Re: [phpBB2] Spoiler: nicht wirklich erkennbar!

Re: [phpBB2] Spoiler: nicht wirklich erkennbar!

Re: [phpBB2] Spoiler: nicht wirklich erkennbar!

Re: [phpBB2] Spoiler: nicht wirklich erkennbar!

Re: [phpBB2] Spoiler: nicht wirklich erkennbar!