Социальные кнопки в панели пользователя

Тема в разделе "Инструкции и основная информация", создана пользователем Next, 27.04.16.

  1. Next

    NextАдминистратор

    Сообщения:
    6.785
    Репутация:
    85
    Рейтинг:
    +654 / -0
    Добавляем социальные кнопки в панели пользователя.

    1.jpg

    В шаблоне PAGE_CONTAINER находим:
    Код:
    <head>
    ниже добавляем
    Код:
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
    Создаем шаблон, например extraContactInfo и в него добавим следующий код
    Код:
    <div align="center" class="extraContactInfo">
                <xen:if is="{$user.customFields.infoSkype}">
        <a href="skype:{$user.customFields.infoSkype}?chat" class="Tooltip" title="Добавить в контакты Skype" target="_blank" ><i class="fa fa-skype fa-lg fa-fw"></i></a>
        </xen:if>
                <xen:if is="{$user.customFields.infoTwitter}">
        <a href="{$user.customFields.infoTwitter}" class="Tooltip" title="Посмотреть страницу в Twitter" target="_blank" ><i class="fa fa-twitter fa-lg fa-fw"></i></a>
        </xen:if>
               <xen:if is="{$user.customFields.infoVK}">
        <a href="{$user.customFields.infoVK}?rel=author" class="Tooltip" title="Посмотреть страницу в Контакте" target="_blank" ><i class="fa fa-vk fa-lg fa-fw"></i></a>    
        </xen:if>
               <xen:if is="{$user.customFields.infoGoogleplus}">
        <a href="{$user.customFields.infoGoogleplus}?rel=author" class="Tooltip" title="Посмотреть страницу в Google+" target="_blank" ><i class="fa fa-google-plus fa-lg fa-fw"></i></a>
        </xen:if>
    </div>
    
    В шаблоне message_user_info в самом низу перед последним </xen:if> добавляем
    Код:
    <xen:include template="extraContactInfo" />
    Создаем дополнительные поля для контактов
    Код:
    Сайт/admin.php?user-fields/add
    Где infoSkype это ID поля
     
    • Мне понравилось Мне понравилось x 2
    • Ажзакрай

      АжзакрайНовичок

      Сообщения:
      94
      Репутация:
      8
      Рейтинг:
      +10 / -0
      Если установлены fa ico, то эта часть мануала так понимаю будет лишней.
       
    • Афоня

      АфоняНовичок

      Сообщения:
      2
      Репутация:
      5
      Рейтинг:
      +0 / -0
      Удобно спасибо )
       
    • Ажзакрай

      АжзакрайНовичок

      Сообщения:
      94
      Репутация:
      8
      Рейтинг:
      +10 / -0
      Next, Подскажи пожалуйста, как в эту модификацию можно добавить свою иконку(skype.ico к примеру), не используя библиотек fa icon?
       
    • Next

      NextАдминистратор

      Сообщения:
      6.785
      Репутация:
      85
      Рейтинг:
      +654 / -0
      Например так
      Код:
                  <xen:if is="{$user.customFields.infoTwitter}">
          <a href="{$user.customFields.infoTwitter}" class="Tooltip" title="Посмотреть страницу в Twitter" target="_blank" ><img src="ссылка на иконку" ></a>
          </xen:if>
       
      • Мне понравилось Мне понравилось x 1
        Последнее редактирование: 24.08.16
      • Ажзакрай

        АжзакрайНовичок

        Сообщения:
        94
        Репутация:
        8
        Рейтинг:
        +10 / -0
        Next, Возможно что-то не правильно делаю, но ломается все.
         

        Вложения:

        Последнее редактирование модератором: 24.08.16
      • Next

        NextАдминистратор

        Сообщения:
        6.785
        Репутация:
        85
        Рейтинг:
        +654 / -0
        Код поправил. Иконки лучше использовать 16x16
         
        • Мне понравилось Мне понравилось x 1
        • sery2013

          sery2013Участник

          Сообщения:
          158
          Репутация:
          8
          Рейтинг:
          +7 / -3
          Не отображается ничего после установки, хоть и данные все указаны
           

          Вложения:

        • Next

          NextАдминистратор

          Сообщения:
          6.785
          Репутация:
          85
          Рейтинг:
          +654 / -0
          Настройки стиля: Элементы сообщений - Отображать дополнительные поля, стоит галочка?
           
        • sery2013

          sery2013Участник

          Сообщения:
          158
          Репутация:
          8
          Рейтинг:
          +7 / -3
          Да все это есть,проверял уже не раз
           

          Вложения: