Seite 1 von 2
BBcode für spoiler - Textfeld transparent
Verfasst: 03.09.2008 12:18
von 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>
<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!
Verfasst: 04.09.2008 09:12
von jumping-blueberry
Ein Feld transparent zu machen ist prinzipiell möglich...
Zumindest in IE und Firefox;
= 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.
Man könnte auch hinter das Div ein halbtransparentes Div legen... aber das dürfte in dem Fall nur mit viel Trickserei klappen.
Verfasst: 05.09.2008 11:31
von 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?
Verfasst: 05.09.2008 11:56
von jumping-blueberry
Unten ist noch ein <div>-Tag - ein bissl versteckt.
Ändre das so:
Code: Alles auswählen
<div style="display: none;background-image:url(transparent.gif)">{TEXT}</div>
Jetzt dürft es klappen...
Verfasst: 05.09.2008 14:16
von 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?
Verfasst: 05.09.2008 17:17
von 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
Verfasst: 05.09.2008 19:05
von 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!
Verfasst: 06.09.2008 19:05
von 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"
re
Verfasst: 21.11.2008 22:54
von night12
ich brauch für mein Forum spoiler wie ghet das
Verfasst: 22.11.2008 01:08
von Metzle
Hallo,
Spoiler BBCode. Einfach im ACP einen BBCode erstellen.