Вид страницы со списком пользователей для uCoz
827материалов
228тем на форуме
3003комментария
6152пользователя

Вид страницы со списком пользователей для uCoz


Описание:

Всем доброго времени суток, давно че то я не выкладывал материалы на сайте, но не об этом. Сегодня я хочу с Вами поделиться очень интересным решением для Вашего сайта. Как Вы уже поняли по названию материала, сегодня речь у нас пойдет о "страница со списком пользователей Вашего сайта". Данное решение стоит и у нас на сайте, так как меня не устраивает стандартная страница от uCoz, потому что она выглядит очень устаревшей, а мои вид стильный, красивый и очень легкий. Что бы страница выглядела как на скриншоте, следуйте установке, которую вы найдет внутри материала

Установка:

Идем в панель управления сайта ➙ Дизайн ➙ Управления дизайном ➙ Страница со списком пользователей и перед </head> вставляете:
Код
<style>         
input[name="ban"], select[name="w"]{display:none}
.poisk_forma input[type="text"], .poisk_forma select, .poisk_forma input [type="submit"]{margin-top:10px;margin-bottom:30px;border-radius:0px;border:0px!important;
border-bottom:3px solid #006DCC !important;height:36px;background:#fff !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#006DCC !important;font-style:normal !important;box-shadow: 0 15px 15px -10px rgba(0,0,0,0.2);font-size:15px;}
.poisk_forma input [name="user"]{margin-right:30px;}
.poisk_forma input [name="subm"]{margin-left:30px;}
.go-to-profile {background: #ffffff;color:#008EFF;border: 2px solid;border-color:#008EFF;text-decoration: none;line-height: 16px;padding: 9px 18px;display: inline-block;border-radius: 30px;outline: none;font-size: 14px;font-family: 'Open Sans', sans-serif;letter-spacing: 0.5px;transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease;-webkit-transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease;text-decoration: none;}
.go-to-profile:hover, .go-to-profile:active {background: #008EFF; border-color: #008EFF; color: #ffffff;text-decoration: none;}
.go-to-profile-o {margin:30px 0;}
.user-avatar img{width:130px; height: 130px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}         
.user-avatar{margin-bottom:10px;}         
.user-name {text-transform: uppercase;font-size:17px;}         
.user-login {font-size:21px;text-transform: uppercase;margin-bottom:20px;}         
.user-login a {text-decoration: none;display: inline-block;position: relative;font-family: Arial;font-weight: bold;padding: 0 0 5px 0;color: #0058FF;}
.user-login a:after {content: '';position: absolute;height: 2px;width: 100%;left: 0;bottom: 0;visibility: hidden;background-color: #0058FF;-webkit-transition: all .1s ease;transition: all 0.3s ease; -webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);}
.user-login a:hover:after {visibility: visible;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
</style>

Далее на этой же странице находите находите такой кусок кода:
Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="casing" class="popuptable">         
<tr><td><div class="popuptitle"><div><span>Список пользователей</span></div></div><div class="popupbody"><div style="float:right"><!--<s3015>-->Страницы<!--</s>-->: $PAGE_SELECTOR$</div>         
<div align="left"><!--<s5170>-->Найдено <b>$NUM_ENTRIES$</b> пользователей<!--</s>--></div><hr />         
<div align="center">$BODY$</div><hr />         
<div align="center">$SEARCH_FORM$</div></div></td></tr>         
</table>

и заменяете его на:
Код
<?if($URI_ID$ = "usersBanList")?>
Администрация заблокировала <b>$NUM_ENTRIES$</b> пользовате<?if($NUM_ENTRIES$%10=0||$NUM_ENTRIES$%10>4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>лей<?else?><?if($NUM_ENTRIES$%10=1)?>ль<?else?>ля<?endif?><?endif?>
<hr>
<div id="blockedsiteuser"></div>
<?endif?>
<?if($URI_ID$ = "usersList")?>
На сайте заргестрирован<?if($NUM_ENTRIES$%10=0||$NUM_ENTRIES$%10>4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>о<?else?><?if($NUM_ENTRIES$%10=1)?><?else?>ы<?endif?><?endif?> <b>$NUM_ENTRIES$</b> пользовател<?if($NUM_ENTRIES$%10=0||$NUM_ENTRIES$%10>4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>ей<?else?><?if($NUM_ENTRIES$%10=1)?>ь<?else?>я<?endif?><?endif?>, приветсвуем нового участника <b><span id="lastUserLink">...</span></b>
<hr><div class="poisk_forma"><center>$SEARCH_FORM$</center></div>
<hr><div id="webucoz"></div>
<?endif?>
<span style="display:none;">$BODY$</span>
<br><br><center>$PAGE_SELECTOR$</center>

И перед </body> вставляете:
Код
<?if($URI_ID$ = "usersList")?>
<script type="text/javascript">         
$('.uTable tr').find("td:eq(0)").each(function(i,data) {         
webucoz_img = $(this).find('img').attr('src');         
webucoz_username = $(this).parent().find('a').text().replace(/-/gi,'~');         
webucoz_fullname = $(this).parent().find('td:eq(2)').text();         
webucoz_reg = $(this).parent().find('td:eq(3)').text();         
webucoz_grups = $(this).parent().find('td:eq(4)').text();         
if (i > 0) {         
$('#webucoz').append('<center><br><div class="user-avatar"><img onerror="this.src=\'http://webmaster-ucoz.ru/master/avatar.png\'" src='+webucoz_img+'></div><div class="user-login"><a href="/index/8-0-'+webucoz_username+'"><b>'+webucoz_username+'</b></a></div><font face="monospace"><div class="user-name">Дата регистрации: <b>'+webucoz_reg+'</b>, Группа: <b>'+webucoz_grups+'</b></div></font><div class="go-to-profile-o"><a href="/index/8-0-'+webucoz_username+'" class="go-to-profile">Посмотреть профиль '+webucoz_username+'</a></div><hr></center>')}         
else{}         
});         
</script>
<?endif?>
<?if($URI_ID$ = "usersBanList")?>
<script type="text/javascript">         
$('.uTable tr').find("td:eq(0)").each(function(i,data) {         
blockedsiteuser_nar = $(this).parent().find('td:eq(0)').text();         
blockedsiteuser_admin = $(this).parent().find('td:eq(1)').text();         
blockedsiteuser_pr = $(this).parent().find('td:eq(2)').text();         
blockedsiteuser_n = $(this).parent().find('td:eq(3)').text();
blockedsiteuser_k = $(this).parent().find('td:eq(4)').text();         
if (i > 0) {         
$('#blockedsiteuser').append('<table class="classU" width="100%"><tr>Никнейм: <a style="color:#0080DD;" href="/index/8-0-'+blockedsiteuser_nar+'"><b>'+blockedsiteuser_nar+'</b></a><br>Модератор выдавший бан: <a style="color:#770000;" href="/index/8-0-'+blockedsiteuser_admin+'"><b>'+blockedsiteuser_admin+'</b></a><br>Причина бана: <b style="color:#D70000;">'+blockedsiteuser_pr+'</b><br>Дата начала бана: <b>'+blockedsiteuser_n+'</b><br>Дата окончания бана: <b>'+blockedsiteuser_k+'</b></tr></table><hr>')}         
else{}         
});         
</script>         
<?endif?>
<script type="text/javascript">$('.uTable td:nth-child(1):not(tr:nth-child(1) td:nth-child(1))').each(function(){if($(this).children().length < 1){$(this).append('<span class="user_avatar"><img src="http://webmaster-ucoz.ru/master/avatar.png"></span>');}});</script>
<script type="text/javascript">         
$.get('/forum', function(next){         
$("#lastUserLink").html( $(".lastUserLink", next).html() );         
});         
</script>

Настройки:

Идем в панель управления сайта ➙ Пользователи ➙ Настройки модуля ➙ Информация, выводимая на странице со списком пользователей и делаем все как показано на скриншоте:


Внимание: Вывод должен быть пронумерован как на скриншоте (то есть 1 - аватар, 2 - Логин и т.д).

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 01.11.2016 в 09:00
Материал просмотрен: 1442 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 14 комментариев

Пожаловаться
Сказать спасибо

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


avatar
qweq qeqe @Start 02.11.2016 10:581
0
Ромчик, можно как-то сделать в 2 колонки? а так красиво смотрится...
Ромчик
Честно говоря, я хотел сделать в две колонки, но у меня не получилось
Annuhka
Anna @Annuhka 02.11.2016 11:492
0
Странно, у меня вообще ничего не меняется, хотя все по инструкции делаю - ничего не понимаю. А так идея красивая...очень даже ничего!
Ромчик
Давайте ссылку на сайт, где установлен данный скрипт
StimuL
Геннадий @StimuL 02.11.2016 20:013
0
очень хорошо смотрится like , а две колонки было очень неплохо)
Ромчик
Рад что Вам понравилось! Написал выше, в 2 колонки у меня не получилось сделать(
uGarts[Krixys]
#webucoz center{display:inline-block;width:50%}
Valera_Ragozin
Крутов вид, спасибо! Мне кажется навряд ли получится сделать в 2 колонки
iMadeas
Madeas Gaming @iMadeas 05.11.2016 20:479
+1
Нет ничего невозможного) Для реализации двух колонок можно использовать свойство columns или vertical-align. Естественно придется задать и несколько других переменных.
Пример реализации Список пользователей сайта madeas.ru.
Admin
Ну может тогда поделитесь куском кода?
1 2 »
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта