Современный облачный хостинг провайдер | Aéza
Контакты ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430
Иконка ресурса

Отображение аватаров в блоке "Команда форума в сети"

Обзор Обновления (1) Обсуждение
Hope

Hope

Premium
Сообщения
48,305
Решения
22
Реакции
71,885
Баллы
40,905
Пользователь Hope разместил новый ресурс:

Отображение аватаров в блоке "Команда форума в сети" - Отображение аватаров в блоке "Команда форума в сети"

​
В шаблон extra.css добавляем:
Код: 
.sidebar .avatarListInline li
{
overflow: hidden; zoom: 1;
float:left;
margin: 5px 0 0 0;
width:25%;
}


В шаблоне sidebar_online_users находим:


Код: 
<xen:if hascontent="true">
<!-- block: sidebar_online_staff -->
<div class="section staffOnline avatarList">
<div class="secondaryContent">
<h3>{xen:phrase staff_online_now}</h3>
<ul>
<xen:contentcheck>
<xen:foreach loop="$onlineUsers.records" value="$user">
<xen:if...
Нажмите для раскрытия...

Узнать больше об этом ресурсе...
 
Последнее редактирование:
Нельзя ли подправить для версии 1.5?
 
Класное дополнение.Всё работает.
 
В ВиджетФреймворк, чуть другой шаблон и содержание, не торопитесь делать.
Ддя него будет другой код.
 
не мужики если вы про меня то это не UI.X, а Executive. Чуть позже выложу реализацию, хотя она и жопская)))) но работает - содрано с IPB
 
Jused написал(а):
Кто подскажет, как такое сделать?
Нажмите для раскрытия...
подожди выходных, распишу.

Сразу для команды форума и для message_user_info
.wa_frilance {
padding: 5px;
/** margin-bottom: 10px;*/
overflow: auto;
position: relative;
background: #FCFCFC;
border-radius: 3px;
border: 1px solid #EFEFEF;
}

