Вывод подарков пользователя в профиле как на одноклассниках
Бесплатные скрипты
Представляем очередной скрипт от waakа для пользователей системы ucoz, данный скрипт будет выводить по очереди все подарки ( Награды ) пользователя, как в популярной социальной сети Одноклассники
Панель управления > Пользователи > Настройка модуля > и в пункте Включить функцию "Награды" поставьте галочку затем сохраните.
2 Теперь нам нужно создать Глобальный блок с любым названием, я назвал его STICKER
Как это сделать? всё очень просто, переходим в
Панель управления > Управление дизайном > Глобальные блоки и на открывшейся странице жмем кнопку добавить блок.
3 После того как мы создали Глобальный блок нажимаем на него, в открывшейся страницы вставляем данный код
Теперь переходим на страницу профиля и после кода который выводит аватар пользователя вставляем данный код
Внимание:
Если вы назвали Глобальный блок не так как я, то замените в коде выше вот этот код
На тот что получился у вас
Должно выглядеть примерно так
$GLOBAL_Тут название вашего глобального блока$
Все вопросы - оценки в комментарии
Запись добавлена
Установка:
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>
<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$
</div>
<style>.imgS2tat {position:absolute; margin-top:-90px; margin-left:175px; z-index:3} </style> <?endif?>
Внимание:
Если вы назвали Глобальный блок не так как я, то замените в коде выше вот этот код
Код
$GLOBAL_STICKER$
На тот что получился у вас
Должно выглядеть примерно так
$GLOBAL_Тут название вашего глобального блока$
Все вопросы - оценки в комментарии
нет уведомлений
Официальный сайт
Совместимость
Сайты Ucoz
Нет комментариев
Добавлять комментарии могут только зарегистрированные пользователи, Войдите на сайт под своим именем.