Vì skin không hợp phong thủy nên share
Bác nào xài về edit lại xíu là ok
Thay toàn bộ thành
Kéo xuống cuối
Deactivate the basic CSS: Chọn Có
ACP >> Display >> Homepage >> Generalities
Message content:
Cho code này vào
ACP >> Display >> Template >> QLTT
Thay từng template tương ứng:
Index_body
Index_box
Overall_footer_begin
Overall_footer_end
Overall_header
ACP >> Display >> Templates >> Portal
Mod_recent_topics
Vậy là xong
Sẵn tiện cho gởi cái link ở đây, tại sợ quên : http://raovat.5forum.net/
Bác nào xài về edit lại xíu là ok
Demo ảnh:
Demo online:
Code:
http://huudang10.forumvi.com/
Hướng dẫn:
ACP >> Display >> Colors >> CSSThay toàn bộ thành
Code:
/* All */*{margin:0;padding:0}
*,:before,:after{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.clearfix:after{display:block;visibility:hidden;height:0;clear:both;font-size:0;content:" "}
body{text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;font-family:Roboto,arial,sans-serif;color:#333;word-wrap:break-word;line-height:1.28;font-size:14px;background:#eee}
.pagewidth{max-width:1020px;margin:0 auto;padding:0 10px;position:relative}
.pun{margin:30px 0}
h1,h2,h3,h4,h5,h6{font-size:14px}
li{list-style:none}
a:link,a:visited{color:#4993c5;text-decoration:none}
fieldset,img{border:0}
select,input{outline:0}
input[type="text"],input[type="password"]{border:1px solid #a5cae4;background:#f0f7fc;padding:8px 10px;height:35px;width:100%;word-wrap:break-word;color:#4993c5}
input[type="text"]:focus,input[type="password"]:focus{background:#d7edfc}
input[type="submit"],input[type="reset"],a.button{background:#f0f7fc;padding:0 10px;font-weight:700;height:35px;line-height:35px;color:#4993c5;border:1px solid #a5cae4;cursor:pointer;margin:0 5px;display:inline-block}
a.button{margin:0}
input[type="submit"]:hover,input[type="reset"]:hover{background:#d7edfc}
input[name="submit"],input[name="confirm"],.posting a{background:#4993c5;border-color:#4993c5;color:#fff}
input[name="submit"]:hover,input[name="confirm"]:hover,.posting a:hover{background:#57a1d4;border-color:#57a1d4}
input[type="radio"],input[type="checkbox"]{vertical-align:middle;margin:0 5px 2px 0}
.main{background:#fff;border:1px solid #ddd;margin:0 0 15px;position:relative;padding:10px}
.main-head{background:#4993c5;padding:0 10px;height:35px;line-height:35px;color:#fff;margin:0 0 10px;font-size:16px}
.main-head h2,.main-head h1,.main-head p{font-size:16px;display:inline}
.main-head a{color:#fff}
.sidecol{margin-right:-250px;width:100%}
.colleft{padding-right:15px;margin-right:250px}
.sidebar{width:250px;position:relative}
.left{float:left}
.right{float:right}
.center{text-align:center}
/* Hide */#content>#main>#main-content>div:first-child{display:none!important}
.hide,div[style="overflow:visible"],div[style="height:3px"],#pun-visit,.adminlink br{display:none}
/* Transition */a,.lastcontent li,.boxcount,.boxicon .fa,.crumbs a:before,input[type="submit"],input[type="reset"]{transition:all 225ms ease;-o-transition:all 225ms ease;-ms-transition:all 225ms ease;-moz-transition:all 225ms ease;-webkit-transition:all 225ms ease}
/* Header */.headertop{background:#4993c5;padding:10px 0}
.navtop{background:#fff;border-bottom:1px solid #ddd}
.navtop > div >ul{border-left:1px solid #e7e7e7}
.navtab{float:left;position:relative;border-right:1px solid #e7e7e7}
.navtab a{padding:0 10px;line-height:40px;height:40px;display:block;color:#333}
.navtab.active a,.navtab:hover a,.navtab:focus a{background:#f5f5f5}
/* Box */.main.mainbox{padding:10px 10px 0}
.indexbox{margin:0 -5px}
.boxcontent{float:left;width:50%;padding:0 5px 10px}
.boxall{display:table;width:100%;position:relative}
.boxcontent:last-child{width:100%}
.boxall:hover .boxicon .fa{transform:rotate(360deg) scale(1.3);-webkit-transform:rotate(360deg) scale(1.3);-moz-transform:rotate(360deg) scale(1.3);-ms-transform:rotate(360deg) scale(1.3);-o-transform:rotate(360deg) scale(1.3)}
.boxall:hover .boxcount{margin-top:-25px}
.boxicon{background:#4993c5;color:#fff;width:60px;height:60px;display:table-cell;vertical-align:middle;font-size:28px;text-align:center}
.boxinfo{padding:10px;background:#f0f7fc;height:60px;overflow:hidden}
.boxname h3{padding:0 0 5px;font-size:16px}
.boxcountlast{height:17px;overflow:hidden}
.boxcount,.box-last{height:25px;padding:0 0 8px}
.boxcount .countitemt{padding-right:10px}
.boxc1 .boxicon .fa:before{content:"\f015"}
.boxc2 .boxicon .fa:before{content:"\f0c0"}
.boxc3 .boxicon .fa:before{content:"\f26c"}
.boxc4 .boxicon .fa:before{content:"\f109"}
.boxc5 .boxicon .fa:before{content:"\f118"}
.boxc6 .boxicon .fa:before{content:"\f290"}
.boxc7 .boxicon .fa:before{content:"\f1b9"}
.boxc8 .boxicon .fa:before{content:"\f232"}
.boxc9 .boxicon .fa:before{content:"\f292"}
.boxc10 .boxicon .fa:before{content:"\f0a1"}
.boxc7 .boxcontent:last-child,.boxc10 .boxcontent:last-child{width:50%}
/* Sidebar */.sidecontent{border:1px solid #ddd;background:#fff;padding:10px;margin:0 0 15px;color:#888}
.sidecontent h3{padding:0 10px;border:1px solid #a5cae4;background:#f0f7fc;height:35px;line-height:35px;margin:0 0 10px;color:#4993c5}
.sidecontent h3 .fa{padding-right:10px}
a.sidereg{height:40px;line-height:40px;display:block;padding:0 10px;text-align:center;background:#4993c5;color:#fff;font-weight:700;font-size:16px}
.listonline{padding:0 0 5px}
.sideonline{font-size:0}
.sideonline strong{font-size:14px;padding-right:3px;color:#333;font-weight:400}
.sideonline strong:before,.sideonline strong:after{color:#888}
.sideonline strong:nth-child(1):before{content:"Tổng: "}
.sideonline strong:nth-child(2):before{content:"(Thành viên: "}
.sideonline strong:nth-child(2):after{content:","}
.sideonline strong:nth-child(3){display:none}
.sideonline strong:nth-child(4):before{content:"Khách: "}
.sideonline strong:nth-child(4):after{content:")"}
.sidestatics dl,.sideuser dl{line-height:1.5;overflow:hidden}
.sidestatics dt,.sideuser dt{float:left}
.sidestatics dd,.sideuser dd{float:right;color:#333}
.sideuser{overflow:hidden}
.sideuser .avtuser{float:left;width:80px;height:80px;margin-right:10px;padding:3px;border:1px solid #e7e7e7}
.sideuser .avtuser img{width:100%;height:100%}
/* Crumbs */.pun-crumbs{margin:0 0 10px}
.crumbs{font-size:0;background:#f0f7fc;border:1px solid #a5cae4;overflow:hidden}
.crumbs a{display:inline-block;padding:0 10px;font-size:14px;position:relative;height:33px;line-height:33px}
.crumbs strong a{padding:0 10px 0 22px}
.crumbs>a>span{font-size:0}
.crumbs>a>span:before{content:"Diễn đàn";font-size:14px}
.crumbs a:before,.crumbs a:after{content:"";border:17px solid transparent;border-left-width:12px;border-right:0;border-left-color:#f0f7fc;position:absolute;right:-12px;top:0;z-index:10}
.crumbs a:after{border-left-color:#a5cae4;right:-13px;z-index:5}
.crumbs a:hover{background:#d7edfc}
.crumbs a:hover:before{border-left-color:#d7edfc}
/* Posting */.posting{padding-left:10px}
/* Footer */.footer{background:#fff}
.footermain{margin:0 -10px;padding-top:20px}
.footertab{width:25%;float:left;padding:0 10px 10px}
.footertitle h3{padding:0 10px;background:#4993c5;height:35px;line-height:35px;margin:0 0 10px;color:#fff;font-size:16px}
.footercontent li a{padding:0 10px;display:block;height:25px;line-height:25px;margin:0 0 10px;background:#f0f7fc;border-left:3px solid #4993c5}
.footerlink{background:#4993c5;color:#fff;padding:10px 0;text-align:center;line-height:1.5}
.footerlink a{color:#fff}
/* Lasttopic */.lastcontent li{background:#f0f7fc;margin:0 0 10px;padding:0 10px 0 35px;height:25px;line-height:25px;position:relative;overflow:hidden;counter-increment:Zzindex}
.lastcontent li:last-child{margin:0}
.lastcontent li:before{text-align:center;content:counter(Zzindex);position:absolute;width:25px;height:25px;color:#fff;background:#4993c5;left:0;top:0;font-size:11px;line-height:25px}
.lastcontent li:after{content:" ";position:absolute;border-width:5px 0 5px 4px;border-style:solid;border-color:transparent transparent transparent #4993c5;left:25px;top:7px}
.lastcontent li:hover{background:#d7edfc}
.lastcontent a.topictitle{white-space:nowrap;width:80%;display:inline-block;overflow:hidden;text-overflow:ellipsis}
.lastuser{width:19%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
Kéo xuống cuối
Deactivate the basic CSS: Chọn Có
ACP >> Display >> Homepage >> Generalities
Message content:
Cho code này vào
Code:
<div class="sidestatics">
<dl>
<dt>Đề tài thảo luận:</dt>
<dd>{FORUMCOUNTOPIC}</dd>
</dl>
<dl>
<dt>Bài viết:</dt>
<dd>{FORUMCOUNTPOST}</dd>
</dl>
<dl>
<dt>Thành viên:</dt>
<dd>{FORUMCOUNTUSER}</dd>
</dl>
<dl>
<dt>Thành viên mới nhất:</dt>
<dd>{FORUMLASTUSERLINK}</dd>
</dl>
</div>
ACP >> Display >> Template >> QLTT
Thay từng template tương ứng:
Index_body
Code:
{JAVASCRIPT}
<div class="sidecol left">
<div class="colleft">
<div class="main">
<div class="main-head">
<h2>Tin mới đăng</h2>
</div>
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
</div>
{CHATBOX_TOP}
{BOARD_INDEX}
</div>
</div>
<div class="sidebar right">
<div class="sidecontent">
<a class="sidereg">Đăng ký</a>
</div>
<div class="sidecontent">
<h3><i class="fa fa-user"></i><a href="/">Thông tin cá nhân</a></h3>
<div class="sideuser">
<span class="hienthianh"></span>
<div class="stats">
<span class="tenthanhvien"></span>
<dl>
<dt>Bài viết:</dt>
<dd><span class="baiviet"></span> </dd>
</dl>
<dl>
<dt>Được thích:</dt>
<dd><span class="duoclike"></span> </dd>
</dl>
<dl>
<dt>Điểm:</dt>
<dd><span class="sopoint"></span> </dd>
</dl>
</div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
$(".hienthianh").replaceWith('<a class="avtuser" href="/profile?mode=editprofile&page_profil=avatars" rel="nofollow">' + _userdata.avatar + '</a>');
$(".tenthanhvien").replaceWith('<a class="tenthanhvien" href="/u' + _userdata.user_id + '" rel="nofollow">' + _userdata.username + '</a>');
$(".baiviet").replaceWith('' + _userdata.user_posts + '');
$(".duoclike").replaceWith('' + _userdata.point_reputation + '');
$('.sopoint').load('/u' + _userdata["user_id"] + ' #field_id-13 .field_uneditable');
//]]>
</script>
<div class="sidecontent">
<h3><i class="fa fa-user"></i><a href="/viewonline">Thành viên trực tuyến</a></h3>
<div class="listonline">{LOGGED_IN_USER_LIST}</div>
<div class="sideonline">{TOTAL_USERS_ONLINE}</div>
</div>
<div class="sidecontent">
<h3><i class="fa fa-bar-chart"></i>Thống kê diễn đàn</h3>
<!-- BEGIN message_admin_index -->
<!-- BEGIN message_admin_txt -->
{message_admin_index.message_admin_txt.MES_TXT}
<!-- END message_admin_txt -->
<!-- END message_admin_index -->
</div>
<div class="sidecontent">
<h3><i class="fa fa-share"></i>Chia sẻ trang này</h3>
Chức năng này đang nâng cấp
</div>
</div>
{CHATBOX_BOTTOM}
{AUTO_DST}
Index_box
Code:
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}"><span>{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main mainbox box{catrow.tablehead.ID}">
<div class="main-head ">
<div class="page-title"><a href="/{catrow.tablehead.ID}-category">{catrow.tablehead.L_FORUM}</a></div>
</div>
<div class="main-content">
<ul class="indexbox clearfix">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<li class="boxcontent">
<div class="boxall">
<div class="boxicon">
<i class="fa"></i>
</div>
<div class="boxinfo">
<div class="boxname">
<h3><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h3>
</div>
<div class="boxcountlast">
<div class="boxcount">
<span class="countitemt">Chủ đề: <strong>{catrow.forumrow.TOPICS}</strong></span>
<span class="countitemt">Bài viết: <strong>{catrow.forumrow.POSTS}</strong></span>
</div>
<div class="boxlast">
Mới nhất: <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
</div>
</div>
</div>
</div>
</li>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
</div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
Overall_footer_begin
Code:
<!-- BEGIN html_validation -->
<div>
<div>
<div>
<div><div><div><div><div>
<div>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
</div>
</div>
</div>
</div></div></div></div></div>
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</div>
</div>
</div>
<footer>
<div class="footer">
<div class="pagewidth">
<div class="footermain clearfix">
<div class="footertab">
<div class="footertitle">
<h3>Nội dung title</h3>
</div>
<div class="footercontent">
<ul>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
</ul>
</div>
</div>
<div class="footertab">
<div class="footertitle">
<h3>Nội dung title</h3>
</div>
<div class="footercontent">
<ul>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
</ul>
</div>
</div>
<div class="footertab">
<div class="footertitle">
<h3>Nội dung title</h3>
</div>
<div class="footercontent">
<ul>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
</ul>
</div>
</div>
<div class="footertab">
<div class="footertitle">
<h3>Nội dung title</h3>
</div>
<div class="footercontent">
<ul>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
<li><a href="#">Nội dung footer</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="footerlink">
<div class="pagewidth clearfix">
<ul>
<li>
<!-- BEGIN html_validation -->
</li>
</ul>
</div>
</div>
<!-- END html_validation -->
Overall_footer_end
Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
<p class="adminlink">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Overall_header
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<!-- BEGIN switch_recent_jquery -->
<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
<!-- END switch_recent_jquery -->
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}
{GREETING_POPUP}
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
_gaq.push(["_trackPageview"]);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(function() {
var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body>
<a id="top" name="top" accesskey="t"></a>
<header>
<div class="headertop">
<div class="pagewidth clearfix">
<div class="logo">
<img src="https://xenforo.com/community/styles/default/xenforo/xenforo-logo.png" alt="" />
</div>
</div>
</div>
<div class="navtop">
<div class="pagewidth clearfix">
<ul class="mainmenu left">
<li class="navtab active"><a href="/forum">Diễn đàn</a></li>
<li class="navtab"><a href="/memberlist">Thành viên</a></li>
<li class="navtab"><a href="/faq">Trợ giúp</a></li>
</ul>
<ul class="mainuser right">
<li class="navtab"><a href="/login">Đăng nhập</a></li>
<li class="navtab"><a href="/register">Đăng ký</a></li>
</ul>
</div>
</div>
</header>
<div class="minwidth_IE pagewidth">
<div class="layout_IE">
<div class="container_IE">
<div class="pun clearfix">
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="main">
<div id="main-content">
<!-- BEGIN html_validation -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- END html_validation -->
ACP >> Display >> Templates >> Portal
Mod_recent_topics
Code:
<div class="main-content lastcontent">
<ol>
<!-- BEGIN classical_row -->
<!-- BEGIN recent_topic_row -->
<li>
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.U_TITLE}" title="{classical_row.recent_topic_row.L_TITLE}" class="topictitle">{classical_row.recent_topic_row.L_TITLE}</a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster -->
<span class="lastuser right"><a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a></span>
<!-- END switch_poster -->
</li>
<!-- END recent_topic_row -->
<!-- END classical_row -->
</ol>
</div>
Vậy là xong
Sẵn tiện cho gởi cái link ở đây, tại sợ quên : http://raovat.5forum.net/