Hướng dẫn đóng khung chữ ký và tạo chữ ký mặc định cho Xenforo

Hướng dẫn đóng khung chữ ký và tạo chữ ký mặc định cho Xenforo.
Tut này có thể thêm chữ ký mặc định cho tất cả thành viên ( khi chưa tạo chữ ký).
Đóng thêm cái khung, thêm cái icon và after content cho nó đỡ khô.

Demo online: http://diendanseo.tinonline247.net/threads/Cach-phat-hien-va-chan-backlink-xau-tu-website-khac.19616/

Demo hình ảnh:

Thông báo: ZIKA ZIKA đã xuất hiện ngày càng nhiều hãy bảo vệ gia đình bạn với mùng chụp tự bung nhé cả nhà.

chu ky

Đầu tiên save cái icon này về rồi ném nó vào thư mục trên host của bạn

Mở template message
Tìm:

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

thay thế toàn bộ bằng

Mã:
<!– sig –><xen:if is=”{$visitor.content_show_signature} && {$message.signature}”>
<div class=”postsignature” style=”margin-top:20px”>
<div style=”width:100%;”>
<img src=”http://diendanseo.tinonline247.net/chu-ki.jpg” class=”title”>
<div style=”min-height: 50px;overflow:auto” class=”content”>
<div class=”baseHtml signature ugc{xen:if $message.isIgnored, ‘ ignored’}”><aside>{xen:raw $message.signatureHtml}</aside></div>
</div>
</div></div>
<!– / sig –>
<xen:else />
<!– sig  default–>
<div class=”postsignature” style=”margin-top:20px”>
<div style=”width:100%;”>
<img src=”http://diendanseo.tinonline247.net/chu-ki.jpg” class=”title”>
<div style=”min-height: 50px;overflow:auto” class=”content”>
<b><a href=”/” title=”Diễn đàn SEO”>Diễn đàn SEO</a>  – Chia sẻ, kết nối cộng đồng SEO !</b>
</div>
</div></div>
</xen:if><!– / sig default–>

Chuyển sang message.css thêm đoạn này vào cuối

Mã:
/*chu ky*/
.postsignature {
border: 1px solid #CCCCCC;
border-radius: 2px 2px 2px 2px;
display: block;
padding: 4px 4px 4px 20px;
position: relative;
text-align: left;
}
.postsignature .title {
border: 0 none;
left: 20px;
overflow: hidden;
position: absolute;
top: -20px;
}
.postsignature .content {
margin-bottom: 4px;
margin-top: 15px;
text-align:center;
padding: 0;
}
.postsignature .content:after {
content:"Blog Nguyễn Bảo";
right:10px;
position: absolute;
bottom:10px;}

Chú ý: nhớ sửa tên và link hình ảnh cho phù hợp

Chúc thành công.

 

Nguồn: BaoNC

Mùng Bảo Bảo: cơ sở sản xuất mùng chụp cao cấp tốt nhất hiện nay ==> 0904.168.464


Nếu thấy bài viết hay, chất lượng hãy LIKE, Share, Google+ bài viết để ủng hộ tinh thần. Hoặc bạn cũng có thể viết bình luận góp ý để bài viết hoàn thiện hơn, Thanks all !

No comments.

Leave a Reply