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

Описание материала:

Отличная страница со списком пользователей для uCoz от сайта webmaster-ucoz.ru. На данной странице нет ни чего лишнего и сделано она стильно и красиво. Что из себя представляет страница: с левой стороны расположился аватар пользователя, чуть правее в вертикальной положение расположились: имя пользователя, его ник и дата регистрации. Страница очень проста в установке и не потребует скачивания с сайта.

Установка:
1. Идем в ПУ - Управления дизайном - Страница со списком пользователей и перед вставляете:

Код
<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>

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

3. И перед вставляете:
Код
<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://internetempire.ru/ava/coll3/avatar_4.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>


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


Готова!


Установка материала

Мы поможем установить данный материал к Вам на сайт

Источник

Материал взят со стороннего ресурса и был проверен нами


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 1409


Поделиться в соц. сетях:

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Комментариев к материалу: 0
avatar