Мануал Вывод контактов (Skype, VK, WM и Steam в профиль) 2016-01-09

Нет прав для скачивания
Выводим дополнительные поля Skype, VK, WM и Steam
Данная инструкция поможет вам вывести иконки скайпа, ВК, Стима и Вебмани (другие по желанию).
Будем использовать стандартные возможности движка Xenforo и библиотеку FontAwesome
Подключение FontAwesome:

Пожалуйста, Войдите или Зарегистрируйтесь, что бы увидеть скрытый контент.


1. АЦ - Пользователи - Дополнительные поля пользователей
Создать новое поле, заполняем информацию:
1. Steam
Основная информация

ID - steam
Заголовок - Steam Профиль
Описание: Введите полную ссылку на ваш Steam профиль. Например:

Пожалуйста, Войдите или Зарегистрируйтесь, что бы увидеть скрытый контент.


Место отображения - Контактная информация
Настройки текстовых полей
Тип поля - текстовое поле одной строкой
Требования для совпадения значений: URL
Основные настройки
Ставим так галочки у всех доп. полей: (ВЕЗДЕ УКАЗЫВАЕМ ВЫВОД ПОД АВАТАРОМ)

HTML:
HTML:
<a href="{$value}" title="Steam профиль {$value}"><i class="fa fa-steam"></i></a>
2. VK
Основная информация

Заголовок - Страница Вконтакте
Описание -Напишите в это поле ссылку на вашу страницу без vk.com. Например: id1 или короткий адрес страницы (без

Пожалуйста, Войдите или Зарегистрируйтесь, что бы увидеть скрытый контент.

!!!)
Место отображения - Контактная информация
Настройки текстовых полей
Требования для совпадения значений: Регулярка:
^[a-zA-Z0-9-_.,@:]+$
Макс длина - 20

Основные настройки
HTML:
HTML:
<a href="https://vk.com/{$value}" title="Страница Вконтакте {$value}"><i class="fa fa-vk"></i></a>

3. Skype
Заполняется аналогично, та же самая регулярка, макс длина 20
HTML:
HTML:
<a href="skype:{$value}?add" title="Скайп {$value}"><i class="fa fa-skype"></i></a>
4. Webmoney
ID поля: webmoney__your_wmid
Webmoney | Ваш WMID
Введите свой WMID, состоящий из 12 цифр
Контактная информация
Требования для совпадения значений: Число
Макс длина - 12
HTML:
HTML:
<a href="http://passport.webmoney.ru/asp/certview.asp?wmid={$value}" rel="nofollow" target="_blank"><img class="wm" src="/путь_к_картинке/wm.png" alt="Центр аттестации Webmoney: {$value}" /></a>

=====================
В шаблоне message_user_info находим:
Код:
        <xen:foreach loop="$userFieldsInfo" key="$fieldId" value="$fieldInfo">
           <xen:if is="{$fieldInfo.viewable_message} AND ({$fieldInfo.display_group} != 'contact' OR {$user.allow_view_identities} == 'everyone' OR ({$user.allow_view_identities} == 'members' AND {$visitor.user_id}))">
             <xen:if hascontent="true">
               <dl class="pairsJustified userField_{$fieldId}">
                 <dt>{xen:helper userFieldTitle, $fieldId}:</dt>
                 <dd><xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
               </dl>
             </xen:if>
           </xen:if>
         </xen:foreach>
Меняем на:
Код:
        <div class="imicons_box">
           <xen:foreach loop="$userFieldsInfo" key="$fieldId" value="$fieldInfo">
             <xen:if is="{$fieldInfo.viewable_message} AND ({$fieldInfo.display_group} != 'contact' OR {$user.allow_view_identities} == 'everyone' OR ({$user.allow_view_identities} == 'members' AND {$visitor.user_id}))">
               <xen:if hascontent="true">
                 <xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck>
               </xen:if>
             </xen:if>
           </xen:foreach>
         </div>
В EXTRA.css:
Код:
.imicons_box .wm {
   margin: 2px 0 -1.1px;
   height:13px;width:13px
}
.imicons_box {
   padding: 5px;
   margin: 2px 0 -1px;
}
.imicons_box a {
   margin: 0 3px;
}
.imicons_box a i {
   font-size: 14px
}
.imicons_box a:hover i.fa.fa-vk {
   color: #65AAC5;
}
.imicons_box a:hover i.fa.fa-skype {
   color: #38D0FF;
}
Автор
grisha2217
Скачиваний
23
Первый выпуск
Обновление
Рейтинг
5,00 звезд Оценок: 1

Поделиться этим ресурсом

Последние отзывы

  • Len
  • 5,00 звезд
  • Версия: 2016-01-09
Отлично!