.wa_frilance_info {
padding: 5px;
padding-left: 40px;
padding-top: 2px;
}
.left {
float: left;
}
.ipsBadge {
max-height: 15px;
display: inline-block;
line-height: 15px;
padding: 2px 6px;
border-radius: 2px;
vertical-align: middle;
font-family: "Lato",Helvetica,Arial,sans-serif;
font-size: 11px;
letter-spacing: .5px;
text-shadow: rgba(255,255,255,0.3) 0px 1px 0px;
color: #fff !important;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
padding: 3px 9px;
font-size: 10px;
}
.ipsBadge_grey {
background: #5b5b5b;
}
.ipsBadge_green{background-color: #2ecc71;}

.ipsButton_secondary {
height: 22px;
line-height: 22px;
font-size: 12px;
padding: 0 10px;
background: #f6f6f6;
border: 1px solid #E7E7E7;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
display: inline-block;
white-space: nowrap;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
.wa_frilance_port {
position: absolute;
top: 2px;
right: 40px;
padding: 0px 5px !important;
height: 20px !important;
line-height: 18px !important;
}
.wa_frilance_mon {
position: absolute;
top: 2px;
right: 71px;
padding: 0px 5px !important;
height: 20px !important;
line-height: 18px !important;
}

.wa_userinfo_bg{
height: 50px;
background: #fff !important;
background-size: 100% 100% !important;
border-radius: 2px 2px 0 0;
}
.wa_userinfo_b3
.ipsButton_secondary {
padding: 0 5px
}

.wa_userinfo {
background: #Fff;
margin:3px 0 0 3px;
border-radius: 2px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2)
}

.wa_userinfo_b1 {text-align: center;margin-top:-40px}

.wa_userinfo_b1 img {
height: 80px;
border-radius: 800px;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
border: 2px
solid #fff
}

.wa_userinfo_b2 {padding-top: 10px}

.wa_userinfo_b2
span {color: #3e3e3e;font-size:18px}

.wa_userinfo_b3 {padding-top: 5px;
margin-bottom: 12px;
margin-left: -3px;
}

.wa_userinfo_b3
span {color: #b0b4b7;font-size:11px}

.wa_userinfo_b4 {
background: #F8F8F8;
overflow: hidden;
padding: 7px;
margin-top: 5px
}
.pm_button img{
width: 20px;
}
.wa_userinfo_b4_1 {width: 50%}

.wa_userinfo_b4_m {color: #c2c4c6}




.ipsMemberList .ipsButton_secondary { opacity: 0.3; }
.ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary { opacity: 1; }
.ipsMemberList li .reputation { margin: 5px 10px 0 0; }
.ipsMemberList > li .ipsButton_secondary { margin-top: 15px; }
.ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; }
.ipsType_smallest, .ipsType_smallest a { font-size: 10px !important; }
.ipsButton_secondary a { color: #616161; }
.ipsButton_secondary:hover,
.bbc_spoiler_show:hover,
.user_controls li a:hover{
color: #4c4c4c;
background-color: #f8f8f8;
}
.ipsButton_secondary,
.bbc_spoiler_show,
.user_controls li a{
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ececec repeat-x 0 0;
border: 1px solid #d0d0d0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: #fff 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
.ipsButton_secondary a { color: #616161; }
.ipsButton_secondary:hover,
.bbc_spoiler_show:hover,
.user_controls li a:hover{
color: #4c4c4c;
background-color: #f8f8f8;
}
.ipsButton_secondary.important {
background: #ae3232 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
border: 1px solid #a22c2c;
color: #fbf4f4;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ipsButton_secondary .icon {
margin-right: 4px;
margin-top: -3px;
}

.ipsButton_secondary img.small {
max-height: 12px;
margin-left: 3px;
margin-top: -2px;
opacity: 0.5;
}
.ipsButton_secondary.important a { color: #fbf4f4; }
.ipsButton_secondary.important a:hover,
a.ipsButton_secondary.important:hover{
color: #fff;
background-color: #bb3c3c;
}

.ipsButton_secondary:active{
-webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
position: relative;
top: 1px;
}

.ipsButton_secondary img{ vertical-align: middle; margin-top: -1px; }

Вырезка для шаблона
<!-- block: sidebar_online_staff -->
<xen:if hascontent="true">
<div class="section staffOnline avatarList">
<div class="secondaryContent">
<h3><a href="{xen:link members, '', 'type=staff'}">{xen:phrase staff_online_now}</a></h3>
<ul>
<xen:contentcheck>
<xen:foreach loop="$onlineUsers.records" value="$user">
<xen:if is="{$user.is_staff}">
<li>
<div class="wa_frilance {xen:if $user.isOnline, online}">
<xen:avatar user="$user" size="s" img="true" />

<div class="wa_frilance_info">


<dl class="pairsJustified"><dt><div><a href="{xen:link members, $user}">{$user.username}</a>
<xen:if is="{$user.isOnline}">
<span class="ipsBadge ipsBadge_grey" style="/*margin-top: -4px;*/padding: 0px 3px;height: 14px;line-height: 14px;">Offline</span>
<xen:else/>
<span class="ipsBadge ipsBadge_green" style="/*margin-top: -4px;*/padding: 0px 3px;height: 14px;line-height: 14px;">Online</span>
</xen:if>
</div>
<div>{xen:helper userTitle, $user}</div>
</dt>

<dd><a href="{xen:link conversations/add, '', 'to={$user.username}'}" title="Отправить ЛС" class="pm_button ipsButton_secondary ipsType_smaller"><img src="@imagePath/email_open.png" style="width: 16px;" alt="Отправить ЛС"></a></dd>

</dl>






</div>


</div>
</li>
</xen:if>
</xen:foreach>
</xen:contentcheck>
</ul>
</div>
</div>
</xen:if>
<!-- end block: sidebar_online_staff -->

Для message_user_info после
Код: 
<xen:if is="@messageShowTotalLikes AND {$user.user_id}">
......
</xen:if>
у меня стоит такая "конструкция"
Код: 
<xen:if is="{$visitor.user_id}">
  <xen:include template="wa_ph_vk_em" />
  </xen:if>

<div class="wa_userinfo_b3">
<div style="padding-top:5px;">
<center>
<a href="{xen:link conversations/add, '', 'to={$user.username}'}" title="Отправить ЛС" class="pm_button ipsButton_secondary ipsType_smaller"><img src="@imagePath/email_open.png" alt="Отправить ЛС"></a>

<xen:if is="{$user.customFields.drive2}">
<a href="{$user.customFields.drive2}" target="_blank" class="ipsButton_secondary ipsType_smaller"><img src="@imagePath/d2.png" style="width:20px;"></a>
<xen:else />
<a style="opacity:0.2" target="_blank" class="ipsButton_secondary ipsType_smaller"><img src="@imagePath/d2.png" style="width:20px;"></a>
</xen:if>

<xen:if is="{$user.customFields.vk}">
<a href="{$user.customFields.vk}" target="_blank" class="ipsButton_secondary ipsType_smaller"><img style="width:20px;" src="@imagePath/profile_vk.png"></a>
<xen:else />
<a style="opacity:0.2" target="_blank" class="ipsButton_secondary ipsType_smaller"><img style="width:20px;" src="@imagePath/profile_vk.png"></a>
</xen:if>



</center>
</div>
</div>

Картинки прилепил, их в styles - default

Кому интересно как это все выглядит, прошу
У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация
:-)
 

Вложения

  • add.png
    add.png
    42.4 KB · Просмотры: 8
  • buttons.rar
    126.9 KB · Просмотры: 2
  • message.png
    message.png
    23.9 KB · Просмотры: 4
  • email_open.png
    email_open.png
    23.9 KB · Просмотры: 5
  • delete.png
    delete.png
    41.3 KB · Просмотры: 4
  • profile_vk.png
    profile_vk.png
    859 байт · Просмотры: 6
  • skype.png
    skype.png
    15.1 KB · Просмотры: 4
  • user_add.png
    user_add.png
    42.4 KB · Просмотры: 6
  • user_delete.png
    user_delete.png
    41.3 KB · Просмотры: 4
  • vk.png
    vk.png
    859 байт · Просмотры: 5
Последнее редактирование:
Ребята всем привет!
Вопрос по теме:
1. как добавить в шаблон "Нас посетили" (зав 24 часа) команду форума с аватарками? (в независимости онлайн или нет)

в каком шаблоне?
Что дописать?

Очень надо помогите пожалуйста.
 
Войдите или зарегистрируйтесь для ответа.
Современный облачный хостинг провайдер | Aéza
Контакты
ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430 г. Краснодар, ул. Маяковского 160, офис 2.4

Похожие темы

Stripes
  • Вопрос
XF 1.5 Где взять текст первого сообщения из тем?
Ответы
0
Просмотры
640
Stripes
Stripes
momai
  • Вопрос
XF 1.5 userTitle и userBanner в карточке пользователя
Ответы
2
Просмотры
418
Skaiman
Skaiman
xDimasx
  • Вопрос
XF 1.5 Картинки в sidebar_online_user
Ответы
1
Просмотры
440
grisha2217
grisha2217
M
Отображение аватаров в блоке "Команда форума в сети"
Ответы
0
Просмотры
267
Mirovinger
M
Velikolepniy
  • Закрыта
  • Вопрос
Решено Кому не сложно, помогите с баннером и статистикой в footer
Ответы
6
Просмотры
727
Hope
Hope
Назад
Сверху Снизу