Всем привет, поздравляю всех с праздником Победы! И к этому празднику я сделал памятку, которая учитывает сколько же людей помнят об этом празднике. Скрипт учитывает только одно нажатие от одного пользователя, т.к. используется всем известный рейтинг материалов, после того как пользователь нажал "Я помню" зачислился рейтинг материалу, и голос пользователя, после чего он сможет нажимать сколько угодно на "Я помню", но его голос больше учитываться не будет, так же будут показаны uwnd уведомления (в правом нижнем углу), что голос засчитан или пользователь уже нажимал. Скрипт я думаю отличный, и что-то новенькое в паблике, а то как-то поднадоело, что все выкладывают эти георгиевские ленты меняют только угол их расположения (один год они в правом углу другой год они в левом углу), ничего нового не делается, а все старое переелозивают по тысячу раз... Вообщем на этом всё, ещё раз всех с Победой!
Установка: 1) Активируем модуль блог если он у вас не активирован.
2) Добавляем новый материал, называем его как хотите и описание пишете любое, (можете написать поздравление к 9 мая). После добавления копируйте ссылку на материал и вставьте например в блокнот.
3) Далее заходим в ПУ \ Управление дизайном\ Блог \ Страница материала и комментариев к нему находим там:
Код
<span id="entRated$ID$">$RATED$</span>
и заменяем на:
Код
<span class="ipomnurated" id="entRated$ID$">$RATED$</span>
4) После чего на все страницы (или на каких хотите, что бы выводилась памятка) вставляете:
Код
<style>
.position {position:fixed; top:0; right:10%; z-index:999;}
.lenta {background:url('http://webo4ka.ru/Ucoz7/iPumnuLentawebo4karu.png') 0 0 no-repeat; width:56px; height:74px;}
.lenta:hover {background:url('http://webo4ka.ru/Ucoz7/iPumnuLentawebo4karu.png') 0 -74px no-repeat; width:56px; height:74px;}
.medal{background:url(http://webo4ka.ru/Ucoz7/iPumnuMedalwebo4karu.png) no-repeat; position:relative; right:9px; width:74px; height:74px; text-align:center; color:#292929; text-shadow: 1px 0px 0px #fff; font-size:22px; padding-top:10px; cursor:pointer;}
.ipomnu {position:relative; top:2px; text-align:center; color:#292929; text-shadow: 1px 0px 0px #fff; font-size:11px;}
.help {color:#292929; text-shadow: 1px 0px 0px #fff; font-size:14px; position:relative; top:30%;}
</style>
<div class="position"><div class="lenta"></div><div onclick="plus();" class="medal"><center><div class="ipomnu">Я<br/>помню</div><span>...</span> </center></div></div>
<script>
var dannii = ['http://webo4ka.ru/blog/2013-05-09-1','1','5'];
chiclo();
function chiclo() {
$.get(dannii[0], function(vovchik) {
$('.medal span').text($('.ipomnurated',vovchik).text());
});
}
function plus(){
_uPostForm('',{type:'POST',url:'/blog/',data:{'a':'65','id':dannii[1],'mark':dannii[2],'mod':'blog','ajax':'2'}});
setInterval('help()', 100);
}
function help(){
$('.myWinCont:contains("Вы уже")').html('<span class="help">Ваш голос уже был учтён!</span>');
$('.myWinCont:contains("Оценка")').html('<span class="help">Спасибо за память!</span>');
}
// webo4ka.ru (Copyright 09/05/2013)
</script>
Настройка кода: .position {position:fixed; top:0; right:10%; z-index:999;}
top - отступ от верха, можно не менять
right - отступ от правого края, можете менять, если вас не устраивает расположение ленты (может она что-то закрывает), также можно вместо right написать left т.е. отступ от левого края.
var dannii = ['http://webo4ka.ru/blog/2013-05-09-1','1','5'];
http://webo4ka.ru/blog/2013-05-09-1 - ссылка на новость которую вы добавили (из пункта 2 - ссылка в блокноте)
1 - это число берете из ссылки (у всех может быть разное), это самое последнее число, копировать все последние числа до черточки (-)
5 - можно не менять, (или написать 4 или 3 или 2 или 1)
Вариант на опросе:
1) Создаем опрос, с одним вопросом, и получаем код $POLLC_НОМЕР$
2) Вставляете код куда нужно, ПРЕДВАРИТЕЛЬНО ЗАМЕНИВ $POLLC_НОМЕР$ на свой:
Код
<style>
.position {position:fixed; top:0; left:1%; z-index:999;}
.lenta {background:url('http://webo4ka.ru/Ucoz7/iPumnuLentawebo4karu.png') 0 0 no-repeat; width:56px; height:74px;}
.lenta:hover {background:url('http://webo4ka.ru/Ucoz7/iPumnuLentawebo4karu.png') 0 -74px no-repeat; width:56px; height:74px;}
.medal{background:url(http://webo4ka.ru/Ucoz7/iPumnuMedalwebo4karu.png) no-repeat; position:relative; right:9px; width:74px; height:74px; text-align:center; color:#292929; text-shadow: 1px 0px 0px #fff; font-size:22px; padding-top:10px; cursor:pointer;}
.medal2{background:url(http://webo4ka.ru/Ucoz7/iPumnuMedalwebo4karu.png) no-repeat; position:relative; right:9px; width:74px; height:74px; text-align:center; color:#292929; text-shadow: 1px 0px 0px #fff; font-size:22px; padding-top:10px; cursor:pointer;}
.ipomnu {position:relative; top:2px; text-align:center; color:#292929; text-shadow: 1px 0px 0px #fff; font-size:11px;}
.help {color:#292929; text-shadow: 1px 0px 0px #fff; font-size:14px; position:relative; top:30%;}
</style>
<div class="position"><div class="lenta"></div><div onclick="plus();" class="medal"><center><div class="ipomnu">Я<br/>помню</div><span>...</span> </center></div></div>
<div class="iPomnuWebo4kaRu" style="display:none;">$POLLC_51$</div>
<script>
function plus(){ $('.pollBut').click();
var summa = $('.medal span').text(); summa=Number(summa); summa=summa+1;
$('.medal span').text(summa); $('.medal').attr("class", "medal2");
_uWnd.alert('Ваш голос учтён, спасибо за память', 'Капитан очевидность', {w: 300, h: 70, tm: 9000});
}
$(document).ready(function(){
$('.iPomnuWebo4kaRu input[id^="a"]').attr("checked","checked");
$('.medal span').text($('.iPomnuWebo4kaRu font[style="font-weight: bold; padding:10px;"]').text());
});
// webo4ka.ru (Copyright 19/04/2015)
</script>
Потом заходим в панель правления ---> Управление дизайном --->
Опросы ---> Вид формы опросов и оборачиваем
$TOTAL_VOTES$ в
Код
<span id="vovchikWebo4kaRu">$TOTAL_VOTES$</span>
Всё