4.1.x Популярные пользователи

Подскажите как можно оформить блок популярных пользователей в три фотографии в ряд, вместо 1 пользователя в строку?

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

подскажите где править ?

---------- Сообщение добавлено в 19:04 ---------- Предыдущее сообщение было в 03:14 ----------

Урок на жизнь - прежде чем спрашивать поковыряйте и поищите сами!
Не благодарите... )

Открываем фтп>application/modules/User/widgets/list-popular

Заменяем код:

PHP:

<?php
/**
 * SocialEngine
 *
 * @category   Application_Core
 * @package    User
 * @copyright  Copyright 2006-2010 Webligo Developments
 * @license    http://www.socialengine.net/license/
 * @version    $Id: index.tpl 7481 2010-09-27 08:41:01Z john $
 * @author     John
 */
?>

<ul>
  <?php foreach( $this->paginator as $user ): ?>
    <li>
      <?php echo $this->htmlLink($user->getHref(), $this->itemPhoto($user, 'thumb.icon'), array('class' => 'popularmembers_thumb')) ?>
      <div class='popularmembers_info'>
        <div class='popularmembers_name'>
          <?php echo $this->htmlLink($user->getHref(), $user->getTitle()) ?>
        </div>
        <div class='popularmembers_friends'>
          <?php echo $this->translate(array('%s friend', '%s friends', $user->member_count),$this->locale()->toNumber($user->member_count)) ?>
        </div>
      </div>
    </li>
  <?php endforeach; ?>
</ul>


Заменяем на:

PHP:

<?php
/**
 * SocialEngine
 *
 * @category   Application_Core
 * @package    User
 * @copyright  Copyright 2006-2010 Webligo Developments
 * @license    http://www.socialengine.net/license/
 * @version    $Id: index.tpl 7481 2010-09-27 08:41:01Z john $
 * @author     John
 */
?>

<ul>
  <?php foreach( $this->paginator as $user ): ?>
    <li>
      <?php echo $this->htmlLink($user->getHref(), $this->itemPhoto($user, 'thumb.icon'), array('class' => 'popularmembers_thumb')) ?><br>
      <div class='popularmembers_info'>

        <div class='popularmembers_friends'>
          <?php echo $this->translate(array('%s friend', '%s friends', $user->member_count),$this->locale()->toNumber($user->member_count)) ?>
        </div>
      </div>
    </li>
  <?php endforeach; ?>
</ul>


Открываем фтп>application/modules/User/externals/styles
файл - main.css

Находим строки:

.layout_user_list_popular > ul

и

.layout_user_list_popular > ul > li

вместо них вставляем:

.layout_user_list_popular > ul
{
+foreground;
+rounded;
padding: 5px;
height:125px;

}
.layout_user_list_popular > ul > li
{
float:left;
overflow: hidden;
padding: 1px 3px 1px 3px;
}

----------

Было:

Стало:



Правда проблема с высотой. установлена фиксированная высота блока, как сделать по другому не догадался

пользуемся

а в класе .layout_user_list_popular добавить высоту не пробовал? у меня так получилось )

А подробнее можно?

я сделал вывод информации при наведении на фото и с высотой не надо мучиться!)