Thêm nút "Theo Dõi" vào khung thành viên trong bài viết

  • Thread starter Thread starter Kun
  • Ngày gửi Ngày gửi

Kun

LOLLLLLLLLLLL
Hôm nay mình sẽ hướng dẫn các bạn thêm nút "Theo Dõi" vào khung thành viên trong bài viết ở XenForo

Demo:
vandieutot.com-untitled.PNG


Các bạn dán đoạn mã sau vào template message_user_info
Mã:
<xen:follow user="$user" class="Tooltip" style="background: url('styles/followme.png') no-repeat 8px center; background-color: #6EDDE5; padding:5px; text-align:center; color: red; display:block; font-weight:bold;" />
<xen:if is="{xen:helper isIgnored, $user.user_id}"><a href="{xen:link members/unignore, $user}" class="FollowLink">{xen:phrase unignore}</a><xen:elseif is="{$canIgnore}" /><a href="{xen:link members/ignore, $user}" class="FollowLink">{xen:phrase ignore}</a></xen:if>

Các bạn thêm theo mẫu sau nhé
Mã:
<div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
<div class="messageUserBlock {xen:if $user.isOnline, online}">
<xen:follow user="$user" class="Tooltip" style="background: url('styles/followme.png') no-repeat 8px center; background-color: #6EDDE5; padding:5px; text-align:center; color: red; display:block; font-weight:bold;" />
<xen:if is="{xen:helper isIgnored, $user.user_id}"><a href="{xen:link members/unignore, $user}" class="FollowLink">{xen:phrase unignore}</a><xen:elseif is="{$canIgnore}" /><a href="{xen:link members/ignore, $user}" class="FollowLink">{xen:phrase ignore}</a></xen:if>
 
<xen:hook name="message_user_info_avatar" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
        <div class="avatarHolder">
            <span class="helper"></span>
            <xen:avatar user="$user" size="m" img="true" />
            <xen:if is="{$user.isOnline}"><span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="-22" data-offsetY="-8"></span></xen:if>
            <!-- slot: message_user_info_avatar -->
        </div>
    </xen:hook>

Các Bạn tải ảnh này về và upload lên host theo đường dẫn styles/followme.png nhé
followme.png
 
Back
Top