Функционально решение для вашего сайта не только с помощью которого можно заставить пользователей обитать 1, 2, 3 января онлайн, но и сделать что-то новое и интересное на новый год.
Пользователям предстоит собственный выбор различных подарков, после выбора желаемого подарка пользователь отправляет заявку якобы Деду-морозу (Администратору или модератору сайта), которые с 1-3 января должны раздарить подарки только тем участникам конкурса которые в момент раздачи имеют статус онлайн.
Установка 1. Активируем новый модуль "Каталог сайтов", переходим в настройки модуля, настраиваем следующим образом:
- Количество материалов на главной странице: 50
- Поля для добавления материалов: Отметить только "Дополнительное поле 1".
- Включить возможность поиска материалов пользователя:
2. Переходим в редактирование шаблонов и выбираем "Главная страница каталога сайтов", находим $BODY$ и заменяем на следующий код:
Код
<div style="display:none">
<div class="dedm-body-s">$BODY$</div>
<div class="dedm-selector-s">$PAGE_SELECTOR$</div>
</div>
Далее переходим в шаблон "Вид материалов", заменяем всё на:
Код
<div style="background: rgba(255,255,255,.4);padding:5px;display:block;" class="dedm-gited" gift="$OTHER1$" delete="/index/92-6-$ID$-<?substr($MODER_PANEL$, strrpos($MODER_PANEL$,"','h")-8,8)?>" uid="$UID$">
<div style="float:right;"><div class="status"></div></div>
<div style="float:left;"><input type="checkbox" id="dedm-checkbox"></div>
<div style="float:left;padding-left:10px;"><a href="$PROFILE_URL$" target="_blank" class="dedm-username">$USERNAME$</a></div>
<div style="clear:both"></div>
</div>
3. В шаблон добавить "Таблица стилей (CSS)":
Код
/* <!-- СКРИПТ:Новогодних подарков --> */
#dedm-timer, #dedm-getGift{display:none}
.dedm-napisat{
position:fixed;bottom:0;
z-index: 99999;
font: 14px Comic Sans, Comic Sans MS, cursive; background: #f9f9f9;padding: 10px 20px 20px;
border-radius: 5px 5px 0 0;border:solid #ddd;
border-width: 1px 1px 0;
text-decoration: none;
color: #666;
text-shadow: 1px 1px 0 #fff;
box-shadow: 0 0 7px rgba(0,0,0,.1), inset 0 1px 0 #fff;
}
.dedm-napisat::after{clear:both}
a.dedm-napisat:hover{text-decoration:none;background:#F0F0F0;color:#333;}
.dedm-napisat img{vertical-align:middle;padding-right: 10px;border:0;width:0;height:0;position:absolute; background: no-repeat;
opacity:1;
overflow: hidden;
transition:background-position .2s linear;
-webkit-transition:background-position .2s linear;
-moz-transition:background-position .2s linear;
}
a.dedm-napisat:active{background:#EDEDED;color:#ccc;opacity:.9}
a.dedm-napisat:active img{opacity:.5}
a#dedm-getGift:hover img{ background-position: 0 -24px;}
a.dedm-napisat span{opacity:0;margin-left:30px;}
#dedm-timer span{padding-left:5px;font-size:12px;margin:0 !important}
#dedm-timer span:first-child{color:#CC0000;font-size:16px !important;padding-left:30px}
.dedm-gifterka,.dmdm-button{padding:7px;display:inline-block;font-size:0;border-radius:20%; background:rgba(255,255,255,.5);margin:3px;box-shadow: inset 0 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.1);
text-decoration:none !important;
transition:all .2s linear;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
}
.dedm-gifterka:hover,.dmdm-button:hover{background:rgba(255,255,255,.7);opacity:1}
.dedm-gifterka:active,.dedm-gifterka-active,.dmdm-button:active,.dedm-activeB{box-shadow: 1px 1px 0 rgba(255,255,255,.5),inset 1px 1px 5px 1px rgba(0,0,0,.25);background: rgba(255,255,255,.2);opacity:1}
.dmdm-button{font: 11px Tahoma;position:relative;padding:7px 15px !important;border-radius:3px;font: 11px/10px Tahoma;}
.dmdm-button img{vertical-align: middle;width:20px;height:20px;padding-right:7px}
/* <!-- /СКРИПТ:Новогодних подарков --> */
4. Переходим в нижнюю часть сайта и в самый низ вставляем код:
Код
<!-- СКРИПТ:Новогодних подарков -->
<?if($USER_LOGGED_IN$)?><div class="dedm-islogin" style="display:none;">$USER_ID$</div><?endif?>
<a href="javascript:void(0);" class="dedm-napisat" id="dedm-getGift" onclick="$.uDedMoroz('getGift');"><div style="position:relative"><img src="http://web.reslear.ru/s/i/dedushkaPizdoz.png" width="24" height="24" data-px="http://web.reslear.ru/s/i/1x1.png" data-spr="http://web.reslear.ru/s/i/dedPizdozMsg.png"><span>Получить подарок...)</span></div></a>
<a href="javascript:void(0);" class="dedm-napisat" id="dedm-timer" onclick="$.uDedMoroz('info'<?if($GROUP_ID$ == 4 || $GROUP_ID$ == 3)?>, 1<?endif?>);"><div style="position:relative"><img src="http://web.reslear.ru/s/i/dedushkaPizdoz.png" width="24" height="24" data-px="http://web.reslear.ru/s/i/1x1.png" data-spr="http://web.reslear.ru/s/i/dedPizdozMsg.png"><div id="dedm-novgod"><span id="dedm-t-days"></span><span id="dedm-t-hour"></span><span id="dedm-t-min"></span></div></div></a>
<script src="http://web.reslear.ru/s/j/ngPodarki.reslear.js"></script>
<!-- /СКРИПТ:Новогодних подарков -->
5. Установка завершена, с наступающим Новым Годом)
