» »

Скрипт лайки (монетки) для сайта uCoz


Есть простые лайки, которым мы все привыкли, здесь у нас будут монеты, но как полагаете, чем их больше, тем они популярны, а точнее тот материал, где он оценивался. Много места не займут, работают отлично, на темном сайте, что про светлый не знаю, так как их не устанавливали на его. Так что вам нужно скачать архив, который привязан к материалу и закинуть файловый менеджер, и потом под свой модуль взять скрипт и прописать стили.

Вы можете рассмотреть скрипт медалек под такой стиль, что может дополнить функциональность.

Начнем установку скрипта мне нравиться.
Находим у себя в модулях:
Код
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div><?endif?>

и в место него устанавливаем следующий код нужного модуля вашего сайта:

Для раздела новости (news)

Код
<?if($RATING$)?>  
<div id="rating_os">  
<a href="javascript://" id="golike" onclick="$.get('/news/0-0-1-$ID$-15-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">  
<div id="rating_l"> </div>  
</a>  
<div id="rating_p">$RATED$</div>  
</div>  
<?endif?>


Для раздела каталог статей (publ)

Код
<?if($RATING$)?>  
<div id="rating_os">  
<a href="javascript://" id="golike" onclick="$.get('/publ/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">  
<div id="rating_l"> </div>  
</a>  
<div id="rating_p">$RATED$</div>  
</div>  
<?endif?>


Для раздела каталог файлов (load)

Код
<?if($RATING$)?>  
<div id="rating_os">  
<a href="javascript://" id="golike" onclick="$.get('/load/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">  
<div id="rating_l"> </div>  
</a>  
<div id="rating_p">$RATED$</div>  
</div>  
<?endif?>


Для раздела каталог сайтов (dir)

Код
<?if($RATING$)?>  
<div id="rating_os">  
<a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/dir/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">  
<div id="rating_l"> </div>  
</a>  
<div id="rating_p">$RATED$</div>  
</div>  
<?endif?>


Для раздела блог (blog)

Код
<?if($RATING$)?>  
<div id="rating_os">  
<a href="javascript://" id="golike" onclick="$.get('/blog/0-0-1-$ID$-14-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">  
<div id="rating_l"> </div>  
</a>  
<div id="rating_p">$RATED$</div>  
</div>  
<?endif?>


Для раздела доска объявлений (board)

Код
<?if($RATING$)?>  
<div id="rating_os">  
<a href="javascript://" id="golike" onclick="$.get('/board/0-1-1-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">  
<div id="rating_l"> </div>  
</a>  
<div id="rating_p">$RATED$</div>  
</div>  
<?endif?>


Для раздела Фотоальбом (photo)

Код
<?if($RATING$)?>  
<div id="rating_os">  
<a href="javascript://" id="golike" onclick="$.get('/photo/1-1-$ID$-13-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});">  
<div id="rating_l"> </div>  
</a>  
<div id="rating_p">$RATED$</div>  
</div>  
<?endif?>


Теперь вставляем в Ваш CSS монетку которая будет стоять в модуле

Код
#rating_os {  
float:left;  
font: 11px Verdana,Arial,Helvetica, sans-serif;  
text-shadow: 1px 1px 1px #252525;  

border: 1px solid #252525;  
}  

#rating_os a:link,  
#rating_os a:visited,  
#rating_os a:hover {text-decoration:none;}  

#rating_l {  
float:left;  
background: url(/shiki/1.png) no-repeat right;  
padding: 3px 10px 3px 5px;  
}  

#rating_l:hover {  
background: url(/shiki/2.png) no-repeat right;  
}  

#rating_p {  
float:right;  
padding: 3px 5px 3px 5px;  
}
19.06.2016 Загрузок: 2 Просмотров: 662 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Kosten
Kosten 20.06.2016 00:201
0
И здесь если рассматривать этот скрипт рейтинга, то вот просто его работа, только вместо медальки здесь сердечко.

Scheme
Scheme 20.06.2016 00:492
0
Так в первые вижу, если бы еще без перезагрузки было как на PNP то вообще было бы круто.
feliksteg
feliksteg 20.06.2016 00:563
0
Не думаю что здесь будет так, там со скриптов идёт лист стилейпод этот эффект. А так не спорю, оригинально сделано, но это все взято с основы и видать переделал.
Kosten
Kosten 20.06.2016 01:044
0
Не сказал, что там идут большие стили, хотел залить, но есть такой лайк, который в зеленной обводе, если в плюс и красный если в минус. Так к сего сделали простой лайк, весь дизайн убрали.
Tergran
Tergran 20.06.2016 01:195
0
Мне кажется слишком мелкий лайк, который можно не заметить, но если у вас на сайте ставят их, то можно установить, то есть такие, что посещение нормальное, но не кто не лайке не нажимает.
avatar