Уголок сайтостроителя
|
|
Джокер | Дата: Четверг, 07.03.2013, 14:23 | Пост # 1 |
Главный шаман
Постов: 170
Статус: В реале
| Просто копилка полезных скриптов. Есть чем поделиться - милости прошу! P.S. Не забываем указывать ссылку на источник
Ваши ставки, господа, Глаз мой радуют всегда, Разорить вас без труда Вновь удастся мне - Джокер в игре! Мастер вероятностей
|
|
| |
Джокер | Дата: Четверг, 07.03.2013, 14:26 | Пост # 2 |
Главный шаман
Постов: 170
Статус: В реале
|
Дизайн - Управление дизайном (шаблоны) - Форум - Общий вид страниц форума, после ставим Код <style type="text/css"> .spoiler { background-color :#ffffff; background-repeat: repeat-x; } .spoilerheader { padding-left : 15px; background-image : url(http://school136.org.ua/img/favicons/plus.png); background-repeat: no-repeat; background-position:0 1; display:block; } .spoiler.open .spoilerheader {background-image : url(http://school136.org.ua/img/favicons/minus.png);} .spoiler .spoilertext {display:none;} .spoiler.open .spoilertext {display:block;} </style><script language="javascript"> function spoiler_on() { //document.getElementById('spoiler').style.visibility='visible'; document.getElementById('spoiler').style.display=''; } function spoiler_off() { //document.getElementById('spoiler').style.visibility='hidden'; document.getElementById('spoiler').style.display='none'; } </script> Затем Форум - Вид материалов, находим: И заменяем на: Код <div class="spoiler"><a class="spoilerheader" onclick="this.parentNode.className=this.parentNode.className=='spoiler'?'spoiler open':'spoiler'">Подпись скрыта</a> <div class="spoilertext">$SIGNATURE$</div></div>
Ваши ставки, господа, Глаз мой радуют всегда, Разорить вас без труда Вновь удастся мне - Джокер в игре! Мастер вероятностей
|
|
| |
Джокер | Дата: Четверг, 07.03.2013, 14:33 | Пост # 3 |
Главный шаман
Постов: 170
Статус: В реале
| Рамка для аватара источник не помню
В виде материалов форума заменяем это: Код <?if($AVATAR_URL$)?><img title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?endif?> На это: Код <div align="center"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="17" background="http://danaforest.3dn.ru/ramka/ramka1.png" height="17"> </td> <td background="http://danaforest.3dn.ru/ramka/ramka2.png" height="17"> </td>
<td width="17" background="http://danaforest.3dn.ru/ramka/ramka3.png" height="17"> </td> </tr> <tr> <td width="17" background="http://danaforest.3dn.ru/ramka/ramka4.png"> </td> <td>
<?if($AVATAR_URL$)?><img title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?endif?>
</td> <td width="17" background="http://danaforest.3dn.ru/ramka/ramka5.png"> </td> </tr> <tr> <td width="17" background="http://danaforest.3dn.ru/ramka/ramka6.png" height="17"> </td> <td background="http://danaforest.3dn.ru/ramka/ramka7.png" height="17"> </td>
<td width="17" background="http://danaforest.3dn.ru/ramka/ramka8.png" height="17"> </td> </tr> </tbody></table> </div>
Ваши ставки, господа, Глаз мой радуют всегда, Разорить вас без труда Вновь удастся мне - Джокер в игре! Мастер вероятностей
|
|
| |
Аларис | Дата: Среда, 13.03.2013, 19:30 | Пост # 4 |
Верховное божество
Постов: 150
Статус: В реале
|
Для начала создайте второй раздел ( С которой будет переходить на первый раздел ) Назовем его ну например.. Counter-Strike 1.6 - Форум Заходим ( Управление Дизайном модуля ) Общий вид страницы форума. После $BODY$ - Вставляем код... Код <script type="text/javascript"> $(document).ready(function(){ $('a.forum[href="[color=#ff0000]Ссылка с какой категории будет переходить[/color]"]').attr('href','[color=#0000ff]/forum/тут ID раздела, на который будет переходить[/color]'); };); </script> То что красным - нужно заменить на своё. в 1 Вставляем ссылку на первый раздел, с которой будет переходить на раздел. Во 2 - Ссылка на Раздел ( Форум ) на который будет переходить.
Скрываем второй раздел, который мы назвали Counter-Strike 1.6 - Форум Вставляем после $BODY$ на форум общий вид Код <?if($URI_ID$="frMain")?> <script type='text/javascript'> $(".gTable:contains('[color=#ff0000]Counter-Strike 1.6 - Форум[/color]')").css('display','none'); </script> <?endif?> Красным: Заменить на своё, это Название раздела ( Форума ) который будем скрывать. Писать точное название. Считаем все темы и ответы в разделе ( который скрываем ) и выводим их в категории которую создали... То что красным. Надо заменить на своё. Это Категории, которые находятся в вашем Форуме( разделе ) который мы скрыли. Все пишем по порядку и правильное ( точное название ) То что синим. Это название первого раздела ( с которого будет переход на другой раздел ) В этом разделе будет подсчитываться общее количество тем и ответов за оба раздела. Нам нужно прописать ссылки на разделы из второго раздела в описании первого.. есле хотите вид как на extm ( был раньше ) В описание первого раздела просто ставим ссылку на форумы, которые стоят в втором разделе. Заходим сюда или сюда, в верхней строчке нужно прописывать ссылки на темы, вот так Код <a href="Адрес подфорума" >Название подфорума</a> Если хотите что бы все категории были вертикальными, после каждой ссылки нужно добавить код "p" получиться должно вот так: Код <a href="Адрес подфорума" >Название подфорума</a><p><a href="Адрес подфорума" >Название подфорума</a><p><a href="Адрес подфорума" >Название подфорума</a><p> или так: Код <UL> <LI><a href="Адрес подфорума">Название подфорума</a> <LI><a href="Адрес подфорума">Название подфорума</a> <LI><a href="Адрес подфорума">Название подфорума</a> <LI><a href="Адрес подфорума">Название подфорума</a> </UL> После того как отконвертируете сохраняем весь текст в тестовый блокнот и подписываем podforum1.js ну и так далее для остальных разделов podforum2.js podforum3.js"" Заливаем подфорумный файл в корень сайта ссылка на файл podforum1.js изменяем ссылку подфорума Код <script language="JavaScript" src="ссылка на файл podforum1.js"></script> Ну и в описание форума добавляем и готово радуемся
Имя: Дана Раса: Эльф Богиня Класс (оно же - род деятельности): богиня-хранительница Осенного леса и окрестностей
|
|
| |
Вэлио | Дата: Среда, 13.03.2013, 21:05 | Пост # 5 |
Ведьмачка
Постов: 70
Статус: В реале
| Мну дятел... У нифига толком не получается! /бьётся головой об стену/
|
|
| |
Джокер | Дата: Четверг, 14.03.2013, 01:09 | Пост # 6 |
Главный шаман
Постов: 170
Статус: В реале
| Велена, не боись, разберёмся! Что не сделаем - то окончательно сломаем Тем более скрипт этот несчастный работает, просто на фор данные не выводит.
Ваши ставки, господа, Глаз мой радуют всегда, Разорить вас без труда Вновь удастся мне - Джокер в игре! Мастер вероятностей
|
|
| |
Джокер | Дата: Четверг, 14.03.2013, 01:18 | Пост # 7 |
Главный шаман
Постов: 170
Статус: В реале
| Скроллинг вверх-вниз Большое мерси Лите за скрипт :)
Ставится на нужных страницах после < /head > Код <script type="text/javascript"> jQuery(function(){ $("#Go_Top").hide().removeAttr("href"); if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow") else $("#Go_Top").fadeIn("slow") };); $("#Go_Bottom").hide().removeAttr("href"); if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow") else $("#Go_Bottom").fadeIn("slow") };); $("#Go_Top").click(function(){ $("html, body").animate({scrollTop:0},"slow") };) $("#Go_Bottom").click(function(){ $("html, body").animate({scrollTop:$(document).height()},"slow") };) };); </script> <a style='position: fixed; opacity:0.8; bottom: 60px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'> <img src="http://danaforest.ucoz.ru/iconki/up.png" title="Вверх"> </a> <a style='position: fixed; opacity:0.8; bottom: 20px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'> <img src="http://danaforest.ucoz.ru/iconki/down.png" title="Вниз"> </a>
Ваши ставки, господа, Глаз мой радуют всегда, Разорить вас без труда Вновь удастся мне - Джокер в игре! Мастер вероятностей
|
|
| |
Астрадени | Дата: Вторник, 26.03.2013, 00:40 | Пост # 8 |
Летописец
Постов: 99
Статус: В реале
|
Добавить в сss:
Код /* DMhope new spoiler style */ .uSpoilerButton {width: 100%; color: #000000; background: #c4c4c4; padding: 3px; text-align: left; border: 1px solid #000000;} .uSpoilerText {color: #000000; background: #fafafa; padding: 3px; text-align: left; border: 1px solid #000000; border-top: 0px;} /* ----------------------- */
Настройка стиля спойлера
|
|
| |
Астрадени | Дата: Суббота, 30.03.2013, 16:48 | Пост # 9 |
Летописец
Постов: 99
Статус: В реале
| Склероз мой, склероз... Внятно не помню, откуда брала, потому кидаю ссыль на первый попавшийся сайт с соответствующей инфой.
Общий вид форума, после $ BODY $: Код <script type="text/javascript"> $('span.forumViewed').each(function (i, g) { $.get($(this).parent().find('a.forum').attr('href'), function (data) { g.innerHTML = '[' + $('td.forumOnlineBar:first', data).html().replace('$USERNAME$', '') + ']'; }); }); </script>
|
|
| |
Аларис | Дата: Понедельник, 08.04.2013, 10:28 | Пост # 10 |
Верховное божество
Постов: 150
Статус: В реале
|
В процессе раздачи: Скрипт для быстрой массовой раздачи наград пользователям сайта, может быть использован администраторами для удобной рассылки наград, как приза за что-либо или просто поощрения пользователей.
Кратко о возможностях: - Выбирать пользователя, с которого начинать и которым заканчивать раздачу - Возможность выбирать награду (По ID) - Выбор частоты запросов - Возможность выбора комментария к наградам - Лог для мониторинга процесса раздачи - Проверка на правильность введенных данных - Все компактно и красиво запаковано в uWnd окошко =)
Установка: 1. В любое место, где хотите видеть ссылку открытия окна раздачи установите код: Код <a href="javascript://" onclick="uawards.window()">Раздача наград</a> <script> $.getScript('http://danaforest.ucoz.ru/js/razdacha.js'); </script> 2. Если наград в списке больше 55, необходимо найти строку Код parseInt($('#award_id').val()) < 55 и изменить 55 на id максимальной награды на сайте.
Имя: Дана Раса: Эльф Богиня Класс (оно же - род деятельности): богиня-хранительница Осенного леса и окрестностей
|
|
| |
Астрадени | Дата: Четверг, 18.04.2013, 12:46 | Пост # 11 |
Летописец
Постов: 99
Статус: В реале
| |
|
| |
Астрадени | Дата: Четверг, 02.05.2013, 00:52 | Пост # 12 |
Летописец
Постов: 99
Статус: В реале
| |
|
| |
Астрадени | Дата: Суббота, 04.05.2013, 18:16 | Пост # 13 |
Летописец
Постов: 99
Статус: В реале
|
1. Залить папку в корень сайта не меняя название 2. Из файла "код скриптов" скопировать всё и добавить в Общий вид страниц форума после $BODY$ 3. Теги для использования можно посмотреть в файле "проба".
Скачать архив с депозита?
|
|
| |
Астрадени | Дата: Понедельник, 06.05.2013, 00:12 | Пост # 14 |
Летописец
Постов: 99
Статус: В реале
|
В нужное место персональной страницы вставляем код:
Код <div id="block12" class="udtb"><div class="udtlb">Skype:</div> <a href="javascript:uwnd_skype()">$_AOL$</a></div> <script type="text/javascript"> function uwnd_skype(){ new _uWnd("uwndru_skype","Skype",-300,-400,{nomove:1},$("#uwnd_skype").html()); } //by uwnd.ru </script> <div style="display:none" id="uwnd_skype"> <fieldset><legend>Статус пользователя</legend> <img src="http://mystatus.skype.com/smallicon/$_AOL$" style="border: none;" width="16" height="16" alt="$_AOL$" /> </fieldset> <fieldset><legend>Возможности</legend> <input type=button value="Позвонить" onclick="location.href='skype:$_AOL$?call'; "> <input type=button value="Написать" onclick="location.href='skype:$_AOL$?chat'; "> <input type=button value="Добавить" onclick="location.href='skype:$_AOL$?add'; "> </fieldset> </div> Вместо MSN можно использовать AOL или Yahoo
|
|
| |
Астрадени | Дата: Понедельник, 06.05.2013, 03:01 | Пост # 15 |
Летописец
Постов: 99
Статус: В реале
| Непонятная хрень для неведомых целей лично мне накыр не нужна, но ценную инфу я всё же поимела XD Заменить $USER_DETAILS_ICON_BAR$ на: Код <?if($USER_DETAILS_ICON_BAR$)?> <?if($PROFILE_URL$)?><a href="$PROFILE_URL$"><img style="margin:0;padding:0;border:0;" src="http://danaforest.ucoz.ru/knopki/p_profile.png" title="Профиль игрока"/></a><?endif?> <?if($JS_EMAIL$)?><a href="$JS_EMAIL$"><img style="margin:0;padding:0;border:0;" src="http://danaforest.ucoz.ru/knopki/p_email.png" title="Почтовый адрес"/></a><?endif?> <?if($PM_URL$)?><a href="$PM_URL$"><img style="margin:0;padding:0;border:0;" src="http://danaforest.ucoz.ru/knopki/p_pm.png" title="Написать письмо игроку"/></a><?endif?> <?if($HOME_PAGE$)?><a href="$HOME_PAGE$" rel="nofollow" target="_blank"><img style="margin:0;padding:0;border:0;" src="http://danaforest.ucoz.ru/knopki/p_www.png" title="Анкета игрока" /></a><?endif?> <?if($_PHONE$)?><a href="$_PHONE$" rel="nofollow" target="_blank"><img style="margin:0;padding:0;border:0;" src="http://danaforest.ucoz.ru/knopki/p_country.png" title="Отношения игрока" /></a><?endif?> <?if($ICQ$)?><span style="cursor:pointer;" onclick="prompt('ICQ номер','$ICQ$');"><img style="margin:0;padding:0;border:0;" src="http://danaforest.ucoz.ru/knopki/p_icq.png" title="ICQ: $ICQ$"/></span><?endif?> <?if($MSN$)?><span style="cursor:pointer;" onclick="prompt('Skype ник','$MSN$');"><img style="margin:0;padding:0;border:0;" src="http://danaforest.ucoz.ru/knopki/p_msn.png" title="Skype ник: $MSN$"/></span><?endif?> <?endif?>
|
|
| |
Вэлио | Дата: Понедельник, 06.05.2013, 16:27 | Пост # 16 |
Ведьмачка
Постов: 70
Статус: В реале
| |
|
| |
Аларис | Дата: Понедельник, 20.05.2013, 10:27 | Пост # 17 |
Верховное божество
Постов: 150
Статус: В реале
| |
|
| |
Аларис | Дата: Среда, 19.06.2013, 10:24 | Пост # 18 |
Верховное божество
Постов: 150
Статус: В реале
| |
|
| |
Астрадени | Дата: Среда, 19.06.2013, 10:24 | Пост # 19 |
Летописец
Постов: 99
Статус: В реале
| |
|
| |