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

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

  1. Next

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

    Сообщения:
    5.605
    Репутация:
    73
    Рейтинг:
    +564 / -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
  2. Ажзакрай

    Ажзакрай Участник

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

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

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

    Ажзакрай Участник

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

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

    Сообщения:
    5.605
    Репутация:
    73
    Рейтинг:
    +564 / -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
  6. Ажзакрай

    Ажзакрай Участник

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

    Вложения:

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

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

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

    sery2013 Участник

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

    Вложения:

  9. Next

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

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

    sery2013 Участник

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

    Вложения: