Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
Видоизменение списка пользователей (/index/15)
+

Достаточно трудно в uCoz изменить стандартный список пользователей, а некоторым и не по силам. Теперь, всё за вас сделает наш скрипт.

* NiceForms(взят стиль с вконтакте.ру)
* Красивый и аккуратный поиск
* Удобный список пользователей
* и многое другое...

Для начала заходим:

Админ- панель » Пользователи » Настройка модуля и настраиваем всё точь в точь, как на скрине:

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


Code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Список пользователей</title>
</head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>
<script type='text/javascript' src='http://ucodes.ru/js/uCodes_select.js'></script>
<link rel='stylesheet' type='text/css' href='http://ucodes.ru/js/select.css'/>
<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>
<body>
<div style="display:none;" align="center">$BODY$</div>
<table width="100%"><tr><td align="left" valign="top"><div style="background:#f6f6f6;padding:6px;border:1px solid #e1e1e1;"><table width="100%"><tr><td align="left" id="nument" valign="top"><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?></td><td width="25%" align="right" valign="top">$PAGE_SELECTOR$</td></tr></table></div><div style="margin-bottom:4px;"></div><div id="0ent"></div><div id="uCodes"></div></td>
<td width="30%" align="left" valign="top">
<div style="margin-left:7px;"><div id="nameS">Ник пользователя:</div>$SEARCH_FORM$</div>
</td>
</tr>
</table>

<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>
</td></tr>
</table>
</body>
</html>

Вот и всё=]

Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.

При копировании материала указываем источник ucods.3dn.ru

Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Lex@
Дата добавления: 09.03.2011 в 18:30 по МСК
Категория: Пользователи
Просмотров: 8950
Комментариев: 14
Эмоций:
  • Оценки читателей

    ЗАКРЫТЬ
    • 0 Лайк
    • 0 Лавки
    • 0 Ахахах!
    • 0 Ого!
    • 0 Восторг
    • 0 Печаль
    • 0 Грусняшь

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Muşatinu
10.05.2014 | # |№14
Как сделать так, чтоб у noavatar была ссылка http://site/images/$GROUP_ID$.png.
так чтоб у всех группы были свои собственные noavatar

WolFoX
19.07.2013 | # |№13
А каи сделать, чтобы вместо пола можно было сгруппировать по рангу? И убрать подпись с полом около ника? Попыталась вставить этот кусок кода
uCodes_rank = $(this).parent().find('td:eq(5)').text();
но это ничего не дало =(

Gekko
23.10.2012 | # |№12
GLADMAN
14.09.2011 №: 10
всё сделал. однако у последнего нет ссылки ЛС. Смещение происходит когда в списке встречаешь самого себя - вроде ссылки на ЛС быть не должно, а она есть..

Такая же проблема, как это исправить?

paragogos
19.09.2011 | # |№11
почему бы не показать мне аватары???
why doesn't show me the avatars? where is the problem?

GLADMAN
14.09.2011 | # |№10
всё сделал. однако у последнего нет ссылки ЛС. Смещение происходит когда в списке встречаешь самого себя - вроде ссылки на ЛС быть не должно, а она есть..

VeT
12.09.2011 | # |№9
Необходимо настроить модуль в точности как на скрине , а именно поставить галочки и пронумеровать их (1,2,3,4,5) в соответствии со скрином!!
ТОГДА ВСЁ БУДЕТ РАБОТАТЬ!!! И АВАТАРЫ, И ЛС, И ГРУППА ПОЛЬЗОВАТЕЛЯ!

GLADMAN
11.09.2011 | # |№8
Ссылка на ЛС выводится не та. Проверьте пожалуйста.

Walfter
16.07.2011 | # |№7
http://ucodes.ru/js/darr_dd_out.gif Это изображение отсутствует!!!

Tommy_M
05.06.2011 | # |№6
Восстановите картинку http://ucodes.ru/js/arraw1.png

uberchel
19.05.2011 | # |№5
Все потому что, вы ниследавали настройкам.

bars
06.04.2011 | # |№4
а у меня всё получилось, даже доработал, что б дата регистрации и ранг показывался, вот только картинка ранга не выходит, может подскажете?

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_datareg = $(this).parent().find('td:eq(6)').text();
uCodes_rank = $(this).parent().find('td:eq(5)').text();
uCodes_group = $(this).parent().find('td:eq(3)').text();
uCodes_gender = $(this).parent().find('td:eq(4)').text();


kost
22.03.2011 | # |№3
да и аватары пользователей тоже не отображаются, кроме одного единственного

хотя у этого сайта всё нормально


kost
22.03.2011 | # |№2
Группа пользователя в поиске не отображается

Kontur
21.03.2011 | # |№1
тоже с ошибками