Суть скрипта очень проста он выводит список подарков пользователе на его странице возле аватара по порядку как на популярной социальной сети одноклассники. а так же данный скрипт выводит репутацию. результат вы можете посмотреть на скриншоте.

Установка

1 Для начала нам нужно активировать награды, для этого зайдите в
Панель управления > Пользователи > Настройка модуля > и в пункте Включить функцию "Награды" поставьте галочку затем сохраните.


установка проста! просто поместите весь ниже представленный код на персональной странице сайта ucoz

html код для вставки


Код
<div id="rotator">
  <div class="images_prizent"> <a href="$AWARDS_READ_URL$" title="Подробней о подарках"><img id="awards" alt=""/ > </a>
  </div>

  <script id="scriptRep" type="text/javascript"></script>
  <div style="border:1px solid #ccc; background:#fff;">
  <div style="padding:5px; border:0px; border-bottom:1px solid #ccc;">
  <div id="editRep" style="float:right;"></div>
  Репутация <u>$_USERNAME$</u> составляет - <b id="kdfjeu2">$_REPUTATION$</b></div>
  <div id="testRepa" style="padding:5px; text-align:center; max-height:153px; overflow: auto;"></div>
  </div>  

  </div>


css код

Код
<style>  
  div.u-rep-history-item>div {  
max-width: 95%;  
  }  
  div#rotator {  
position: relative;  
  }  
  .images_prizent {  
position: absolute;  
right: 6px;  
top: 18px;  
  }
  .images_prizent img {width:32px;}
  </style> 
 
  

и конечно же самый главный код отвечающий ща вывод всего)

Код
<script type="text/javascript">  
  var user_id = "$_USER_ID$";  

  $.get('/index/9-' + user_id + '-1', function(data) {  
var conts = $('cmd[p="content"]', data).text();  

$("#editRep").html($('td[nowrap="nowrap"]', conts).next().next().find('div').html());  
$("#editRep img").css({'height': '10px', 'width': '10px', 'margin-left': '2px'});  
$("#editRep a:first img").attr('src', '/usrep/icon_edit.png');  
$("#editRep a:eq(1) img").attr('src', '/usrep/icon_out.png');  
$("#editRep a:eq(2) img").attr('src', '/usrep/icon_delete.png');  

$("#testRepa").html($('div[id^="blr"]:first', conts).parent('div').html());  
$("#testRepa hr:last").hide();  
$("#scriptRep").html(eval($('cmd[p="js"]', data).text()));  

$("#testRepa a.pgSwch").each(function() {  
var nPage = $(this).text();  
$(this).removeAttr('onclick').attr('href', 'javascript:oddRep(' + nPage + ')');  
});  
  });  

  function oddRep(nPage) {  
$.get('/index/9-' + user_id + '-' + nPage, function(datas) {  
var conts = $('cmd[p="content"]', datas).text();  

$("#testRepa").html($('div[id^="blr"]:first', conts).parent('div').html());  
$("#testRepa hr:last").hide();  
$("#scriptRep").html(eval($('cmd[p="js"]', datas).text()));  

$("#testRepa a.pgSwch").each(function() {  
var nPage = $(this).text();  
$(this).removeAttr('onclick').attr('href', 'javascript:oddRep(' + nPage + ')');  
});  
});  
  }  

  $(function() {  
awards = function(_a, _t, _la, _s) {  
$.get("/index/54-" + user_id, function(f) {  
$(_a).before('<img id="awards" alt="" />');  
var d = $('cmd[p="content"]', f).text(),  
b = $("img", d),  
a = [],  
c = $("#awards"),  
e = 1,  
aw = '';  

$.each(b, function(g, h) {  
a.push(h.src);  
if (e <= _s) {  
aw += '<img src="' + h.src + '" alt="" id="gfstyle"/>';  
e++;  
}  
});  

e = 1;  
c.attr("src", a[0]);  

if (b.length > 1) {  
setInterval(function() {  
if (e == b.length) {  
e = 0;  
}  
c.hide().attr("src", a[e]).fadeIn("normal");  
e++;  
}, _t * 1000);  
}  

$(_la).html(aw);  
});  
};  

awards('#avatar', 4, '#listawards', 5);  
  });
  </script>


так же залейте все картинки к себе на сайт
Вывод подарков, и репутации, пользователя на персональной странице
Размер: 1.8 Kb

Комментарии

Минимальная длина комментария - 50 знаков. комментарии модерируются
HTMLSTART » Скрипты UCOZ » Персональной страница » Вывод подарков, и репутации, пользователя на персональной странице