Полезные скрипты
:: Основное :: Правила Сайта
Страница 1 из 1
Полезные скрипты
Здесь вы можете выложить скрипты, которые по вашему мнению будут полезными.
Есть уже 3 со старого сайта, продемонстрирую их здесь:
№1.Предлагаю мини аватар возле последнего сообщения.
Вот так это выглядит:
Делается это так:
ПА-Модули-HTML & JAVASCRIPT-Управление кодами Javascript
Далее нажимаешь "Создать новый Javascript"
И обзываешь его как-нибудь и вставляешь туда код:
Затем идешь в ПА-Оформление-Картинки и цвета-Цвета-Каскадная таблица стилей CSS
И вставляешь туда код:
Ширину и высоту можешь регулировать сам.
№2.В честь первого снега можно поставить виджет "Снежинки". Делается это так:
ПА-Общие настройки-Конфигурация
Описание сайта: (сюда вставляешь один из ниже указанных кодов)
Мелкий белый (не раздажающий пользователей!) снег, реалистично сдувамый ветерком:
№3.
1. Откройте ПА > Модули > Виджеты форума
Создайте новый виджет.
В настройках укажите "Использовать стандартный шаблон : нет"
В правах доступа укажите только "гости".
2. В виджет добавьте следующий код:
И сохрани.
Есть уже 3 со старого сайта, продемонстрирую их здесь:
№1.Предлагаю мини аватар возле последнего сообщения.
Вот так это выглядит:
Делается это так:
ПА-Модули-HTML & JAVASCRIPT-Управление кодами Javascript
Далее нажимаешь "Создать новый Javascript"
И обзываешь его как-нибудь и вставляешь туда код:
- Код:
$(function(){
if(!window.localStorage) return;
// Аватар по умолчанию
var default_avatar= 'http://illiweb.com/fa/invision/pp-blank-thumb.png';
// Время кэширования, здесь 24 h * 60 m * 60 s * 1000 ms то есть один день
var caching_time= 24*60*60*1000;
// Время кэширования ошибки, здесь 60 s * 1000 ms то есть одна минута
var caching_error= 60*1000;
var set_avatar= function(id) {
$('.mini_ava.member' id).html('[img]' get_avatar(id) '[/img]');
};
var get_avatar= function(id) {
if(localStorage.getItem('t_ava' id) < new Date - caching_time || (localStorage.getItem('d_ava' id)==default_avatar && localStorage.getItem('t_ava' id) < new Date - caching_error))
{
localStorage.setItem('d_ava' id, default_avatar);
$.get('/u' id, function (d){
localStorage.setItem('t_ava' id, new Date);
localStorage.setItem('d_ava' id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
set_avatar(id);
});
}
return localStorage.getItem('d_ava' id);
};
var to_replace= {};
$('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
to_replace[$(this).attr('href').substr(2)]= 1;
$(this).closest('td,dd').prepend('
');
});
for(i in to_replace)
{
set_avatar(i);
};
});
Затем идешь в ПА-Оформление-Картинки и цвета-Цвета-Каскадная таблица стилей CSS
И вставляешь туда код:
- Код:
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
Ширину и высоту можешь регулировать сам.
№2.В честь первого снега можно поставить виджет "Снежинки". Делается это так:
ПА-Общие настройки-Конфигурация
Описание сайта: (сюда вставляешь один из ниже указанных кодов)
Вариант I
Мелкий белый (не раздажающий пользователей!) снег, реалистично сдувамый ветерком:
- Код:
Вариант II
Такой же снег, но светло-синего цвета, для лучшей видимости на светлых форумах:- Код:
Вариант III
Большие пушистые снежинки!- Код:
Вариант IV
Маленькие светло-синие снежинки- Код:
Вариант V
Средние по величине снежинки- Код:
Отображается в IE9 - Хроме - Мазилле - Опере.
№3.
Маленькое окошечко!
Лично мне но нравится! Скриншота пока нет есть только это:1. Откройте ПА > Модули > Виджеты форума
Создайте новый виджет.
В настройках укажите "Использовать стандартный шаблон : нет"
В правах доступа укажите только "гости".
2. В виджет добавьте следующий код:
- Код:
<script type="text/javascript">function closeBox(toClose) {document.getElementById(toClose).style.display = "none";}</script>
<style type="text/css">div.guestwarn {background:black;color:white;max-width:280px;min-height:18px;padding:0 5px 3px;position:fixed;right: 2%;top: 50%;padding: 10px 15px;position: fixed;z-index: 10;font-size:12px;-moz-border-radius: 8px; -webkit-border-radius: 8px; filter:alpha(opacity=88); -moz-opacity:.88; opacity:.88; -moz-box-shadow:5px 5px 5px #191919; -webkit-box-shadow:5px 5px 5px #191919; box-shadow:5px 5px 5px #191919;}
.close {float: right;background: transparent url(http://i44.servimg.com/u/f44/16/54/26/99/x10.png);width: 22px;height: 22px;}</style>
<div id="message-1" class="msgbox" style="display: block;"><div class="guestwarn">
<a href="#" class="close" onclick="closeBox('message-1'); return false;" title="Закрыть"></a>Ну, заходи, гостем будешь! Если ты читаешь этот текст, значит тебе пора зарегистрироваться. <a href="/register">Жми эту надпись</a>, чтобы зарегистрироваться и начать полноценно пользоваться нашим форумом!</div></div>
И сохрани.
Дэн2028- Admin
- Сообщения : 330
HSP : 293
Репутация : 9
Дата регистрации : 2012-12-25
Бакупод
Сторона: Добро
Стихия: Молния
Бакуганы: Тайлеан, Альфа Гидраноид, Блиц Драгоноид, Инфинити Гелиос, Мастер Инграм, Спидлайт,Гелисо МК2,Полуночный Персиваль
:: Основное :: Правила Сайта
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|