Special Spoiler 2

Forum z dodatkowymi znacznikami BBCode, przeznaczonymi do wykorzystania na własnym forum. Przed zgłoszeniem problemu zapoznaj się z instrukcją dodawania znaczników BBCode.
Awatar użytkownika
all4phone
Posty: 60
Rejestracja: 20 lipca 2012, 10:30
Kontakt:

Special Spoiler 2

Post autor: all4phone » 01 sierpnia 2012, 03:24

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 23557 razy
plus.png
(3.1 KiB) Pobrany 23555 razy
minus.png
(3.07 KiB) Pobrany 23556 razy
Demo: demo
login: tester
hasło: 12345

Zablokowany