1. Рады видеть Вас на XenforoTest!

    У нас Вы можете скачать:

    Перед регистрацией рекомендую ознакомиться

    с Условиями скачивания определённых плагинов и Правилами форума.

    Присоединяйтесь! Учите и обучайтесь!

    Скрыть объявление

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

Выводим дополнительные поля Skype, VK, WM и Steam

  1. grisha2217
    Данная инструкция поможет вам вывести иконки скайпа, ВК, Стима и Вебмани (другие по желанию).
    Будем использовать стандартные возможности движка Xenforo и библиотеку FontAwesome
    Подключение FontAwesome:BootstrapCDN by MaxCDN

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

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

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

    Заголовок - Страница Вконтакте
    Описание -Напишите в это поле ссылку на вашу страницу без vk.com. Например: id1 или короткий адрес страницы (без VK mobile version !!!)
    Место отображения - Контактная информация
    Настройки текстовых полей
    Требования для совпадения значений: Регулярка:
    ^[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;
    }
    

    Изображения

    1. Screenshot3.png
    2. Screenshot_5.png
    Len, avdval, SOUL и ещё 1-му нравится это.

Пoследние рецензии

  1. Len
    Len
    5/5,
    Версия: 2016-01-09
    Отлично!
Rambler's Top100 Яндекс.Метрика INTERKASSA
XenforoTest.ru