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

Kinkl · 20 Окт 2013

Доброго времени суток! Подскажите как реализовать такую штуку

Hope · 20 Окт 2013

Не надо ссылок. Нам из скрина ясно. :)[DOUBLEPOST=1382288088,1382288080][/DOUBLEPOST]Попозже найду...[DOUBLEPOST=1382290225][/DOUBLEPOST]Неа, не могу найти. :( Вот только недавно где-то видел, а теперь, как назло не нахожу. :(

Kinkl · 20 Окт 2013

Hope написал(а):
Не надо ссылок. Нам из скрина ясно. :)[DOUBLEPOST=1382288088,1382288080][/DOUBLEPOST]Попозже найду...[DOUBLEPOST=1382290225][/DOUBLEPOST]Неа, не могу найти. :( Вот только недавно где-то видел, а теперь, как назло не нахожу. :(

Это делается с помощью аддона?

Hope · 20 Окт 2013

Нет. Правка шаблона[DOUBLEPOST=1382291561,1382290633][/DOUBLEPOST]Но там помимо этого ещё нужно создавать дополнительные поля с определённым содержимым...

iishel · 20 Окт 2013

Я видал решение на ветнамском форуме, правка шаблона и всё

grim · 21 Окт 2013

а можно подробнее, может решим и найдём такую штуку
скинти мне сайт, где такое есть

Hope · 21 Окт 2013

это есть на Вашем любимом вьетнамском форуме. :laugh:

grim · 21 Окт 2013

я там давно не был, так сказать отошёл от дел :)
Нужно для своего хобби

Kinkl · 21 Окт 2013

Вот нашел что-то похожее на офсайте, может кто-нибудь скинуть полный текст?

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Hope · 21 Окт 2013

Это абсолютно не то...

First, FontAwesome must be in your PAGE_CONTAINER. Open that template, under <head>, add:

Код:

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

You must create a Custom UserField for each Social Site you plan on using.

Then, you will go to the template member_card and find:

Код:

<a href="{xen:adminlink banning/users/add, $user}" target="_blank">{xen:phrase ban}</a></xen:if>
                        </xen:if>
                </xen:contentcheck>
            </div>
        </xen:if>
    </div>
    <div class="userInfo">

After </xen:if> is where you will add the code.

Each one you do will look like this:

Код:

<div align="center" class="socialmemcard">
            <xen:if is="{$user.customFields.memFacebook}">
    <a href="{$user.customFields.memFacebook}" target="_blank" ><xenforo class="icon-facebook icon-large icon-fixed-width"></xenforo></a>
    </xen:if>
</div>

Always add the next field you want before the last </div>

For the example here at this site, this is our code:

Код:

<div align="center" class="socialmemcard">
            <xen:if is="{$user.customFields.memFacebook}">
    <a href="{$user.customFields.memFacebook}" target="_blank" ><xenforo class="icon-facebook icon-large icon-fixed-width"></xenforo></a>
    </xen:if>
                        <xen:if is="{$user.customFields.memTwitter}">
    <a href="{$user.customFields.memTwitter}" target="_blank" ><xenforo class="icon-twitter icon-large icon-fixed-width"></xenforo></a>
    </xen:if>
                        <xen:if is="{$user.customFields.memInstagram}">
    <a href="{$user.customFields.memInstagram}" target="_blank" ><xenforo class="icon-instagram icon-large icon-fixed-width"></xenforo></a>
    </xen:if>
                        <xen:if is="{$user.customFields.memGoogle}">
    <a href="{$user.customFields.memGoogle}" target="_blank" ><xenforo class="icon-google-plus icon-large icon-fixed-width"></xenforo></a>
    </xen:if>
                        <xen:if is="{$user.customFields.memYouTube}">
    <a href="{$user.customFields.memYouTube}" target="_blank" ><xenforo class="icon-youtube icon-large icon-fixed-width"></xenforo></a>
    </xen:if>
                        <xen:if is="{$user.customFields.memSkype}">
    <a href="{$user.customFields.memSkype}" target="_blank" ><xenforo class="icon-skype icon-large icon-fixed-width"></xenforo></a>
    </xen:if>
                        <xen:if is="{$user.customFields.memTumblr}">
    <a href="{$user.customFields.memGoogle}" target="_blank" ><xenforo class="icon-tumblr icon-large icon-fixed-width"></xenforo></a>
    </xen:if>
                        <xen:if is="{$user.customFields.memPinterest}">
    <a href="{$user.customFields.memPinterest}" target="_blank" ><xenforo class="icon-pinterest icon-large icon-fixed-width"></xenforo></a>
    </xen:if>
                        <xen:if is="{$user.customFields.memLinkedIn}">
    <a href="{$user.customFields.memLinkedIn}" target="_blank" ><xenforo class="icon-linkedin icon-large icon-fixed-width"></xenforo></a>
    </xen:if>
    </div>

To have them display correctly on your membercard, enter this is EXTRA.CSS

Код:

.memberCard .avatarCropper { margin-bottom: 16px;}
.socialmemcard > a { display: inline; }
.socialmemcard { padding-top: 2.5px; margin-left: -10px;}
.socialmemcard xenforo { margin-right: -4px; }

To change your links, simply click on preferences:

The result is this:

Those that do not list any choices, their avatar area will now look like this:

**
You will likely have to change your CSS to suit your needs.
You can change the size of the icons by removing icon-large, in turn allowing more images.
You can also use whatever icons (images) you like.
For a preview, my site has it on, click on my name. The link is on the sidebar.
**

Kinkl · 21 Окт 2013

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

Mirovinger · 22 Окт 2013

Вот вариант добавления соцкнопок, при желании поправить и добавить свои иконки труда не составит.

Kinkl · 22 Окт 2013

Mirovinger, спасибо! Попробую сегодня :)

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

Kinkl

Hope

Kinkl

Hope

iishel

grim

Hope

grim

Kinkl

Hope

Kinkl

Mirovinger

Kinkl

Похожие темы

Мы ценим вашу конфиденциальность