70 лет Великой Победе. Все эти годы память о бессмертном подвиге народа, отстоявшего независимость Родины, живет в сердце каждого россиянина. И эта память не должна померкнуть! Согласитесь, без такого вступления на эту тему писать нельзя.
Данное украшение для сайта к 9 мая «Я помню» является пусть небольшой, но данью памяти. Рекомендую поставить на свой сайт.
Увидел интересную тематическую интерактивную штучку в виде медали на соседнем портале, решил поставить на своем сайте и
вместе с тем выложить скрипт на Урааа. Сразу же столкнулся с тем, что нужно использовать такой объемный модуль как Блог (см. источник), решил сделать на опросах, посмотрел комментарии в источнике. Действительно, люди просят сделать скрипт на модуле «Опросы». Также перерисовал саму медальку, сделал ее плоской, подходящей под современные дизайны сайтов.
Установка
1. Создайте опрос с одним ответом (Панель управления - Опросы – Добавить опрос):
2. Скопируйте номер опроса и замените, если потребуется в коде ниже:
3. Скопируйте код и вставьте в любое место на сайте (Управление дизайном – Верхняя/Нижняя часть сайта):
Quote (скопируйте и вставьте в нужный шаблон)
<!--9 May-->
<div id="nine_form">$POLLC_1$</div>
<div id="nine_over"><div class="lenta"></div><div onclick="nine_rate()" class="medal"><center><div class="ipomnu">Я<br/>помню</div><span id="nine_counter">...</span> </center></div></div>
<style type="text/css">
#nine_form {display:none}
#nine_over {position:fixed; top:0px; right:2%; z-index:999999; margin-top:-170px}
#nine_over .lenta {background:url('http://yraaa.ru/634294/osnova.png') 0 0 no-repeat; width:56px; height:74px;}
#nine_over:hover .lenta {background:url('http://yraaa.ru/634294/osnova.png') 0 -74px no-repeat; width:56px; height:74px;}
#nine_over .medal {background:url(http://yraaa.ru/634294/medal.png) no-repeat; position:relative; right:9px; width:74px; height:74px; text-align:center; color:#292929; text-shadow: 1px 0px 0px rgba(255,255,255,0.9); font-size:20px; padding-top:9px; cursor:pointer;}
#nine_over .ipomnu {position:relative; top:2px; text-align:center; color:#292929; text-shadow: 1px 0px 0px rgba(255,255,255,0.9); font-size:11px;}
.nine_alert {text-align:center;padding:20px;font-size:14px !important}
</style>
<script type="text/javascript">
$( document ).ready(function() {
$('#nine_answer input[type="radio"]').prop( "checked", true );
$('#nine_counter').html($('#nine_total').text());
});
$(window).load(function(){$('#nine_over').animate({marginTop: '0px'},500);})
function nine_rate() {
<?if(substr($POLLC_1$,40,1)!='y'?><?substr($POLLC_1$,40,12)?>;
_uWnd.alert('<div class="nine_alert">Ваш голос будет учтен.</div>','Учтен',{w: 270,h: 100,t: 8000});
<?endif?>
$('#nine_form input[type="submit"]').submit();
$('#nine_counter').html($('#nine_total').text());
}
</script>
4. Замените вид опросов на следующий (Управление дизайном - Вид формы опросов):
Quote (скопируйте и вставьте в нужный шаблон)
<div class="pollBlock" style="font-family:Tahoma,Arial;">
<div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><b>$QUESTION$</b></div>
<div class="pollAns" style="font-size:8pt;text-align:left;"><div id="nine_answer">$ANSWERS$</div></div>
<div class="pollLnk" style="padding-top:4px;text-align:center;">[ <a style="font-size:7pt;" href="$RESULTS_LINK$">Результаты</a> · <a style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив опросов</a> ]</div>
<div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center;">Всего ответов: <b><div id="nine_total">$TOTAL_VOTES$</div></b></div>
</div>
Существует версия с другой графикой и на другом модуле (см. источник).
70 лет Великой Победе. Все эти годы память о бессмертном подвиге народа, отстоявшего независимость Родины, живет в сердце каждого россиянина. И эта память не должна померкнуть! Согласитесь, без такого вступления на эту тему писать нельзя.
Данное украшение для сайта к 9 мая «Я помню» является пусть небольшой, но данью памяти. Рекомендую поставить на свой сайт.
Увидел интересную тематическую интерактивную штучку в виде медали на соседнем портале, решил поставить на своем сайте и
вместе с тем выложить скрипт на Урааа. Сразу же столкнулся с тем, что нужно использовать такой объемный модуль как Блог (см. источник), решил сделать на опросах, посмотрел комментарии в источнике. Действительно, люди просят сделать скрипт на модуле «Опросы». Также перерисовал саму медальку, сделал ее плоской, подходящей под современные дизайны сайтов.
Установка
1. Создайте опрос с одним ответом (Панель управления - Опросы – Добавить опрос):
2. Скопируйте номер опроса и замените, если потребуется в коде ниже:
3. Скопируйте код и вставьте в любое место на сайте (Управление дизайном – Верхняя/Нижняя часть сайта):
Quote (скопируйте и вставьте в нужный шаблон)
<!--9 May-->
<div id="nine_form">$POLLC_1$</div>
<div id="nine_over"><div class="lenta"></div><div onclick="nine_rate()" class="medal"><center><div class="ipomnu">Я<br/>помню</div><span id="nine_counter">...</span> </center></div></div>
<style type="text/css">
#nine_form {display:none}
#nine_over {position:fixed; top:0px; right:2%; z-index:999999; margin-top:-170px}
#nine_over .lenta {background:url('http://yraaa.ru/634294/osnova.png') 0 0 no-repeat; width:56px; height:74px;}
#nine_over:hover .lenta {background:url('http://yraaa.ru/634294/osnova.png') 0 -74px no-repeat; width:56px; height:74px;}
#nine_over .medal {background:url(http://yraaa.ru/634294/medal.png) no-repeat; position:relative; right:9px; width:74px; height:74px; text-align:center; color:#292929; text-shadow: 1px 0px 0px rgba(255,255,255,0.9); font-size:20px; padding-top:9px; cursor:pointer;}
#nine_over .ipomnu {position:relative; top:2px; text-align:center; color:#292929; text-shadow: 1px 0px 0px rgba(255,255,255,0.9); font-size:11px;}
.nine_alert {text-align:center;padding:20px;font-size:14px !important}
</style>
<script type="text/javascript">
$( document ).ready(function() {
$('#nine_answer input[type="radio"]').prop( "checked", true );
$('#nine_counter').html($('#nine_total').text());
});
$(window).load(function(){$('#nine_over').animate({marginTop: '0px'},500);})
function nine_rate() {
<?if(substr($POLLC_1$,40,1)!='y'?><?substr($POLLC_1$,40,12)?>;
_uWnd.alert('<div class="nine_alert">Ваш голос будет учтен.</div>','Учтен',{w: 270,h: 100,t: 8000});
<?endif?>
$('#nine_form input[type="submit"]').submit();
$('#nine_counter').html($('#nine_total').text());
}
</script>
4. Замените вид опросов на следующий (Управление дизайном - Вид формы опросов):
Quote (скопируйте и вставьте в нужный шаблон)
<div class="pollBlock" style="font-family:Tahoma,Arial;">
<div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><b>$QUESTION$</b></div>
<div class="pollAns" style="font-size:8pt;text-align:left;"><div id="nine_answer">$ANSWERS$</div></div>
<div class="pollLnk" style="padding-top:4px;text-align:center;">[ <a style="font-size:7pt;" href="$RESULTS_LINK$">Результаты</a> · <a style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив опросов</a> ]</div>
<div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center;">Всего ответов: <b><div id="nine_total">$TOTAL_VOTES$</div></b></div>
</div>
Существует версия с другой графикой и на другом модуле (см. источник).
