Программы для пк и android
Граффити
Форма входа
Закрыть

Вывод подарков пользователя в профиле как на одноклассниках
Бесплатные скрипты

Представляем очередной скрипт от waakа для пользователей системы ucoz, данный скрипт будет выводить по очереди все подарки ( Награды ) пользователя, как в популярной социальной сети Одноклассники

Установка:

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

2 Теперь нам нужно создать Глобальный блок с любым названием, я назвал его STICKER
Как это сделать? всё очень просто, переходим в
Панель управления > Управление дизайном > Глобальные блоки и на открывшейся странице жмем кнопку добавить блок.

3 После того как мы создали Глобальный блок нажимаем на него, в открывшейся страницы вставляем данный код

Код
<div id="rotator">
<div class="images_prizent"> <a href="$AWARDS_READ_URL$" title="Подробней о подарках"><img id="awards" alt=""/ > </a>
</div>  
</div>
   
  <style type="text/css">
  div#rotator div { position:absolute;}
</style>  
<script type="text/javascript">
function theRotator() {
  $('div#rotator div').css({opacity: 0.0});
  $('div#rotator div:first').css({opacity: 1.0});
  setInterval('rotate()',2000);
}
   
function rotate() {  
  var current = ($('div#rotator div.show')? $('div#rotator div.show') : $('div#rotator div:first'));
  var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator div:first') :current.next()) : $('div#rotator div:first'));  
  next.css({opacity: 0.0})
  .addClass('show')
  .animate({opacity: 1.0}, 0);
  current.animate({opacity: 0.0}, 0)
  .removeClass('show');
};
   
$(document).ready(function() {  
  theRotator();
});
</script>  

<script type="text/javascript">
$(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>

<style>
  .images_prizent img {max-width:90px;}  
</style>


Теперь переходим на страницу профиля и после кода который выводит аватар пользователя вставляем данный код

Код
<?if($AWARDS$)=0?><?else?><div class="imgS2tat">  
  $GLOBAL_STICKER$
</div>  
  <style>.imgS2tat {position:absolute; margin-top:-90px; margin-left:175px; z-index:3} </style> <?endif?>


Внимание:

Если вы назвали Глобальный блок не так как я, то замените в коде выше вот этот код

Код
$GLOBAL_STICKER$

На тот что получился у вас

Должно выглядеть примерно так

$GLOBAL_Тут название вашего глобального блока$


Все вопросы - оценки в комментарии

нет уведомлений

Официальный сайт
Совместимость
Сайты Ucoz
Запись добавлена

Нет комментариев

Добавлять комментарии могут только зарегистрированные пользователи, Войдите на сайт под своим именем.