Thêm icons mạng xã hội vào User Banner / Member Card 0.1

[PVS]

Thêm icons mạng xã hội vào User Banner / Member Card 0.1

Cho phép người dùng chia sẻ các kênh xã hội của họ, nếu bạn chạy một cộng đồng chơi game, cho phép họ chia sẻ gamertags của họ - để dễ dàng xác định lẫn nhau trên các diễn đàn.

​

Bao gồm trong bài viết này:

• Code yêu cầu
• Icons (ở dưới cùng của bài viết)

Thứ nhất, tạo Custom User Fields của bạn:

​

Kết thúc với một cái gì đó như thế này:

​

Trong template "message_user_info"

​

Thêm tên trường tùy chỉnh của bạn ví dụ:

<div align="centre" class="socialmemcard1"><br>
<xen:if is="{$user.customFields.facebook}">
<a href="{$user.customFields.Facebook}" target="_blank" ><img src="***URL=ImageIconHere***"></img></a>
    </xen:if>
                        <xen:if is="{$user.customFields.twitter}">
    <a href="{$user.customFields.Twitter}" target="_blank" ><img src="***URL=ImageIconHere***"></img></a>
    </xen:if>
                        <xen:if is="{$user.customFields.memYouTube}">
    <a href="{$user.customFields.memYouTube}" target="_blank" ><img src="***URL=ImageIconHere***"></img></a>
    </xen:if>
                <xen:if is="{$user.customFields.Askfm}">
    <a href="{$user.customFields.Askfm}" target="_blank" ><img src="***URL=ImageIconHere***"></img></a> <br>
    </xen:if></div>
<div align="left" class="socialmemcard">
                        <xen:if is="{$user.customFields.XboxGT}"><br>
    <img src="***URL=ImageIconHere***"></img> {$user.customFields.XboxGT}
    </xen:if>
                        <xen:if is="{$user.customFields.PSNGT}"><br>
    <img src="***URL=ImageIconHere***"></img> {$user.customFields.PSNGT}
    </xen:if>
                        <xen:if is="{$user.customFields.SteamGT}"><br>
    <img src="***URL=ImageIconHere***"></img> {$user.customFields.SteamGT}
    </xen:if>
</div>

Rõ ràng thêm lĩnh vực mà bạn muốn bao gồm trong đó là nói "$user.customFields.XXXXXX" thay thế XXXXXX với tên trường bạn gắn nhãn Custom Field của bạn.

( I inserted mine before the XenForo Custom Field call *search for: <xen:if is="@messageShowCustomFields AND {$user.customFields}">*)

Vào EXTRA.css

​

và chèn thêm code sau:

.user_banners .avatarCropper { margin-bottom: 16px;}
.socialmemcard { padding-top: 2.5px; margin-left: 0px;}
.socialmemcard xenforo { margin-right: -4px; }

.user_banners .avatarCropper { margin-bottom: 16px;}
.socialmemcard1 {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 85% !important;
}
.socialmemcard1 xenforo {
    margin-left: auto;
    margin-right: auto;
}

*Chú ý*
Đầu vào người sử dụng phải điền các dữ liệu chính xác cho các lĩnh vực để làm việc:

​

Icons:

​

Chúc các bạn thành công.

Nguồn: xenforo.com​