Тег спойлера 1. Качаем приклеплённый архив. Там внутри 3 файла (один скрипт и два гифа). Их заливаем себе на сайт. 2. В CSS себе вставляем следующий код: Code /* Spoiler from Torrents.ru to UcoZ by Vanofuture */ .spoiler {font-family: "arial";font-size: 10px;color: #******;background-color: #******;} .clear {clear: both; height: 0; font-size: 0px; line-height: 0px; overflow: hidden; } .clickable {cursor: pointer; } .folded {background: transparent url(/plus.gif) no-repeat left center; padding-left: 14px; } .unfolded {background: transparent url(/minus.gif) no-repeat left center; padding-left:14px; } .news-head {font-size: 11px; padding: 1px 14px 3px; margin-left: 6px; line-height: 15px;} .news-body {padding: 1px 6px 2px; display: none;border-top: 1px solid #C3CBD1;} /*----------------------*/ Красное - пути до картинок plus.gif и minus.gif. 3. Идём редактировать шаблон "Общий вид старниц форума". В <head>...</head> вставляем : Code <script src="/spoiler.js"></script> <script type="text/javascript"> $(document).ready( function(){ $('div.news-head') .click(function() { $(this).toggleClass('unfolded'); $(this).next('div.news-body').slideToggle('fast'); }); }); </script> Красное - путь до скрипта из архива. Потом после $BODY$ ставим : Code <script type="text/javascript"> // Спойлер [spоiler=title]text[/spоiler] && [spоiler]text[/spоiler] by Vanofuture e=document.getElementsByTagName('td'); for(k=0;k<e.length;k++){ if(e[k].className=='posttdMessage'){ s=e[k].innerHTML; while(s.indexOf('[spoiler]')!=-1){ s=s.replace('[spoiler]','<div class="news-head folded clickable">Оффтоп</div><div style="display: none;" class="news-body">'); s=s.replace('[/spoiler]','</div>'); e[k].innerHTML=s;}}} </script> Синее меняем по своему желанию. Code 4. В шаблоне "Форма добавления сообщения" после $BBCODES$ : <input type="button" accesskey="s" value="spoiler" onclick="simpletag('spoiler','','','message',''); return false;" class="codeButtons" title="Включить содержимое в спойлер" name="spoiler" /> Решил кинуть только тут цветовая схема не получилась ! ну думаю вы поймете.что менять)
Скачать новый Оффтопик бесплатно. |