Hướng dẫn làm khung bài tương tự và chia sẻ đẹp cho xenforo

[Admin]

Demo : Cộng Đồng Sinh Viên CNTT

Hướng dẫn
B1: Import em này View more threads same category
B2: Search các temp sau thay thế bằng toàn bộ đoạn code dưới
chip_morethreads

<xen:require css="chip_morethreads.css" />
<center><table><tbody><tr style="margin-left: 3px; margin-right: 3px;">
<td><fieldset style="border: 1px solid rgb(204, 204, 204); border-radius: 5px 5px 5px 5px; width: 350px; height: 238px; padding: 9px;  float: left; margin:10px;">
<legend class="docthem"><img src="styles/images/tim.png" border="0" width="50"> <font color="red"> CHỦ ĐỀ NGẪU NHIÊN CÙNG CHUYÊN MỤC</font></legend>
<div class="moreThreads"><ul><xen:foreach loop="{$morethreads.items}" value="$item">
<li><font color="green">™»</font> <a href="{xen:link 'threads', $item}">{xen:raw $item.title}</a> <xen:if is="{$xenOptions.chip_morethreads_showtime}"><span class="muted">{xen:raw $item.postDate}</span></xen:if></li></xen:foreach></ul></fieldset></td><td>
<fieldset style="border: 1px solid rgb(204, 204, 204); border-radius: 5px 5px 5px 5px; width: 350px; height: 238px; padding: 9px; text-align: center; float: right; margin:10px;">
<legend class="docthem"><img src="styles/images/qc.png" border="0" width="50"> <font color="red"> CHIA SẺ</font></legend>
<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://xf.newstyleclan.net/{xen:link threads, $thread}"><img title="Share" src="https://lh3.googleusercontent.com/-KlWnjdCi198/UMBHFCKKARI/AAAAAAAACHY/21bChUoeIu0/newstyleclan.net-kqkqh10.png" alt="Share" border="0"></a>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->
<br><br>
<center>
<input class="guichobanbe" type="text" title="Gửi cho bạn bè bài viết này" onclick="this.select()" value="{$thread.title} ~~> http://xf.newstyleclan.net/{xen:link 'threads', $thread} :x ">
</center><br>
<a title="Gửi bài này cho bạn bè qua yahoo" href="ymsgr:im?+&amp;msg=Xem bài này hay lắm nè: http://xf.newstyleclan.net/{xen:link threads, $thread} Gửi cho bạn bè nữa nha :x"><img src="https://lh6.googleusercontent.com/-B4R-XSPJgM0/UMBHaGhR-bI/AAAAAAAACHg/qr6MXgRPe1E/newstyleclan.net-anhso-115551_hoaiducbcomyahoo.jpg" border="0"></a>
<br><br>
<a title="Bookmark lại bài này" href="javascript:bookmar_baiviet('http://xf.newstyleclan.net/{xen:link threads, $thread}', 'http://xf.newstyleclan.net')"><img src="https://lh6.googleusercontent.com/-do5hTHrz1Jo/UMBHhdCsYFI/AAAAAAAACHo/DKINlu4onr8/newstyleclan.net-anhso-115621_favoritesh.jpg" border="0"></a>
<a title="Ðăng lên Google" target="_blank" href="https://www.google.com.vn/bookmarks/mark?op=add&amp;bkmk=http://xf.newstyleclan.net/{xen:link threads, $thread}&amp;title=&amp;annotation="><img src="https://lh5.googleusercontent.com/-xFDAGAr981o/UMBHq3G1IuI/AAAAAAAACHw/x51ElrgYdoo/newstyleclan.net-googlea.png" border="0"></a>
<a title="Ðăng lên FaceBook" target="_blank" href="http://www.facebook.com/share.php?u=http://xf.newstyleclan.net/{xen:link threads, $thread}"><img src="https://lh6.googleusercontent.com/-9vxJ7pzfg84/UMBHxfQwUrI/AAAAAAAACH4/yNNi_lLSEeM/newstyleclan.net-anhso-115453_DjR35.jpg" border="0"></a>
<a title="Ðăng lên TangVn" target="_blank" href="http://www.tagvn.com/submit?url=http://xf.newstyleclan.net/{xen:link threads, $thread}"><img src="https://lh5.googleusercontent.com/-dFZIM1u2cR4/UMBH-N2MciI/AAAAAAAACIA/80of_tOC93U/newstyleclan.net-anhso-12808_tagvn.gif" border="0"></a>
<a title="Ðăng lên ZingMe" target="_blank" href="http://link.apps.zing.vn/pro/view/conn/share?u=http://xf.newstyleclan.net/{xen:link threads, $thread}"><img src="https://lh5.googleusercontent.com/-88NSvRKit58/UMBIcQODZfI/AAAAAAAACII/tKGWsVIF82I/newstyleclan.net-zing.gif" border="0"></a>
<a title="In trang này" href="javascript:window.print()"><img src="https://lh6.googleusercontent.com/-mdiT_afhEZ0/UMBIl7Tqy8I/AAAAAAAACIQ/J_-vjmdlimE/newstyleclan.net-anhso-12953_prints.gif" border="0"></a>
<div style="height: 15px; width: 24px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;" id="___plusone_0"><iframe allowtransparency="true" hspace="0" id="I1_1318362670873" marginheight="0" marginwidth="0" name="I1_1318362670873" src="https://plusone.google.com/u/0/_/+1/fastbutton?url=http://xf.newstyleclan.net/{xen:link threads, $thread}&amp;size=small&amp;count=false&amp;annotation=&amp;hl=vi&amp;jsh=r%3Bgc%2F23980661-3686120e#id=I1_1318362670873&amp;parent=http://xf.newstyleclan.net&amp;rpctoken=764542849&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe" style="position: static; left: 0pt; top: 0pt; width: 24px; margin: 0px; border-style: none; height: 15px; visibility: visible;" tabindex="-1" vspace="0" title="+1" frameborder="0" scrolling="no" width="100%"></iframe></div>
<br></fieldset></td></tr></tbody></table></center>

chip_morethreads.css

.guichobanbe {
background-color: #EDF2F7;
background-image: url("styles/svhy/guibanbe.png");
background-repeat: no-repeat;
border: 1px solid #85B1DE;
display: block;
font-family: Arial,Sans-Serif;
font-size: 13px;
font-weight: 700;
padding: 1px 1px 1px 20px;
width: 260px;
margin-left: 10px;
}
 
.moreThreads {
    margin-left: 14px;
    margin-top: -14px;
}
 
.moreThreads h3 {
    color: red;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 3px;
}
.moreThreads ul li {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("styles/images/li.gif");
    background-origin: padding-box;
    background-position: 0 8px;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: 7px;
    margin-right: 0;
    margin-top: 4px;
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 0;
    padding-top: 0;
}
.moreThreads ul li a {
    color: #913800;
}
.moreThreads ul li a:hover {
    color: #13518F;
}
.moreThreads .muted {
    font-size: 11px;
}
 
.docthem img{
vertical-align:middle;
}

B3: Hết rồi. (Có 1 số đường link và file ảnh AE tự save và sửa nha)