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)