Пользователи, недавно побывавшие на форуме(Dana Domirani)

зашла на форум и постеснялась спросить   ))но очень понравилось  ))можно ли узнать как сделать такую красоту?)  

http://j-p-g.net/if/2014/07/17/0495225001405623017.png

Сделаю вариант для BB2, подождите, пожалуйста   

Dana Domirani,     спасибо)

Dana Domirani, накрутила намутила и кажись получилось))) http://j-p-g.net/if/2014/07/20/0493176001405847803.png
п.с. не совсем то вышло ...

У Вас отлично получилось!   

Что касается вывода списка последних посетителей на главной странице. Там скриптом подхватывается список с первых двух страниц "Пользователей" (соответственно, в ПА > Пользователи > Особые права доступа > Права доступа > Пользователи должно быть указано "Гости").

1) Откройте шаблон memberlist_body (Список пользователей). Если он у Вас ранее не редактировался, то просто удалите строку

Код:

<th class="thTop" nowrap="nowrap">{L_AVATAR}</th>

и замените фрагмент

Код:

<td class="{memberrow.ROW_CLASS}" align="center"><div class="avatar mini"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a></div></td>
<td class="{memberrow.ROW_CLASS}" align="center"><span class="gen"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></span></td>


на

Код:

<td class="{memberrow.ROW_CLASS}" align="center"><div class="avatar mini"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG}</a><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></td>

Сохраните, опубликуйте (!).



2) В шаблоне index_body (Главная страница) замените

Код:

{L_CONNECTED_MEMBERS}

на

Код:

<tr><td class="row1"><p>Пользователи, последними заглянувшие на форум:<p/><div id="res" class="roq"></div><div id="res2" class="roq"></div></td></tr>

Сохраните, опубликуйте (!).



3) В Управлении кодами Javascript добавьте скрипт

Код:

jQuery(document).ready(function() {
     jQuery("#res").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username .avatar.mini");
     jQuery("#res2").load("/memberlist?mode=lastvisit&order=DESC&start=30&username .avatar.mini");
});

Примечание: вот в этой строке

Код:

/memberlist?mode=lastvisit&order=DESC&start=20&username .avatar.mini

число 20 соответствует кол-ву пользователей, которое выводится на странице. Если у Вас оно другое, укажите именно его.



4) Добавить CSS:

Код:

/* последние посетители - основные настройки */
.roq .avatar.mini {
width: 150px !important; /* ширина */
height: 50px !important; /* высота */
line-height: 50px !important; /* интерлиньяж, совпадает с высотой */
vertical-align: middle !important;
padding: 3px; /* внутр. отступ */
margin: 0 5px 5px 0; /* отступ справа + снизу */
float: left; /* выравнивание по левому краю */
overflow: hidden !important; /* скрывать лишний контент */
text-overflow: ellipsis !important; /* скрывать лишний текст + добавить многоточие */
white-space: nowrap !important; /* ник принудительно в одну строку */
border: 1px solid #9DC0D5; /* обводка */
}

/* последние посетители - текст ника */
.roq .avatar.mini a, .roq .avatar.mini a strong {
color: #000 !important;
text-decoration: none !important;
}

/* последние посетители - аватар */
.roq .avatar.mini img {
display: block;
float: left;
width: auto;
height: 44px; /* высота */
vertical-align: middle;
margin-right: 5px; /* отступ справа */
padding: 2px; /* отступ между картинкой и обводкой */
border: 1px solid #DDD; /* обводка */
}

/* последние посетители - фон при наведении */
.roq .avatar.mini:hover {
background-color: #9DC0D5;
color: #fff;
}

/* последние посетители - текст ника при наведении */
.roq .avatar.mini:hover a, .roq .avatar.mini:hover a strong {
color: #fff !important;
text-decoration: none !important;
}

/* последние посетители - аватар при наведении */
.roq .avatar.mini:hover img {
border: 1px solid #fff; /* обводка */
}

Dana Domirani, получилось))))у меня почти также мысли с кодами сошлись)))только в ява скрипте я застряла )спасибо большое    

Не за что! Очень рада!