Страница со списком пользователей для uCoz
827материалов
228тем на форуме
3004комментария
6159пользователей

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


Комментарий автора:

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

Установка:

Идем в панель управления сайтаДизайнУправления дизайном ➙ Страница со списком пользователей и перед </head> вставляете:
Код
<style>
.userprofile, .userprofile:hover{width:153px;text-transform:uppercase;font-weight:bold;color:#0080DD;border:2px solid #0080DD;text-decoration:none;display:inline-block;padding:4px 12px;margin-right:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.userprofile:hover{background:#0080DD;color:#FFF;}
select[name=w], select[name=gender], select[name=group], select[name=sort], select[name=res]{font-size:13px;}
input[name=ban]{display: none}
@media only screen and (max-width: 1160px) {.poisk_forma {display: none;}}
@media only screen and (max-width: 960px) {.poisk_forma {display: none;}}
@media only screen and (max-width: 640px) {.poisk_forma, .userprofile {display: none;}}
img [src="http://s5.ucoz.net/img/ma/e1.gif"]{display: none;}
</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($NUM_ENTRIES$%10=0||$NUM_ENTRIES$%10>4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>о<?else?><?if($NUM_ENTRIES$%10=1)?><?else?>a<?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?>
<hr class="poisk_forma">
<div class="poisk_forma" style="box-sizing: border-box; padding: 5px 5px 5px 5px; border-radius: 2px; position: relative; margin-bottom: 10px; margin-top: 0px; font-size: 15px; line-height: 24px; -webkit-margin-before: 0em !important; background:#D1E9FE"><div style="text-align: center;">$SEARCH_FORM$</div></div>            
<hr>
<div style="display:none;" align="center">$BODY$</div>
<div id="webucoz"></div>
$PAGE_SELECTOR$

И перед </body> вставляете:
Код
<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();            
webucoz_forum = $(this).parent().find('td:eq(5)').text();
$(document).ready(function() {$('.uTable').find('.uPM').each(function(i,data) {            
$('.test').eq(i).html('<a href="'+$(this).attr('href')+'">Отправить сообщение</a>');            
});});            
if (i > 0) {            
$('#webucoz').append('<table class="classU" width="100%"><tr><td align="left" valign="top"><div class="avaID" align="left"><img class="uImg" style="margin-right:5px;" onerror="this.src=\'http://webmaster-ucoz.ru/master/avatar.png\'" width="60" src='+webucoz_img+'></div></td><td width="80%" align="left" valign="top"><a style="color:#0080DD;" href="/index/8-0-'+webucoz_username+'"><b>'+webucoz_fullname+'</b></a><div style="padding-top:2px;"></div>Ник на сайте: <b>'+webucoz_username+'</b><div style="padding-top:2px;"></div>Дата регистрации: <b>'+webucoz_reg+'</b><div class="upD"></div></td><td width="20%" align="left" valign="top"><div id="navigate_webucoz" style="margin-top:15px;"><a href="/index/8-0-'+webucoz_username+'" class="userprofile">Перейти к профилю</a><span class="getid"></span></div></td></tr></table><hr>')}            
else{}            
});            
</script>

Настройки:

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


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

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

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

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

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


