Здравствуйте! предлагаю вашему внимаю один из первых скриптов созданных мной для сайта на 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_
Тут название вашего глобального блока$