Special Spoiler 2

[all4phone]

Nazwa BBCode: BBCode dodaje spoiler w postach. Jest możliwość dodania "klikalnego" tekstu na belce spoilera, ustalenia szerokości spoilera, ustalenia koloru tekstu wewnątrz spoilera.

Autor: hassan, all4phone (drobne zmiany)

Uwagi: BBCode jest oparty na Special Spoiler wykonanym przez hassan i jest przeze mnie zmodyfikowany, dodałem kilka zmian w sposobie wyświetlania i w kolorach oraz dodałem możliwość otwierania spoilera poprzez kliknięcie na tekst na belce. Został utworzony w związku z prośbą mladiucitelj w temacie [BBCode] Special Spoiler

Dodaj/zmień znacznik BBCode:

Kod: Zaznacz cały

[mladisspoiler={TEXT1},{NUMBER}]{TEXT2},{COLOR}[/mladisspoiler]

Zamiennik HTML:

Kod: Zaznacz cały

    <style type="text/css">
        a1:link {color: #ffffff; }
        </style>
        <div style="padding:1px; background:url(images/spoiler_bg.jpg) repeat-x; border:1px solid #3674b3;width:{NUMBER}px;"><div style="font-size:12px;color:#ffffff;cursor:pointer; font-weight:bold"><span 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.innerHTML = '<a1 href=\'#\' onClick=\'return false;\'><img src=\'images/minus.png\' width=\'10\' height=\'10\' border=\'0\' style=\'margin:0px 10px 0px 10px;\'>&nbsp;&nbsp;{TEXT1}</a1>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<a1 href=\'#\' onClick=\'return false;\'><img src=\'images/plus.png\' width=\'10\' height=\'10\' border=\'0\' style=\'margin:0px 10px 0px 10px;\'>&nbsp;&nbsp;{TEXT1}</a1></a1>'; }" ><a1 href="#" onClick="return false;"><img src="images/plus.png" width="10" height="10" style="margin:0px 10px 0px 10px;">&nbsp;&nbsp;{TEXT1}</a1></span></div><div style="background-color:#ffffff; padding:0px 10px 0px 10px;" class="quotecontent"><div style="display: none;color:{COLOR};"><br />{TEXT2}<br /><br /></div></div></div>  

Podpowiedzi:

Kod: Zaznacz cały

[mladisspoiler=klikalny_tekst_na_spoilerze,szerokość_spoilera]tekst_wewnątrz_spoilera,kolor_tekstu[/mladisspoiler] 

Przykład:

Kod: Zaznacz cały

[mladisspoiler=good morning,200]Hi all,#ff0000[/mladisspoiler]

Pliki: należy umieścić je na serwerze w katalogu images

spoiler_bg.jpg

(11.07 KiB) Pobrany 24075 razy

plus.png

(3.1 KiB) Pobrany 24066 razy

minus.png

(3.07 KiB) Pobrany 24059 razy

Demo: demo
login: tester
hasło: 12345