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

[Mirovinger]

<div align="center" class="extraContactInfo">
        <xen:if is="{$user.customFields.infoVk}">
    <a href="{$user.customFields.infoVk}" class="Tooltip" title="Посмотреть страницу в ВКонтакте" target="_blank" ><i class="fa fa-vk fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoTelegram}">
    <a href="tg://resolve?domain={$user.customFields.infoTelegram}" class="Tooltip" title="Посмотреть страницу в Telegram" target="_blank" ><i class="fa fa-telegram fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoSkype}">
    <a href="skype:{$user.customFields.infoSkype}?add" class="Tooltip" title="Посмотреть страницу в Skype" target="_blank" ><i class="fa fa-skype fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoSteam}">
    <a href="{$user.customFields.infoSteam}" class="Tooltip" title="Посмотреть страницу в Steam" target="_blank" ><i class="fa fa-steam fa-fw"></i></a>
    </xen:if>
</div>

 

[BIOMOND]

Как в первом посте написано. Когда добавлял Телеграмм, делал за примером Google+

так же хочу добавить по поводу стиля для этих кнопок, хотелось бы их как-то "прихорошить", придать вид под профилем, чтоб все ровно было.
Поэтому в шаблоне message_user_info.css
после
.messageUserBlock .extraUserInfo img
{
max-width: 100%;
}
добавил
.extraContactInfo .Tooltip
{
padding: 2px 1px 0;
}
правильное ли это решение ?

1. Id доп. поля точно infoTelegram ?
2. По поводу добавленного. Все делается через extra.css , не имейте привычки руками шаблоны ковырять.

 

[FDGod]

1. Id доп. поля точно infoTelegram ?
2. По поводу добавленного. Все делается через extra.css , не имейте привычки руками шаблоны ковырять.

1. Да
2. Ведь знал что в EXTRA.css надо добавлять

сам код, хоть правильный ?

 

[Mirovinger]

Код я скорректировал, но я не знаю, что будет в поле вписываться?

 

[FDGod]

<div align="center" class="extraContactInfo">
        <xen:if is="{$user.customFields.infoVk}">
    <a href="{$user.customFields.infoVk}" class="Tooltip" title="Посмотреть страницу в ВКонтакте" target="_blank" ><i class="fa fa-vk fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoTelegram}">
    <a href="tg:{$user.customFields.infoTelegram}" class="Tooltip" title="Посмотреть страницу в Telegram" target="_blank" ><i class="fa fa-telegram fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoSkype}">
    <a href="skype:{$user.customFields.infoSkype}?add" class="Tooltip" title="Посмотреть страницу в Skype" target="_blank" ><i class="fa fa-skype fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoSteam}">
    <a href="{$user.customFields.infoSteam}" class="Tooltip" title="Посмотреть страницу в Steam" target="_blank" ><i class="fa fa-steam fa-fw"></i></a>
    </xen:if>
</div>

при нажатии на иконку Телеграмма, вышло такое
+ пустая страница без каких-либо действий
Так и должно быть ?
Для Телеги, перепробовал все значения что из списка. На данный момент остановился на последнем.

Код я скорректировал, но я не знаю, что будет в поле вписываться?

чтобы при нажатии, перебрасывало на страницу в телеге (фон)


в поле вписывается только логин от телеграма после "слеша"

 

[Mirovinger]

Понял, код выше для телеграма подправил.

 

[FDGod]

О, насчет окна в телеге, решил вопрос. Добавил просто https://t.me/

 

[Mirovinger]

На самом деле, вариантов много, просто я не весь код добавил первый раз.

 

[FDGod]

На самом деле, вариантов много, просто я не весь код добавил первый раз.

Спасибо и на этом.
Кстати, немного бы раздвинуть между сбой иконки надо. Такое в Екстра.ксс вписал

.extraContactInfo .Tooltip
{
padding: 2px 1px 0;
}

правильно ли это ?

 

[Mirovinger]

Правильно, если работает, но лучше добавить свой класс, здесь же просто примерная инструкция и нет ограничений.

 

[FDGod]

Правильно, если работает, но лучше добавить свой класс, здесь же просто примерная инструкция и нет ограничений.

