Demo
indexviewtopic
Code
index_body
Code:
<div style="margin:10px 0; width:99.8%; border:1px solid #ccc; padding-top:10px;" class="game_banner">
<div style="font-size:16px; color:red; text-align:center; font-family:Arial;" class="title_game_banner"><img style="margin-right:3px; vertical-align: sub;" src="https://lh6.googleusercontent.com/-7dMHSZ2WPBA/UkR-A5xBEoI/AAAAAAAAC8I/N0NNQquwIDA/w32-h21-no/icon1.gif">Game đang HOT </div>
<div id="middle">
<div class="container">
<div style="height: auto; width: 100%; padding-bottom: 7px;">
<table cellspacing="0" border="0" style="border-collapse:collapse;">
<tbody>
<tr>
<td>
<div style="width: 170px; margin-left: 15px; margin-right: 10px; padding-top: 10px; padding-bottom: 10px">
<div style="text-align: center"><a target="_blank" href="http://goo.gl/GVStkC"><img width="155px" height="103px" border="0" src="http://1.bp.blogspot.com/-8wWOXjg6Ed8/UpPy_3MHmbI/AAAAAAAADXY/blyTBS9I1Ts/s1600/chan-long-giang-the.png"></a></div>
<div style="text-align: left; padding-top: 5px; padding-left: 7px; padding-right: 7px;">
<div style="font-size: 14px; padding-bottom: 8px; text-align:center"><a target="_blank" href="http://goo.gl/GVStkC" class="gnews">Webgame <br>Chân Long Giáng Thế</a></div>
<div style="padding-left:10px"><span id="UCGameNews1_GameNewsList_ctl02_GLContent" class="GLContent"><div style="margin-bottom:5px; margin-left:-6px; background-color:#138da5; text-align:center; font-weight:bold; color:#ffffff; font-size:13px; padding:5px 0; font-family:arial">
<a target="_blank" style="text-decoration:none; color:#ffffff" href="http://goo.gl/GVStkC"><span>ĐĂNG KÝ</span></a></div>
<div style="margin-bottom:5px; margin-left:-6px; background-color:#ff021a; text-align:center; font-weight:bold; color:#ffffff; font-size:13px; padding:5px 0; font-family:arial">
<a target="_blank" style="text-decoration:none;color:#ffffff;" href="http://www.doublelink.net/cpl/vlgame/176 "><span>CHƠI NGAY</span></a></div>
</span></div>
</div>
</div>
</td><td>
<div style="width: 170px; margin-left: 10px; margin-right: 10px; padding-top: 10px; padding-bottom: 10px">
<div style="text-align: center"><a target="_blank" href="http://goo.gl/tI1vFZ"><img width="155px" height="103px" border="0" src="http://2.bp.blogspot.com/-ZWiptDxM-uQ/Upl_nV_OSPI/AAAAAAAADak/zPkVtVCtI94/s1600/tan-tien-kiem6.png"></a></div>
<div style="text-align: left; padding-top: 5px; padding-left: 7px; padding-right: 7px;">
<div style="font-size: 14px; padding-bottom: 8px; text-align:center"><a target="_blank" href="http://goo.gl/tI1vFZ" class="gnews">Webgame <br>Tân Tiên Kiếm 3D</a></div>
<div style="padding-left:10px"><span id="UCGameNews1_GameNewsList_ctl03_GLContent" class="GLContent"><div style="margin-bottom:5px; margin-left:-6px; background-color:#138da5; text-align:center; font-weight:bold; color:#ffffff; font-size:13px;padding:5px 0; font-family:arial">
<a target="_blank" style="text-decoration:none; color:#ffffff" href="http://goo.gl/tI1vFZ"><span>ĐĂNG KÝ</span></a></div>
<div style="margin-bottom:5px; margin-left:-6px; background-color:#ff021a; text-align:center; font-weight:bold; color:#ffffff; font-size:13px;padding:5px 0; font-family:arial">
<a target="_blank" style="text-decoration:none;color:#ffffff;" href="http://goo.gl/tI1vFZ"><span>CHƠI NGAY</span></a></div>
</span></div>
</div>
</div>
</td><td>
<div style="width: 170px; margin-left: 10px; margin-right: 10px; padding-top: 10px; padding-bottom: 10px">
<div style="text-align: center"><a target="_blank" href="#"><img width="155px" height="103px" border="0" src="http://2.bp.blogspot.com/-StipHYq9MKs/UpPy_2qRM0I/AAAAAAAADXU/abakCdQ_o3o/s1600/tai-game-ionline.png"></a></div>
<div style="text-align: left; padding-top: 5px; padding-left: 7px; padding-right: 7px;">
<div style="font-size: 14px; padding-bottom: 8px; text-align:center"><a target="_blank" href="#" class="gnews">Game Mobile <br>Game bài iOnline</a></div>
<div style="padding-left:10px"><span id="UCGameNews1_GameNewsList_ctl03_GLContent" class="GLContent"><div style="margin-bottom:5px; margin-left:-6px; background-color:#138da5; text-align:center; font-weight:bold; color:#ffffff; font-size:13px;padding:5px 0; font-family:arial">
<a target="_blank" style="text-decoration:none; color:#ffffff" href="#"><span>ĐĂNG KÝ</span></a></div>
<div style="margin-bottom:5px; margin-left:-6px; background-color:#ff021a; text-align:center; font-weight:bold; color:#ffffff; font-size:13px;padding:5px 0; font-family:arial">
<a target="_blank" style="text-decoration:none;color:#ffffff;" href="#"><span>CHƠI NGAY</span></a></div>
</span></div>
</div>
</div>
</td>
<td>
<div style="width: 170px; margin-left: 10px; margin-right: 10px; padding-top: 10px; padding-bottom: 10px">
<div style="text-align: center"><a target="_blank" href="#"><img width="155px" height="103px" border="0" src="http://2.bp.blogspot.com/--U1dy4LWkVc/UpPzAYtcQWI/AAAAAAAADXo/jSb6L_QvMnw/s1600/tay-du-ky-online.png"></a></div>
<div style="text-align: left; padding-top: 5px; padding-left: 7px; padding-right: 7px;">
<div style="font-size: 14px; padding-bottom: 8px; text-align:center"><a target="_blank" href="#" class="gnews">Game Mobile <br>Tây Du Ký Online</a></div>
<div style="padding-left:10px"><span id="UCGameNews1_GameNewsList_ctl04_GLContent" class="GLContent"><div style="margin-bottom:5px; margin-left:-6px; background-color:#138da5; text-align:center; font-weight:bold; color:#ffffff; font-size:13px;padding:5px 0; font-family:arial">
<a target="_blank" style="text-decoration:none; color:#ffffff" href="#"><span>ĐĂNG KÝ</span></a></div>
<div style="margin-bottom:5px; margin-left:-6px; background-color:#ff021a; text-align:center; font-weight:bold; color:#ffffff; font-size:13px; padding:5px 0; font-family:arial">
<a target="_blank" style="text-decoration:none;color:#ffffff;" href="#"><span>CHƠI NGAY</span></a></div>
</span></div>
</div>
</div>
</td>
<td>
<div style="width: 170px; margin-left: 10px; margin-right: 10px; padding-top: 10px; padding-bottom: 10px">
<div style="text-align: center"><a target="_blank" href="#"><img width="155px" height="103px" border="0" src="http://4.bp.blogspot.com/-2MVoPdvrF44/UpPzAuYh_bI/AAAAAAAADXs/6OE7RASC0tw/s1600/vo-lam-mobile.png"></a></div>
<div style="text-align: left; padding-top: 5px; padding-left: 7px; padding-right: 7px;">
<div style="font-size: 14px; padding-bottom: 8px; text-align:center"><a target="_blank" href="#" class="gnews">Game Mobile <br>Võ Lâm Mobile</a></div>
<div style="padding-left:10px"><span id="UCGameNews1_GameNewsList_ctl04_GLContent" class="GLContent"><div style="margin-bottom:5px; margin-left:-6px; background-color:#138da5; text-align:center; font-weight:bold; color:#ffffff; font-size:13px;padding:5px 0; font-family:arial">
<a target="_blank" style="text-decoration:none; color:#ffffff" href="#"><span>ĐĂNG KÝ</span></a></div>
<div style="margin-bottom:5px; margin-left:-6px; background-color:#ff021a; text-align:center; font-weight:bold; color:#ffffff; font-size:13px; padding:5px 0; font-family:arial">
<a target="_blank" style="text-decoration:none;color:#ffffff;" href="#"><span>CHƠI NGAY</span></a></div>
</span></div>
</div>
</div>
</td>
</tr>
</tbody></table>
</div>
</div>
</div>
</div>
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<div class="main">
<!-- BEGIN message_admin_titre -->
<div class="main-head">
<h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div id="pun-announcement">
<p>{message_admin_index.message_admin_txt.MES_TXT}</p>
</div>
<!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
<table width="100%"><tbody><tr><td width="90%" valign="top">
{BOARD_INDEX}</td>
<td width="25%" valign="top">
<div id="sidebar_container" class="">
<ul id="sidebar">
<li>
<div class="block smaller">
<div class="blocksubhead">
<a class="collapse" id="collapse_block_html_2" href="forum.php#top"><img alt="" src="http://forum.mu-hanoi.net/images/buttons/collapse_40b.png" id="collapseimg_html_2"></a>
<span class="blocktitle">Event</span>
</div>
<div class="widget_content blockbody floatcontainer">
<div id="block_html_2" class="blockrow">
<div class="eventlist">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FMUHNSS6&width=240&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true&appId=616364555069915" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:290px;" allowtransparency="true"></iframe>
<p><a target="_blank" href="http://forum.mu-hanoi.net/showthread.php?1176301"><img src="http://mu-hanoi.net/banner/itemchinhchu_245x245.jpg" border="0"></a></p>
<p><a target="_blank" href="https://apps.facebook.com/muhanoi_giftcode"><img src="http://mu-hanoi.net/banner/nhan2000wcoin_245x245.jpg" border="0"></a></p>
</div>
</div>
</div>
<div class="underblock"></div>
</div></li><li>
<div class="block smaller">
<div class="blocksubhead">
<a class="collapse" id="collapse_block_html_5" href="forum.php#top"><img alt="" src="http://forum.mu-hanoi.net/images/buttons/collapse_40b.png" id="collapseimg_html_5"></a>
<span class="blocktitle">Hỗ trợ</span>
</div>
<div class="widget_content blockbody floatcontainer">
<div id="block_html_5" class="blockrow">
<div class="hotro">
<b>Hỗ trợ Nạp Thẻ:</b>
<a href="ymsgr:sendIM?hanoi_cruel&m=Vui lòng ghi luôn nội dung cần giúp. Không Buzz, không gọi ê, anh ơi, giúp em với, ..."><img src="http://opi.yahoo.com/online?u=hanoi_cruel&m=g&t=2" border="0"></a> <br>
<div class="thoigianonline">
<b>Hỗ trợ Game:</b> <br>
<span>Thời gian Online thường xuyên <br><b>10h00-12h00, 13h00-16h00, 19h00-21h00</b></span>
<a href="ymsgr:sendIM?hanoi_landofphi&m=Vui lòng ghi luôn nội dung cần giúp. Không Buzz, không gọi ê, anh ơi, giúp em với, ..."><img src="http://opi.yahoo.com/online?u=hanoi_landofphi&m=g&t=2" border="0"></a><br>
</div>
<div class="thoigianonline">
<b>Hỗ trợ Tài Khoản số 1:</b> <br>
<span>Thời gian Online thường xuyên <br><b>9h00 - 12h00, 15h00 - 17h00</b></span>
<a href="ymsgr:sendIM?hanoi_meohoang1102&m=Vui lòng ghi luôn nội dung cần giúp. Không Buzz, không gọi ê, anh ơi, giúp em với, ..."><img src="http://opi.yahoo.com/online?u=hanoi_meohoang1102&m=g&t=2" border="0"></a><br>
</div>
<div class="thoigianonline">
<b>Hỗ trợ Tài Khoản số 2:</b> <br>
<span>Thời gian Online thường xuyên <br><b>9h00 - 12h00, 15h00 - 17h00</b></span>
<a href="ymsgr:sendIM?hanoi_legendheroes&m=Vui lòng ghi luôn nội dung cần giúp. Không Buzz, không gọi ê, anh ơi, giúp em với, ..."><img src="http://opi.yahoo.com/online?u=hanoi_legendheroes&m=g&t=2" border="0"></a><br>
</div>
</div>
<div class="hotro"><br>
<b>Xử lý vấn đề Event:</b> <br>
<a href="ymsgr:sendIM?hanoi_thesun&m=Vui lòng ghi luôn nội dung cần giúp. Không Buzz, không gọi ê, anh ơi, giúp em với, ..."><img src="http://opi.yahoo.com/online?u=hanoi_thesun&m=g&t=2" border="0"></a><br>
<b>Xử lý vấn đề khác:</b> <br>
<a href="ymsgr:sendIM?onetime_muhanoi&m=Vui lòng ghi luôn nội dung cần giúp. Không Buzz, không gọi ê, anh ơi, giúp em với, ..."><img src="http://opi.yahoo.com/online?u=onetime_muhanoi&m=g&t=2" border="0"></a><br>
<div class="thoigianonline">
<b>Trung Gian Giao Dịch MU Bank: </b> <br>
<span><br>
<b>Hotline hỗ trợ giao dịch: 0165.930.88.39</b><br>
( Chỉ gọi khi cần trung gian giao dịch ngoài ra các vấn đề về Game, GM sẽ không hỗ trợ được )</span>
<a href="ymsgr:sendIM?hanoi_mubank&m=Hỗ trợ Giao Dịch An Toàn, không giải quyết các vấn đề tài khoản và Game. Vui lòng ghi luôn nội dung cần giúp. Không Buzz, không gọi ê, anh ơi, giúp em với, ..."><img src="http://opi.yahoo.com/online?u=hanoi_mubank&m=g&t=2" border="0"></a><br>
</div>
</div>
<div class="hotro"><br>
<div class="thoigianonline">
<b>Hỗ trợ Diễn Đàn: </b> <br>
<span>Thời gian Online thường xuyên<br>
<b>10h00-12h00, 19h00-24h00 (T2-T6)<br>
9h00-18h00, 21h00- 24h00(CN)</b></span><b>
<a href="ymsgr:sendIM?hanoi_forum&m=Hỗ trợ Diễn Đàn. Giải quyết các vấn đề về tài khoản diễn đàn, thông tin tài khoản Game. Vui lòng ghi luôn nội dung cần giúp. Không Buzz, không gọi ê, anh ơi, giúp em với, ..."><img src="http://opi.yahoo.com/online?u=hanoi_forum&m=g&t=2" border="0"></a><br>
</b></div><b>
</b></div><b>
</b></div><b>
</b></div><b>
</b></div><b>
<div class="underblock"></div>
</b></li><b>
</b></ul><b>
</b></div>
</td></tr></tbody></table>
<!-- BEGIN disable_viewonline -->
<div class="main"><div class="main-head"><div class="page-title"><b><h2>Tình Hình Diễn Đàn</h2></b></div></div>
<div class="main-content">
<br/>
<div style="padding-left:20px">
<img src="http://i37.servimg.com/u/f37/17/47/85/23/wall10.gif" /> {TOTAL_POSTS}
</div>
<br/>
<div style="padding-left:20px">
<img src="http://i36.servimg.com/u/f36/17/46/03/61/chart10.png" /> {TOTAL_USERS}
</div>
<br/>
<div style="padding-left:20px">
<img src="http://i37.servimg.com/u/f37/17/47/85/23/profil10.gif" /> {NEWEST_USER}
</div>
<br/>
</div> </div>
<div class="main"><div class="main-head"><div class="page-title"><b><h2>Tình Hình Hiện Tại</h2></b></div></div>
<div class="main-content">
<div id="onlinelist" style="border-top: 0px dashed #FFF;">
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
<p class="right">
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
{L_WHO_IS_ONLINE}
<!-- END switch_viewonline_nolink -->
</p>
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
<br />
{L_ONLINE_USERS}
</p>
<div class="clear"></div>
<style>
#legend{border-top:1px solid #F3F3F3;line-height:20px;height:45px;padding:10px 0}
#legend b{display:block;width:200px;float:left;padding:0 10px}
#legend b:before{content:"[ "}
#legend b:after{content:" ]"}
</style>
<p id="legend">{GROUP_LEGEND}</p>
</div>
<script type="text/javascript">//<![CDATA[
$("#legend").prepend($("#legend a").length + " ").contents().filter(function(){return this.nodeType === 3;}).remove();//]]></script>
</div> </div>
<div class="main"><div class="main-head"><div class="page-title"><b><h2>Thống Kê Thành Viên</h2></b></div></div>
<div class="main-content" style="padding:15px;">
<div class="avatar-body">{L_CONNECTED_MEMBERS}</div>
<br/><br/>
<div class="avatar-body">{LOGGED_IN_USER_LIST}</div>
</div> </div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
{AUTO_DST}
index_box
Code:
<style>
.las1 { background: url(http://i.imgur.com/pc3BpwT.png); height: 34px; border-bottom: 3px solid #1F7E23; line-height: 35px; color: #1F7E23; font-weight: bold; }
.childforum li.forumbit_post {-webkit-box-shadow: 0 4px 3px 1px #9B9B9B; float: left; width: 47%; border: 1px solid #ccc; margin-right: 13px; padding: 0; clear: none; }
.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2 { padding: 12px 0;min-height: 45px }
.forumbit_post { float: left; position: relative; width: 100%; display: block; }
ol.childforum { float: left; width: 103%; margin: 0; padding: 0; }
.lasvip { position: absolute; left: 10px; }
.forumdata { padding: 0; width: 100%; _width: 99%; }
.datacontainer { margin-left: 0; }
.datacontainer { float: left; width: 88%; padding-left: 58px; }
.forumtitle a { font-weight: bold; }
.datacontainer { max-width: 294px; }
.las2 {position: absolute;margin: -5px 10px 0 0;}
.las3 h2 { color: #4360FC; font-family: Trebuchet MS; font-size: 17px!important; font-variant: small-caps; margin-left: 25px; font-weight: 600!important; }
#lasbox {padding: 0.8em 1em; margin: 3px 1px;
color: #FFFFFF; width: 375px;}
#lasbox a img{vertical-align: middle; padding-right: 2px;}
#lasbox a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
</style>
<li class="forumbit_nopost old L1" id="cat32" style="list-style: none;">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="clear"></div>
<div class="main-head">
<div class="page-title" style=" margin-bottom: 10px; margin-top: 15px;"><img class="las2" alt="HOT" src="http://i57.servimg.com/u/f57/16/18/15/10/zzzssf10.png"><strong class="las3">{catrow.tablehead.L_FORUM}</strong></div>
</div>
<ol id="c_cat32" class="childforum">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<li id="lasperp" class="forumbit_post old L{FORUM_ID}">
<div class="forumrow table">
<div class="las1"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle"><img alt="" src="http://2img.net/i/fa/empty.gif" id="lasicobox" style="width: 15px;">{catrow.forumrow.FORUM_NAME}</a></div>
<div class="foruminfo td">
<img class="lasvip" id="forum_statusicon_6" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<div class="forumdata">
<div class="datacontainer">
<div class="titleline">
<p style="font-weight: bold;">Bài viết: <a>{catrow.forumrow.TOPICS}</a> Chủ đề: <a>{catrow.forumrow.POSTS}</a></p>
<div style="height:5px"></div>
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
</div>
</div>
<div class="clear" id="lasbox">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</div>
</div>
</div>
</li>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ol>
<!-- END tablefoot -->
<!-- END catrow -->
</li>
<div class="clear"></div>
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 -->
</div>
<br />
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
</div>
</div>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
<script type="text/javascript">//<![CDATA[
$(".crumbs > strong > a").unwrap("strong");$(".crumbs > strong:empty").remove();$(".crumbs a[href='" + canonical + "'], #pun-navlinks .mainmenu[href='" + canonical + "']").addClass("active");if(!$("#pun-navlinks .mainmenu.active").length) $("#pun-navlinks .mainmenu:first").addClass("active");if(!$(".crumbs a.active").length) $(".crumbs *:last-child").addClass("active"); $("a[href^='/c'], a[href^='/f'], a[href^='/t']").attr({href: function () {var a = $.trim($(this).text());if ("" != a) return this.href.replace(location.origin, "").replace(/(\-category|\-forum|\-topic)/, "-" + lang_vi(a))}}); function imgAva(a) {var u = a.replace(/.+\/u(\d+)(\?tt=1)?/, "$1");a = avatar[u];void 0 == a && (a = "//i56.servimg.com/u/f56/18/59/49/93/noavat10.jpg"); - 1 == a.indexOf("/") && (a = "http://r23.imgfast.net/users/2316/63/36/82/avatars/" + a);a = a.replace("@", u + "-");a = a.replace("*", "//illiweb.com/fa/i/avatars/");a = a.replace("!", "gallery/");a = a.replace(/\{$/, ".png");a = a.replace(/\}$/, ".gif");a = a.replace(/\[$/, ".jpg");a = a.replace(/\]$/, ".jpeg");return '<img class="statusAva" src="' + a + '" alt="avatar" onerror="this.src=\'https://i.servimg.com/u/f56/18/59/49/93/noavat10.jpg\';" />'};var avatar;$.get("/h7-avatar", function(data){avatar = $.parseJSON(data)[0];$(".avatarBox .tcr").prepend(function () {var user = $(this).find("a[href^='/u']");if (user.length) {return imgAva(user[0].href)}});$("#left a[href^='/u']").mouseover(function () { show_tooltip(this, imgAva(this.href))}); });//]]></script>
<footer id="theme-footer">
<div class="footer">
<div id="wrap">
<div class="fl">
<a href="/">Cổng thông tin Game Private</a> |
<a href="/game-online/">Game Online</a> |
<a href="/esports/">Esports</a> |
<a href="/mobile-social/">Mobile Social</a> |
<a href="/cosplay/">Cosplay</a> |
<a href="/video/">Video</a> |
<a href="/giai-tri/">Giải trí</a> |
<a href="/giftcode/">Giftcode</a>
<br>
Game Private là một cộng đồng mở, chúng tôi không chịu trách nhiệm những nội dung của thành viên đưa lên.
<br>
Cảm ơn <b style=" color: red; ">Lasperpen</b> đã cho chúng tôi ý tưởng về skin này
<br>
Email : luigilubo114@gmail.com
<br>
{LAST_VISIT_DATE}
</div>
<div class="icon">
<a href="" onmouseover="icon1.src='http://game8.vn/App_Themes/Default/images/face_hov.jpg'" onmouseout="icon1.src='http://game8.vn/App_Themes/Default/images/face-22.jpg'">
<img src="http://game8.vn/App_Themes/Default/images/face-22.jpg" name="icon1"></a>
<a href="" onmouseover="icon2.src='http://game8.vn/App_Themes/Default/images/twitter_hov.jpg'" onmouseout="icon2.src='http://game8.vn/App_Themes/Default/images/twitter.jpg'">
<img src="http://game8.vn/App_Themes/Default/images/twitter.jpg" name="icon2"></a>
<a href="" onmouseover="icon3.src='http://game8.vn/App_Themes/Default/images/youtube_hov.jpg'" onmouseout="icon3.src='http://game8.vn/App_Themes/Default/images/youtube.jpg'">
<img src="http://game8.vn/App_Themes/Default/images/youtube.jpg" name="icon3"></a>
</div>
</div>
</div>
<div class="clear"></div>
</footer>
<script src="http://hotro.4forum.biz/44582.js" type="text/javascript"></script>
<script src="http://root.vn/holiday_bells/js/swfobject.min.js"></script>
<script src="http://www.hotrofm.com/47711.js"></script>
<div class="b-page_newyear" dav"height: 10px;"><div class="b-page__content"><i class="b-head-decor"><i class="b-head-decor__inner b-head-decor__inner_n1"><div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div></i><i class="b-head-decor__inner b-head-decor__inner_n2"><div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div></i><i class="b-head-decor__inner b-head-decor__inner_n3"><div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div></i><i class="b-head-decor__inner b-head-decor__inner_n4"><div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div></i><i class="b-head-decor__inner b-head-decor__inner_n5"><div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div></i><i class="b-head-decor__inner b-head-decor__inner_n6"><div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div></i><i class="b-head-decor__inner b-head-decor__inner_n7"><div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div><div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div></i></i></div></div>
<style>
.b-head-decor { display:none; }
.b-page_newyear .b-head-decor { position:absolute; top:0; left:0; display:block; height:115px; width:100%; overflow:hidden; background:url('http://root.vn/holiday_bells/images/balls/b-head-decor_newyear.png') repeat-x 0 0; }
.b-page_newyear .b-head-decor__inner { position:absolute; top:0; left:0; height:115px; display:block; width:373px; }
.b-page_newyear .b-head-decor::before { content:''; display:block; position:absolute; top:-115px; left:0; z-index:3; height:115px; display:block; width:100%; }
.b-page_newyear .b-head-decor__inner_n2 { left:373px; }
.b-page_newyear .b-head-decor__inner_n3 { left:746px; }
.b-page_newyear .b-head-decor__inner_n4 { left:1119px; }
.b-page_newyear .b-head-decor__inner_n5 { left:1492px; }
.b-page_newyear .b-head-decor__inner_n6 { left:1865px; }
.b-page_newyear .b-head-decor__inner_n7 { left:2238px; }
.b-ball { position:absolute; }
.b-ball_n1 { top:0; left:3px; width:59px; height:83px; }
.b-ball_n2 { top:-19px; left:51px; width:55px; height:70px; }
.b-ball_n3 { top:9px; left:88px; width:49px; height:67px; }
.b-ball_n4 { top:0; left:133px; width:57px; height:102px; }
.b-ball_n5 { top:0; left:166px; width:49px; height:57px; }
.b-ball_n6 { top:6px; left:200px; width:54px; height:70px; }
.b-ball_n7 { top:0; left:240px; width:56px; height:67px; }
.b-ball_n8 { top:0; left:283px; width:54px; height:53px; }
.b-ball_n9 { top:10px; left:321px; width:49px; height:66px; }
.b-ball_n1 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_n1.png') no-repeat; }
.b-ball_n2 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_n2.png') no-repeat; }
.b-ball_n3 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_n3.png') no-repeat; }
.b-ball_n4 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_n4.png') no-repeat; }
.b-ball_n5 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_n5.png') no-repeat; }
.b-ball_n6 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_n6.png') no-repeat; }
.b-ball_n7 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_n7.png') no-repeat; }
.b-ball_n8 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_n8.png') no-repeat; }
.b-ball_n9 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_n9.png') no-repeat; }
.b-ball_i1 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_i1.png') no-repeat; }
.b-ball_i2 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_i2.png') no-repeat; }
.b-ball_i3 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_i3.png') no-repeat; }
.b-ball_i4 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_i4.png') no-repeat; }
.b-ball_i5 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_i5.png') no-repeat; }
.b-ball_i6 .b-ball__i { background:url('http://root.vn/holiday_bells/images/balls/b-ball_i6.png') no-repeat; }
.b-ball_i1{top:0; left:0; width:25px; height:71px; }
.b-ball_i2{top:0; left:25px; width:61px; height:27px; }
.b-ball_i3{top:0; left:176px; width:29px; height:31px; }
.b-ball_i4{top:0; left:205px; width:50px; height:51px; }
.b-ball_i5{top:0; left:289px; width:78px; height:28px; }
.b-ball_i6{top:0; left:367px; width:6px; height:69px; }
.b-ball__i { position:absolute; width:100%; height:100%; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; -o-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; pointer-events:none; }
.b-ball_bounce .b-ball__right{position:absolute; top:0; right:0; left:50%; bottom:0; z-index:9; }
.b-ball_bounce:hover .b-ball__right{ display:none; }
.b-ball_bounce .b-ball__right:hover{ left:0; display:block!important; }
.b-ball_bounce.bounce>.b-ball__i{ -webkit-transform:rotate(-9deg); -moz-transform:rotate(-9deg); -o-transform:rotate(-9deg); transform:rotate(-9deg); }
.b-ball_bounce .b-ball__right.bounce+.b-ball__i { -webkit-transform:rotate(9deg); -moz-transform:rotate(9deg); -o-transform:rotate(9deg); transform:rotate(9deg); }
.b-ball_bounce.bounce1>.b-ball__i {-webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg); transform:rotate(6deg); }
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i {-webkit-transform:rotate(-6deg); -moz-transform:rotate(-6deg); -o-transform:rotate(-6deg); transform:rotate(-6deg); }
.b-ball_bounce.bounce2>.b-ball__i{ -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); }
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{ -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); }
.b-ball_bounce.bounce3>.b-ball__i {-webkit-transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); }
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i { -webkit-transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); }
#header {
margin-top: 50px;
}
</style>
Được sửa bởi lasperpen ngày 9/1/2016, 23:30; sửa lần 1.