можно ли сделать "Виджет топ пользователей"с аватаркой

Привет,есть ли вариант сделать виджет топ пользователей и т.д с аватаркой этого самого пользователя?

Мне тоже интересно . Было бы хорошо если можно .

я уж и не надеюсь, что на Инвизион возможно, но присоединяюсь)

меня для второго бобика интересует

У меня тоже bb2
Не ужеле это не воплотить в жизнь?

Можно. Ждите, пишу инструкцию.

Вот спасибо огромное))))))))))))

Мне тоже интересно! Тоже хотел бы увидеть инструкцию и готовый вариант, как пример.

Вариант для BB2. Оформление дефолтное:



Внимание: если на вашем форуме гостям запрещено просматривать профили пользователей (ПА > Пользователи > Особые права доступа > Посмотреть профиль), то и аватар в виджете они не увидят:



На форуме в нижеизложенном туториале активирован режим развернутого профиля (ПА > Пользователи и группы > Профили > Общие настройки - Активировать развернутый профиль)
Если у Вас другой режим, то скрипт надо будет переделать (об этом позже).

1) Откройте ПА > Оформление > Шаблоны - Портал > mod_top_posters (Самые активные пользователи)
Замените фрагмент

Код:

<tr>
<td class="{POSTER.ROW_CLASS} genmed" width="1%">{POSTER.NAME}</td>
<td class="{POSTER.ROW_CLASS}" nowrap="nowrap" title="{POSTER.NB_POSTS}">{POSTER.BARRE}</td>
</tr>

на

Код:

<tr>
<td class="{POSTER.ROW_CLASS}genmed topusava">{POSTER.NAME}
<div title="{POSTER.NB_POSTS}">{POSTER.BARRE}</div><br />
</td>
</tr>


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

2) В ПА > Модули > Управление кодами JS укажите Активировать управление кодами JS : да
Создайте новый файл и заполните следующим образом:
Название: любое, например, Ава в топе
Расположение: на всех страницах
Код:

Код:

$(document).on('ready', function() {

$('.topusava a').each(function () {

var avaimg = $(this).attr('href');

$(this).prepend('<span class="tpsava"></span>');
$(this).children('.tpsava').load(avaimg + ' .forumline .row1.gensmall[align="center"]:eq(0) img:eq(0)');

});

});

Сохраните.

3. В CSS добавьте настройки:

Код:

/* аватарки в топе пользователей */

.topusava {
  font-size: 11px !important;
  text-decoration: none !important;
  color: #000 !important;
}

.topusava a {
  display: block;
  height: 44px;
  line-height: 44px;
  padding: 0;
}

.tpsava {
  display: block;
  float: left;
  width: 44px;
  height: 44px;
  margin-right: 10px;
}

.tpsava img {
  width: 40px;
  height: 40px;
  padding: 1px;
  margin: 0 5px;
  vertical-align: middle;
  border: 1px solid #DDD;
}

/* пустая аватарка */
.tpsava:empty {
  background: transparent url(http://i56.servimg.com/u/f56/15/82/36/69/questi10.png) no-repeat center;
}


Сохраните.

вот что получается)))

криво встает))Сам виджет)

Спойлер:

с права нормально ,а вот при попытке слева поставить все карежет!И еще, а как цвет фона виджета изменить?

Вот что должно получится:


Виджет слева. Ничего не корежит.

Надо посмотреть вживую Ваш пример.

Посмотрите пожалуйста!
у меня две колонки виджетов
И когда вставляю в левую колонку то он встает сверху форума!
А остальные виджеты встают нормально!
Вот мои форум Тык

Еще раз отредактируйте шаблон по туториалу, пожалуйста. Пропущен тег </tr>

Dana,спасибо!Проблема решена!Но есть вопрос,есть ли возможность изменить фон виджета?(цвет)

Есть ли возможность изменить фон виджета?(цвет)

В том же шаблоне виджета замените

Код:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

на

Код:

<table class="forumline mod_topava" width="100%" border="0" cellspacing="1" cellpadding="0">

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


В CSS добавьте

Код:

table.mod_topava { 
background-color: #32cd32;
}

и замените #32cd32 на свой цвет.

Спасибо огромное