Вид страницы со списком пользователей для uCoz - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 5
Гостей: 5
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


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

Установка:
 
Идем в панель управления сайтаДизайнУправления дизайномСтраница со списком пользователей и перед вставляете:
Code
<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>

Далее на этой же странице находите находите такой кусок кода:
Code
<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>

и заменяете его на:
Code
<?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> вставляете:
Code
<?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>

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

Скриншот
 

Важно!

При копировании материала указывать ссылку на источник.

- 621
- 03-Ноября-2016
- 0
Материал разместил:

Похожий материал
Похожего материала не найдено...
Статьи сайта