тоесть, добавить extraContactInfo.css и в нем прописать данный код ?

 

[Mirovinger]

Как пример.

<div align="center" class="extraContactInfo">
        <xen:if is="{$user.customFields.infoVk}">
    <a href="{$user.customFields.infoVk}" class="SocialInfo Tooltip" title="Посмотреть страницу в ВКонтакте" target="_blank" ><i class="fa fa-vk fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoTelegram}">
    <a href="tg://resolve?domain={$user.customFields.infoTelegram}" class="SocialInfo Tooltip" title="Посмотреть страницу в Telegram" target="_blank" ><i class="fa fa-telegram fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoSkype}">
    <a href="skype:{$user.customFields.infoSkype}?add" class="SocialInfo Tooltip" title="Посмотреть страницу в Skype" target="_blank" ><i class="fa fa-skype fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoSteam}">
    <a href="{$user.customFields.infoSteam}" class="SocialInfo Tooltip" title="Посмотреть страницу в Steam" target="_blank" ><i class="fa fa-steam fa-fw"></i></a>
    </xen:if>
</div>

 

[FDGod]

Как пример.

<div align="center" class="extraContactInfo">
        <xen:if is="{$user.customFields.infoVk}">
    <a href="{$user.customFields.infoVk}" class="SocialInfo Tooltip" title="Посмотреть страницу в ВКонтакте" target="_blank" ><i class="fa fa-vk fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoTelegram}">
    <a href="tg://resolve?domain={$user.customFields.infoTelegram}" class="SocialInfo Tooltip" title="Посмотреть страницу в Telegram" target="_blank" ><i class="fa fa-telegram fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoSkype}">
    <a href="skype:{$user.customFields.infoSkype}?add" class="SocialInfo Tooltip" title="Посмотреть страницу в Skype" target="_blank" ><i class="fa fa-skype fa-fw"></i></a>
    </xen:if>
            <xen:if is="{$user.customFields.infoSteam}">
    <a href="{$user.customFields.infoSteam}" class="SocialInfo Tooltip" title="Посмотреть страницу в Steam" target="_blank" ><i class="fa fa-steam fa-fw"></i></a>
    </xen:if>
</div>

вставил код, пропал цвет иконок заданый мною
стоит такой код

.SocialInfo Tooltip
{
    color: #8e8e8e;
}
.extraContactInfo
{
    padding: 2px 1px 0;
}

убрал в конце Tooltip, заработало

 

[Mirovinger]

Синтаксис css не верный.
Код верните, а вот css такой будет.

.extraContactInfo .SocialInfo {
    color: #8e8e8e;
    padding: 2px 1px 0;
}

 

[Krolik1]

Все сделал, но ничего не повилось. З.ы. контакты заполнены
Перепроверил - все написано правильно
Из-за чего может быть проблема?

Все изменения надо производить в шаблонах "Мастер-стиль" или же в том, которая стоит у форума?
Сделал там и там, но ничего не вышло
Код брал отсюда Соцкнопки в панели пользователя 72 пост от Mirovinger

Изменения в PAGE_CONTAINER, message_user_info и extraContactInf внес
Настрйоки контактов такие, как на скрине

Что я пропустил?

 

[Mirovinger]

Все изменения надо производить в шаблонах "Мастер-стиль" или же в том, которая стоит у форума?

Если Вы в Мастер-стиль уже зашли, то просто удалите форум, кто Вас туда вообще просит лезть?
Я не могу знать, что Вы не выполнили, включили ли отображение кастомных полей, в настройках стиля, там же, где ВАм подсказали в прошлой теме, и выполнили все условия, мне не известно.

 

[Zech]

У меня вот такая проблема

 

[Mirovinger]

И где проблема, просто внимательно читайте, Вам же подсказывают.

 

[Zech]

И где проблема, просто внимательно читайте, Вам же подсказывают.

Скайп вводил правильно. пример live:b2tkf3

 

[Mirovinger]

Вообще, на момент разработки, этот формат не существовал, Мелкомягкие, позже ввели такие форматы, так что, нужно чуть скореектировать регулярное выражение, или просто создать своё поле.