Вид страницы со списком пользователей для uCoz
Добавлено 03.11.2016 в 18:03
Вид страницы со списком пользователей для 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 - Логин и т.д).
К материалу оставили 0 комментариев