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

Admin · 24 Tháng mười một 2017

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!

Admin · 24 Tháng mười một 2017

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!

Admin

Nothing to lose.. your love to win..

Admin

Nothing to lose.. your love to win..

Những người đang xem chủ đề này

Các chủ đề tương tự

Nội dung nổi bật

Xu hướng nội dung

Chia sẻ trang này