Đóng khung cho addon Xem chủ đề cùng chuyên mục 1.1

[PVS]

Để làm điều này, trước hết bạn cài addon Xem chủ đề cùng chuyên mục 1.1

• Tìm template sau: chip_morethreads

Thay thế toàn bộ đoạn code trong đó bằng đoạn code:

<xen:require css="chip_morethreads.css" />
<center><table><tbody><tr style="margin-left: 3px; margin-right: 3px;">
<td>
<fieldset style="border: 2px solid rgb(249, 188, 109); border-radius: 5px 5px 5px 5px; width: 350px; height: 238px; padding: 9px;  float: left; margin:10px;">
<legend class="docthem"><img src="styles/default/xenforo/gradients/chiase.jpg" 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><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>
</div>
</fieldset>
</td>
<td>
<fieldset style="border: 2px solid rgb(249, 188, 109); 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/default/xenforo/gradients/chiase1.jpeg" border="0" width="50"> <font color="red"> CHIA SẺ</font></legend>
<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://cnm24h.tk/{xen:link threads, $thread}"><img title="Share" src="styles/default/xenforo/gradients/sharechuan.jpg" 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://cnm24h.tk/{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://cnm24h.tk/{xen:link threads, $thread} Gửi cho bạn bè nữa nha :x"><img src="styles/default/xenforo/gradients/yahoo.jpeg" border="0"></a>
<br><br>
<a title="Bookmark lại bài này" href="javascript:bookmar_baiviet('http://cnm24h.tk/{xen:link threads, $thread}', 'cnm24h.tk')"><img src="" border="0"></a>
<a title="Bookmark lại bài này" target="_blank" href="https://www.google.com.vn/bookmarks/mark?op=add&amp;bkmk=http://cnm24h.tk/{xen:link threads, $thread}&amp;title=&amp;annotation="><img src="styles/default/xenforo/gradients/google.png" border="0"></a>
<a title="Ðăng lên FaceBook" target="_blank" href="http://www.facebook.com/share.php?u=http://cnm24h.tk/{xen:link threads, $thread}"><img src="styles/default/xenforo/gradients/iconFacebook.gif" border="0"></a>
<a title="Ðăng lên TangVn" target="_blank" href="http://www.tagvn.com/submit?url=http://cnm24h.tk/{xen:link threads, $thread}"><img src="" border="0"></a>
<a title="Ðăng lên ZingMe" target="_blank" href="http://link.apps.zing.vn/pro/view/conn/share?u=http://cnm24h.tk/{xen:link threads, $thread}"><img src="" border="0"></a>
<a title="In trang này" href="javascript:window.print()"><img src="styles/default/xenforo/gradients/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://cnm24h.tk/{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://cnm24h.tk&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>

Tìm http://cnm24h.tk/ và thay bằng tên miền của bạn nha.

• Tiếp tục với template chip_morethreads.css thay thế bằng toàn bộ code sau:

.guichobanbe {
background-color: #f9d9b0;
border: 2px solid #137fec;
display: block;
font-family: Arial,Sans-Serif;
font-size: 12px;
font-weight: 700;
color: #1321ec;
padding: 1px 1px 1px 20px;
width: 320px;
margin-left: 10px;
}
.moreThreads {
    margin-left: 14px;
    margin-top: -14px;
}
.moreThreads h3 {
    color: green;
    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: ##f9d9b0;
}
.moreThreads ul li a:hover {
    color: ##f9d9b0;
}
.moreThreads .muted {
    font-size: 11px;
}
.docthem img{
vertical-align:middle;
}

Xong. Demo:

​

Lưu ý: download file đính kèm và upload tất cả theo đường dẫn: styles/default/xenforo/gradients, nếu up chỗ khác bạn phải sửa lại đường dẫn trong code. Chúc các bạn thành công.

Nguồn: codientu.org​