Hướng Dẫn Cách Chuyển Khung Chữ Ký Xuống Bên Dưới Xenforo

Hướng dẫn cách chuyển khung chữ ký xuống bên dưới bài viết giống diễn đàn dembuon.vn

Đầu tiên các bạn vào template message tìm:

Mã:

<xen:if is="{$visitor.content_show_signature} && {$message.signature}">
       <div class="baseHtml signature messageText ugc{xen:if $message.isIgnored, ' ignored'}"><aside>{xen:raw $message.signatureHtml}</aside></div>
</xen:if>

Chuyển nó lên trên đoạn:

Mã:

<xen:hook name="message_below" params="{xen:array 'post={$message}','message_id={$messageId}'}" />

Vị trí như sau:

Mã:

<xen:if is="{$visitor.content_show_signature} && {$message.signature}">
       <div class="baseHtml signature messageText ugc{xen:if $message.isIgnored, ' ignored'}"><aside>{xen:raw $message.signatureHtml}</aside></div>
</xen:if>

<xen:hook name="message_below" params="{xen:array 'post={$message}','message_id={$messageId}'}" />

<xen:include template="ad_message_below" />

Chỉnh sửa lại CSS cho đẹp một chút trong template Extra.css

Mã:

.message .signature {margin-top:10px !important; padding:12px 15px 15px 15px !important; border-top:1px solid #d1d1e1 !important; background:#e1e4f2 !important; color:#000 !important; font-family:verdana, sans-serif !important; font-size:14px !important}

Lưu ý:

Nhớ cho phép nhóm Khách có thể xem chữ ký:

ACP > Options > Messages > Show Signatures to Guests

Mọi thắc mắc vui lòng comment!

 

Nếu các bạn muốn làm y hệt như ở diễn đàn của mình:

Có thêm nút Donate bên phải khung chữ ký

Hiện chữ Chia Sẻ Bài Viết thay chữ ký khi hiện trên di động - tránh vỡ khung trông xấu Style

Thì làm như sau:

Trong template Message

Mã:

<xen:if is="{$visitor.content_show_signature} && {$message.signature}">
        <div class="baseHtml signature messageText ugc{xen:if $message.isIgnored, ' ignored'}">
        <aside>
            <span class="pc">{xen:raw $message.signatureHtml}</span>
            <span class="mobile"><a href="http://www.facebook.com/sharer.php?u={$requestPaths.fullBasePath}threads/{$thread.thread_id}" class="externalLink">Chia sẻ bài viết</a></span>
            <div class="donate"><a href="https://dembuon.vn/donate/" target="_blank"><img src="https://image.prntscr.com/image/EhlynzqhQ3OQPHAWUZYOcA.png"></a></div>
        </aside>
        </div>
</xen:if>

Trong Extra.css

Mã:

.message .signature {margin-top:10px !important; padding:12px 15px 15px 15px !important; border-top:1px solid #d1d1e1 !important; background:#e1e4f2 !important; color:#000 !important; font-family:verdana, sans-serif !important; font-size:14px !important}
.message .mobile {min-width:120px; font-weight:bold}
.message .donate {float:right}

Hiển thị trên di động

Mã:

@media (max-width:@maxResponsiveNarrowWidth) {
    .Responsive .pc {display: none}
    .Responsive .mobile {display: inline-block !important}
    .Responsive .message .signature {display: block !important; margin:0 !important}
}

Chúc thành công!