BBcode für spoiler - Textfeld transparent

[Silverhawk]

Schönen Nachmittag

Ich benutze diesen BBcode für einen spoiler in meinem Forum:

Code: Alles auswählen

<div>
<div class="quotetitle">
<b><i>Text zeigen:</i></b>&nbsp;&nbsp;&nbsp;
<input value="Show" style="border-color: rgb(169, 184, 194); margin: 0px; padding: 0px; width: 50px; font-size: 10px; color: rgb(174, 174, 174); background-color: rgb(0, 0, 0);" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div class="quotecontent"> <div style="display: none;">
{TEXT}</div> </div> </div><br>

Allerdings ist das Textfeld nach dem aufklappen weiß, was bei den Styles in meinem Forum nicht ganz dazupasst.. Der eine ist rot, der andre braun:/

Gibt es eine Möglichkeit den Code so zu verändern, das dass Textfeld transparent ist? Danke im voraus!

[jumping-blueberry]

Ein Feld transparent zu machen ist prinzipiell möglich...
Zumindest in IE und Firefox;

Code: Alles auswählen

filter:alpha(opacity=80);-moz-opacity:0.8;

= Ein Feld mit 80% Deckkraft (vgl. Photoshop)

Allerdings wird dann alles transparent... auch der Text.
Die andere Möglichkeit wäre ein transparentes Gif in den Hintergrund zu legen.

Code: Alles auswählen

background-image: url(bild.gif)

Man könnte auch hinter das Div ein halbtransparentes Div legen... aber das dürfte in dem Fall nur mit viel Trickserei klappen.

[Silverhawk]

Guten Morgen, und danke dir schon einmal für die Antwort. Ich hab den Spaß grade mit einem transparenten gif versucht, komme aber zu keinem brauchbaren Ergebnis, bzw. zu keinem sichtbaren Ergebnis. Ich habe diesen Teil des Codes mit dem code für mein transparentes gif ersetzt:

background-color: rgb(0, 0, 0);

Allerdings ist dadurch nur das Feld transparent geworden, mit dem man den spoiler öffnet. In welcher Zeile muss ich denn den Code einfügen, damit das Textfeld transparent wird?

[jumping-blueberry]

Unten ist noch ein <div>-Tag - ein bissl versteckt.

Code: Alles auswählen

<div style="display: none;">{TEXT}</div>

Ändre das so:

Code: Alles auswählen

<div style="display: none;background-image:url(transparent.gif)">{TEXT}</div>

Jetzt dürft es klappen...

[Silverhawk]

Leider noch immer nicht. Könnt mir höchstens vorstellen das ich die .gif datei in den Falschen ordner gelegt hab.. Die liegt im forenroot, sprich, phpBB3/

Eben auch Testweise den cache geleert, hat auch keinen Erfolg gebracht. Ich danke dir für deine Geduld, vielleicht hast du ja eine Idee, wo ich einen fehler gemacht haben könnte?

[jumping-blueberry]

Du sagtest doch, dass es bei dem Teil, der den Spoiler öffnet funktioniert.
Nimm doch einfach den gleichen Pfad.

Du könntest auch noch versuchen das CSS an die Klasse "quotecontent" anzuhängen, aber normalerweise

[Silverhawk]

Ah, habs über einen Umweg doch geschafft. Und zwar habe ich mich auf meine anfängerkenntnisse von css berufen^^

Ich verwende statt:

<div style="display: none;background-image:url(transparent.gif)">{TEXT}</div>

jetzt:

<div style="display: none;background-color: transparent">{TEXT}</div>

Damit das Textfeld transparent ist. Ich danke dir!

[jumping-blueberry]

oh, ich hab dich da wohl ein bisschen falsch verstanden.
Ich dachte, du wolltest ein leicht durchscheinendes div.

Durchsuche mal die CSS-Dateien und schau dir die Klasse "quotecontent" an.
Hier sollte aber auch darauf geachtet werden, ob sich dies auch auf "Quote" auswirkt. Ansonsten evtl. eine neue Klasse anlegen: "spoilercontent"

[night12]

ich brauch für mein Forum spoiler wie ghet das

[Metzle]

Hallo,

Spoiler BBCode. Einfach im ACP einen BBCode erstellen.