Понедельник, 06.05.2024, 10:22
Приветствую Вас Гость | RSS



Шаблоны для ucoz
Категории раздела
Наш опрос
Довольны ли Вы обновлением сайта?
Всего ответов: 1080
Инфо блок
У нас вы можете: скачать шаблоны для ucoz, найти шаблоны ucoz с рабочим конструктором, скачать рабочий шаблон для ucoz, игровые шаблоны для ucoz, шаблон для сайта ucoz на тему cs, или же

ucoz шаблоны бесплатно

скачать шаблон для сайта ucoz

шаблоны кс для ucoz

светлый шаблон для ucoz
шаблон форума для ucoz


Главная » Файлы » красивые шаблоны [ Добавить материал ]

Оффтопик

24.01.2009, 15:03


Тег спойлера

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" />

Решил кинуть только тут цветовая схема не получилась ! ну думаю вы поймете.что менять)


Скачать новый Оффтопик бесплатно.
Категория: Скрипты, другое | Добавил: lazlo
Просмотров: 1170 | Загрузок: 0 | Комментарии: 5 | Рейтинг: 0.0/0
Всего комментариев: 5
13.02.2009
5. mdhg dgf (Madson) [Материал]
zlo

07.02.2009
4. asdasd (bbbbbb) [Материал]
krut

24.01.2009
3. лазло (lazlo) [Материал]
забыл(( ну вот спойлер http://virtual.do.am/spoiler.js ловите!!

а плюсик и минус сами найдете!


24.01.2009
Подскажите что такое Оффтопик а то я незнаю ad2

24.01.2009
1. Vanek (N1ke) [Материал]
1. Качаем приклеплённый архив. Там внутри 3 файла (один скрипт и два гифа). Их заливаем себе на сайт.

хехе а где скрипт?


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Инфо блок
У нас вы можете: скачать шаблоны для ucoz, найти шаблоны ucoz с рабочим конструктором, скачать рабочий шаблон для ucoz, игровые шаблоны для ucoz, шаблон для сайта ucoz на тему cs, или же

ucoz шаблоны бесплатно

скачать шаблон для сайта ucoz

шаблоны кс для ucoz

светлый шаблон для ucoz
шаблон форума для ucoz
Поиск
Статистика

Всего на сайте: 1
Гостей: 1
Юзеров: 0
Programpk - это ресурс, который предоставляет бесплатные шаблоны для сайта на Ucoz, также у нас есть светлые и темные шаблоны, шаблоны для cs и шаблоны для форума, и другие файлы для ваших сайтов.
Карта сайта (map1, map2, map3, map4.)
Хостинг от uCoz