Nk-CS.Ru: Все для вашего портала uCoz
Авторизация

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

Вид страницы со списком пользователей для 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>


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


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


0.0
0 оценок
0.0
Дизайн:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Функционал:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Мобильность:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Общая оценка:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
Читайте также
na3uTuB4uk
6 ноября 2016 16:58
+ 0 -
И что так каждого пользователя выводит? 1 скрин битый.
Nk-CS.Ru - The Best of Web!
Jass
6 ноября 2016 20:02
+ 0 -
Да,,, сам лично проверил,,, все как на скриншоте !!!
Jass
8 ноября 2016 21:07
+ 0 -
Для двух колонок достаточно добавить в стили код
Код
#webucoz {-moz-column-count:2;-webkit-column-count:2;column-count:2;}
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Авторизация
лучший сайт где можно скачать шаблоны для dle 11.3 бесплатно