ываываыва[hideprofile]
Пояснения к скрипту Лотерейка в топике!
Страница: 1
Сообщений 1 страница 7 из 7
Поделиться218.11.23 16:09:19
Скрипт лотерейки стоит в HTML верх после скрипта <!-- Чтобы не пропадали посты -->
Код:
<!-- Лотерейка в топике by Deff -->
<script type="text/javascript">
FORUM.lottery = {};
FORUM.lottery.timID; //Служебная Aякс-переменная;
FORUM.lottery.BonysColor = "red"; //Цвет номера ячейки в сообщениий с Выигрышем;
FORUM.lottery.ColorNowin = "blue"; //Цвет номера ячейки в сообщениий без Выигрыша;
FORUM.lottery.One_person_test = FORUM.topic.subject.substr(-1)=='*'; //Если тема заканчивается на '*': один юзер, - много кликов,если нет: один юзер, - один клик!;
</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001b/7a/84/13211.css"/>
<script title="264dae" type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/56616.js"></script>
<!--Всплывающая подсказка к названию колонки таблы с лотерейкой //-->
<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/59379.js"></script>
<style>table[style="width:111px"]+.quote-box td,.punbb .main .lot td{width: 100px !important}
.Lot-number p,.bottomPhrase p{text-align: center}.click_result {transform: scale(1.15);margin-top:22px;margin-bottom:12px;}
.click_result.notbonus .Lot-number span[style="color: blue"]{color:#a06bd3!important;}</style>
<!--End// Лотерейка //-->Тема для теста тут => Тест Лотерейки!
Поделиться318.11.23 16:09:59
Страница генерации кода лотерейки: => http://theabyss.rusff.me/pages/lot_table_generator
Вид(кликабельно):
Поделиться418.11.23 16:10:22
Общие принципы работы с лотерейкой:
1. Есть страницы генерации лотерейки, сейчас их две:
https://pulseofny.rusff.me/pages/lot_table_generator (универсальная( но как минимум название выдаваемых бонусов в ней надо править)
https://pulseofny.rusff.me/pages/lot_table_dice (страница под дайсы, но опять жа как минимум название выдаваемых бонусов в ней надо править)
Будем считать что бонусы соотвествуют задачам Админов,
Тогда Админ на нужной странице генерации выставляет нужное кол-во столбцов и ячеек в строке каждой колонки(колонки позволяют выставлять разные бонусы в каждой колонке - но 99% пользователей кода оставляют лишь одну колонку и впихивают туда разнотипное(ибо неожиданный бонус приятнее, чем примерно ожидаемый) - ибо название колонки видно при наведении на столбец
2-е выставить число ячеек пр вертикали... Далее кликается кнопка обновить и забирается код таблички из блока Взять код на странице генерации(он автокопирует в буфер обмена по клику на него),
Далее создаётся тема с названием и код вставляется в первпост темы и закрепляется на всех страницах темы (галочка в самом первом сообщении)
Далее, поскольку для красивости и возможности максимальной ширины таблички(дабы можно было впихнуть табличку с максимальным числом ячеек - максимальное число - значит одну таблицу можно тыкать дольше и большее число раз! Для этого перед всем кодом вставляем тег скрытия Профиля [hideprofile]
Да, код таблички работает в двух режимах:
a) Один пользователь -один клик по табличке (интересен для однодневных активити с ограничением особо ценных призов
b) Пользователь не ограничен в числе кликов по табличке (призы типовые, не сильно нагрузочные для админов по трудозатратам + типично обговаривается максимальное колво кликов в сутки) ну типично админы используют для долгоиграющих ежедневных лотерей( интерес сохраняет до двух трёх месяцев, особенно если в пустых клетках без выигрыша прикольные фразочки и обновляемые с каждой новой лотерейкой (подробности смены-замены будут ниже)
Страница генерации кода лотерейки для дайсов отличается лиш тем от универсальной, что там заранее выставлена табличка с максимальным кол-вом ячеек по ширине и бонусами - вошёл - на страницу - кликнул взять код , старую тему закрыл - открыл новую и вставил код с тегом скрытия профиля...
Ну есть ещё кастомизация(изменения стиля темы) = осуществляется обертыванием всего кода вставки в первопост тегами со своим классом, под который уже заготовлен стиль таблички ( по дефолту есть три дополнительных тегов с классом:
[block=New_Year][block] - новогодний тиль
[block=bonus_for_mystic][block] - стиль для мистического варианта оформления
[block=Dice-D20][block] - стиль для дайсов
Поделиться518.11.23 16:10:56
.Что делаем для начала работы со страницей генерации таблички:
1-е Выставляем нужное число строк таблицы (вон там курсорчик стоит около цифры 4) и кликаем - Взять код...
Если не нравится случайное расположение бонусов( бывает что много слипаются в одном месте - кликаем - Обновить(рядом, где взять код)
Далее, создаём новую тему в топике(для новой лотерейки) и вставляем в первопост темы, первопост закрепляем на всех страницах темы!
==================================
Более подробно по всем настройкам:
1. Cтрока инпутов после титла:введите название колонки,число столбцов в ней
Название колонки и число столбцов, если колонка не нужна - просто удаляем всё из инпута
2. Собственно призы колонки, которые ниже строки название колонки, начально число столбцов, настраиваются при редактировании кода страницы(будет рассмотрено более подробно в конце обзора по настройкам)
3. Инпуты после строки: введите число призов для каждой колонки! , - устанавливает число призов в каждой колонке, выбирая случайно из списка призов(или заданий) из пункта 2
4 Инпут после введите число рабочих строк таблицы - высота таблицы в ячейках
5 Блок взять код - по клику копирует в буфер обмена
6 Кнопка "Обновить" - перерасполагает рандомно призы в табличке
Поделиться618.11.23 16:11:33
Код страницы Генерации кода лотерейки с цветовым выделением дефолтных настроек
Код страницы
Пояснения:
Cиним - строки с фразами вставляемыми в пост без выигрыша
Остальные настройки красным,
=========================================
Для быстроты создания разных (ранее опробированых) лотереек удобно создать отдельные страницы Генерации лотереек со своими дефолтными настройками призов или заданий,Фраз при невыигрыше, размеров таблицы и параметров колонок в оных,
Тогда новые лотерейки создаются одним кликом (Взять код)
!PS: Каждый приз/(или задание) прописывается в одну строку, заканчивается точной с запятой,
Удобно разделять идентичные призы вводом пустой строки)
Можно вообще делать таблицу ток из одной колонки
Поделиться712.01.24 23:03:01
Как сделать несколько стилей оформлений таблички с лотерейкой в разных темах: обернуть весь код таблы вставлямой в первопост лотерейки в тег [block=class] [/block]
Примеры: лотерейка в топике Тест лотереи с Новогодним стилем * обернута в тег [block=New_Year][/block]
Cтиль для класса .New_Year стоит в конце первого окна стиля( ну и все лотерейки кроме дефолтной имеют обертки)
Код стиля в Первом окне:
Код:
/*******************************
Доп. Стили к Лотерейкам
*******************************/
/*лотерейка новый год*/
.New_Year {
background: url('https://kalix.club/uploads/posts/2022-12/1671710183_kalix-club-p-novogodnii-pattern-krasivo-6.jpg') no-repeat center;
border-radius: 20px;
border: 1px solid #b58779;
background-size: cover;
padding-bottom: 18px;
position: relative;}
.New_Year::before {content: url('https://forumstatic.ru/files/001b/7a/84/82882.png'); position: absolute; right: -4px; top: -4px;}
.New_Year .lotheader {background: #eae2bd; border: 1px solid #da3f27; color: #4a4036;}
.New_Year .lot table {background: #eae2bd; border: 1px solid #da3f27;}
.New_Year .lot-table tbody td[class^="ab"]::before {color: rgb(187, 50, 50) !important;}
.New_Year td.ab1 { background: #ddd5b1 url('https://forumupload.ru/uploads/001b/7a/84/3/835498.png') no-repeat top;}
.New_Year td.ab2 { background: #ddd5b1 url('https://forumupload.ru/uploads/001b/7a/84/3/652147.png') no-repeat top;}
.New_Year td.ab3 { background: #ddd5b1 url('https://forumupload.ru/uploads/001b/7a/84/3/987710.png') no-repeat top;}
.New_Year td.ab4 { background: #ddd5b1 url('https://forumupload.ru/uploads/001b/7a/84/3/446058.png') no-repeat top;}
.New_Year .lot td.open:not(.bonus) {opacity: 1; background: #ddd5b1 url('https://forumupload.ru/uploads/001b/7a/84/3/57574.png') no-repeat;}
.New_Year td.ab1.open.bonus, .New_Year td.ab2.open.bonus, .New_Year td.ab3.open.bonus, .New_Year td.ab4.open.bonus {
background: #e0d8b4 url('https://forumupload.ru/uploads/001b/7a/84/3/791880.png') no-repeat top;
}
.New_Year td.open.bonus { filter: grayscale(0); opacity: 1;}
.New_Year .lottitle { font-size: 20px; color: #fff; margin-top: 20px !important; text-shadow: 1px 1px 1px #f00;}
/*лотерейка дайсы*/
.Dice-D20 {
background: url('https://forumupload.ru/uploads/001b/7a/84/3/307500.jpg') repeat top;
border-radius: 20px;
background-size: cover;
position: relative;}
.Dice-D20 td.ab1 { background: #ccc url('https://forumupload.ru/uploads/001b/7a/84/3/921222.png') no-repeat top;}
.Dice-D20 td.open.bonus { filter: grayscale(0); opacity: 1;}
.Dice-D20 td.ab1.open.bonus { background: #ccc url('https://forumupload.ru/uploads/001b/7a/84/3/972051.png') no-repeat top;}
.Dice-D20 td.ab1.open.bonus::after {content: '\2714';
position: absolute;
color: green;
margin-top: -53px;
margin-left: 18px;
font-size: 58px;}
/*лотерейка мистическая*/
.bonus_for_mystic {
background: url('https://forumupload.ru/uploads/001b/7a/84/3/696694.jpg') no-repeat center;
border: 1px solid #606060;
background-size: cover;
padding-bottom: 18px;
position: relative;}
.bonus_for_mystic .lot table {background: #00000057;}
.bonus_for_mystic td.ab1 { background: #0d0d0d url('https://forumupload.ru/uploads/001b/7a/84/3/615164.png') no-repeat;
}
.bonus_for_mystic td.ab2 { background: #0d0d0d url('https://forumupload.ru/uploads/001b/7a/84/3/102146.png') no-repeat;}
.bonus_for_mystic td.ab3 { background: #0d0d0d url('https://forumupload.ru/uploads/001b/7a/84/3/68364.png') no-repeat;}
.bonus_for_mystic td.ab4 { background: #0d0d0d url('https://forumupload.ru/uploads/001b/7a/84/3/281874.png') no-repeat;}
.bonus_for_mystic td.ab1,
.bonus_for_mystic td.ab2,
.bonus_for_mystic td.ab3,
.bonus_for_mystic td.ab4 {
background-position: center 20%;
border: 1px solid #2f2f2f;}
.bonus_for_mystic .lot td.open:not(.bonus) {opacity: 1; background: #0d0d0d url('https://forumupload.ru/uploads/001b/7a/84/3/57574.png') no-repeat;}
.bonus_for_mystic td.ab1.open.bonus, .bonus_for_mystic td.ab2.open.bonus, .bonus_for_mystic td.ab3.open.bonus, .bonus_for_mystic td.ab4.open.bonus {
background: #0d0d0d url('https://forumupload.ru/uploads/001b/7a/84/3/791880.png') no-repeat top;
}
.bonus_for_mystic td.open.bonus { filter: grayscale(0); opacity: 1;}
.bonus_for_mystic .lot-table tbody td.open[class^="ab"]::before {color: #888;}
/*******************************
END Доп. Стили к Лотерейкам
*******************************/Страница: 1