Sergey
Отличны материал, очень красиво вписался в мой дизайн. Спасибо!
Romchik
Всегда пожалуйста)
nuriman2015
Анатолий @nuriman2015 05.10.2015 11:214
0
не видно фотографий как исправить
nuriman2015
Анатолий @nuriman2015 05.10.2015 11:387
0
все как вы показали стоит
nuriman2015
Анатолий @nuriman2015 05.10.2015 11:366
0
стоит как здесь
Romchik
Ссылку на сайт дайте, я посмотрю что не так
Romchik
Вы сначала код в порядок приведите. У Вас есть картинки, но они очень маленькие http://f4.s.qip.ru/TWijOeK5.png
nuriman2015
Анатолий @nuriman2015 05.10.2015 11:4811
0
как увеличить? картинки
Romchik
Уберите этот код:
Код
<style>
  .classU{padding:6px;border:1px solid #d4d2d2;background:#FFF;font-family:tahoma;}
  * {margin:0;padding:0;}
  body {background:#f1f1f1;margin:15px;font:11px tahoma;}
  td {font:11px tahoma;}
  img {border:0;vertical-align:bottom;}
  #nameS{color:#45688e;font-weight:bold;border-bottom:1px solid #dae1e8;padding:4px;font-size:12px;text-shadow: 0.1em 0.1em 0.05em rgb(255, 255, 255);}
  #navigate_ucodes {margin: 0px;padding: 0px 5px;background: white;}
  #navigate_ucodes a {margin: 0px;padding: 5px;display: block;background: white;color:#2b587a;text-decoration:none;border-bottom: solid 1px #CCD3DA;font-size:12px;}
  #navigate_ucodes a:hover {text-decoration: none;background-color: #33558c;color:#FFF;}
  select {border: 1px solid #bdc7d8;padding: 2px;font-size: 11px;font-family: tahoma, verdana, arial, sans-serif, Lucida Sans}
  input[type="text"],
  input[type="search"],
  input[type="password"],
  input[type~="text"],
  input[type~="search"],
  input[type~="password"] {border: 1px solid #C0CAD5;padding: 3px;font-size: 11px;font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans;}
  input[type="submit"],
  input[type="button"],
  input[type~="submit"],
  input[type~="button"] {font-size:11px;font-family:tahoma;padding:3px;text-align:center;}
  .typeV{background:#FFF;padding:5px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;font-size:12px;font-weight:bold;margin-left:7px;}
  .typeV2{background:#FFF;padding:5px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;font-size:12px;font-weight:bold;}
  .swchItem,.swchItemDots{background:#FFF;padding:5px;border:1px solid #e1e1e1;text-decoration:none;color:#aba9a9;font-size:12px;}
  .swchItemA{background:#FFF;padding:5px;border:1px solid #e1e1e1;text-decoration:underline;color:#aba9a9;font-size:12px;font-weight:bold;}
  </style>
  <script type='text/javascript' src='http://ucodes.ru/js/uCodes_select.js'></script>
nuriman2015
Анатолий @nuriman2015 05.10.2015 11:5314
0
убрал
Romchik
И этот код:
Код
<script type="text/javascript">
  $('input[name="subm"]').attr({value:'Поиск'})
  $('input[name="user"]').each(function() {
  $(this).css({width:'192px',margin:'7px'});
  });
  $('select[name="w"],select[name="sort"],input[name="ban"]').hide();
  $('input[name="user"]').after('<div id="nameS">Выберите пол:</div>');
  $('select[name="gender"]').after('<div id="nameS">Группа:</div>');
  $('select[name="group"]').after('<div id="nameS">Кол-во результатов:</div>');
  $('.uTable tr').find("td:eq(0)").each(function(i,data) {
  uCodes_img = $(this).find('img').attr('src');
  uCodes_username = $(this).parent().find('a').text().replace(/-/gi,'~');
  uCodes_fullname = $(this).parent().find('td:eq(2)').text();
  uCodes_group = $(this).parent().find('td:eq(3)').text();
  uCodes_gender = $(this).parent().find('td:eq(4)').text();
  $(document).ready(function() {$('.uTable').find('.uPM').each(function(i,data) {
  $('.test').eq(i).html('<a href="'+$(this).attr('href')+'">Отправить сообщение</a>');
  });});
  if (i > 0) {
  $('#uCodes').append('<table class="classU" width="100%"><tr><td align="left" valign="top"><div class="avaID" align="left"><img class="uImg" style="margin-right:5px;" onerror="this.src=\'http://ucodes.ru/images/noava.png\'" width="60" src='+uCodes_img+'></div></td><td width="80%" align="left" valign="top"><a style="color:#333;" href="/index/8-0-'+uCodes_username+'">'+uCodes_username+'</a> ['+uCodes_gender+']<div style="padding-top:2px;"></div>Полное имя: <b>'+uCodes_fullname+'</b><div style="padding-top:2px;"></div>Группа: <b>'+uCodes_group+'</b><div class="upD"></div></td><td width="20%" align="left" valign="top"><div id="navigate_ucodes"><a href="/index/8-0-'+uCodes_username+'">Перейти к профилю</a><div class="test"></div><span class="getid"></span></div></td></tr></table><br>')}
  else{}
  });
  $('select[name="gender"]').attr({id:'ourselect2'});
  $('select[name="group"]').attr({id:'ourselect3'});
  $('select[name="res"]').attr({id:'ourselect12'});
  if($('#nument').text() == '0 пользователей'){$('#0ent').html('Пользователей не найдено')}
  else{}
  </script>
nuriman2015
Анатолий @nuriman2015 05.10.2015 11:5915
0
убрал
1 2 3 »
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта