Это скрипт на вывод подарков в персональной страницы пользователя. Где она появятся и будет склонение идти на них и также загрузка. Здесь изначально идет панель, которая построена на стилях, что можно выставить любой оттенок и подогнать под основной дизайн на сайте. Также на ней есть функция "Все подарки" в том случай, когда их много, то можно при клике посмотреть все, так как появится окно с ними и там можно уже рассмотреть все, что было подарено пользователю и за какие заслуги.
Здесь вы можете сами регулировать, сколько по умолчанию показывать, когда кто то посетит вашу страницу, в скрипте выставил 15, эта настройка в самом низу кода. Здесь вы только можете видеть визуально их, но когда вы их откроете все, то появится функция, от кого или несколько подарков и будет один под числом, сколько раз его дарили. С начало появится лента загрузки, и только после нее визуально можно увидеть все знаки, что вам подарили.
Так смотреться будет на мобильных аппаратах:
Приступаем к установке:
Идем в админ панель в раздел пользователи и заходим в персональную страницу. И сами выбираем место, где вы хотите видеть их.
Код <span style="text-decoration: none;padding: 7px 5px;background: #1f273e;color: #fff;border: 2px solid #818fa7;display: block;font-weight: bold;border-radius: 3px;}"> $AWARDS$ <?if($AWARDS$=0)?> Подарков <?else?> <?if($AWARDS$<5 && $AWARDS$!='1')?> Подарка <?else?> <?if(substr($AWARDS$,len($AWARDS$)-1,1)='1' && $AWARDS$!='11')?> Подарок <?else?> Подарков <?endif?> <?endif?> <?endif?><span style="float:right;"><a style="color:#fff;" href="$AWARDS_READ_URL$">Все</a></span> </span><div style="padding:5px;"></div> <div id="listawards" align="left"><center><img src="http://zornet.ru/zorner_ru_1/Veb/refresh.gif"><br>Загрузка подарков...</center></div> <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', 15); }); </script> Как видим, здесь установлено число пятнадцать, столько будет на витрине, так что здесь сами выставите, сколько нужно. Идти они будут с левой сторону на правую, что лучше выставить сразу по центру, но это уже от администраций сайта все завесит, как им лучше сделать на интернет ресурсе.
PS - скрипт был проверен и он полностью работоспособен. |