demo: [You must be registered and logged in to see this link.]
index_body
box
skin rip by dang0123
convert từ vbb 4.11.xx
vui lòng không xóa dòng skin rip by dang0123
index_body
- Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<!-- 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 -->
<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
</div>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
<table width="100%"><tbody><tr><td width="90%" valign="top">
{BOARD_INDEX}</td>
<td width="30%" valign="top">
<div id="sidebar_home">
<div id="sidebar_container">
<ul id="sidebar">
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://westlifevn.net/forum/images/styles/GamerGreen/buttons/collapse_40b.png" id="collapseimg_newthreads_1"></a><span class="blocktitle"> Sự kiện hot </span></div>
<div class="widget_content blockbody floatcontainer">
<a href="http://vn-answer.123.st/f29-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">tổng hợp code</a><br/>
<a href="http://vn-answer.123.st/f30-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">hỏi đáp lỗi fm</a><br/>
<a href="http://vn-answer.123.st/f107-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin invision</a><br/>
<a href="http://vn-answer.123.st/f111-forum"><img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin phpbb2 </a><br/>
<a href="http://vn-answer.123.st/f110-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin phpbb3</a><br/>
<a href="http://vn-answer.123.st/f39-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin punbb</a><br/>
<a href="http://vn-answer.123.st/f1-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">yêu cầu rip skin </a><br/>
</div></div><div class="underblock"></div></li>
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://westlifevn.net/forum/images/styles/GamerGreen/buttons/collapse_40b.png" id="collapseimg_newthreads_1"></a><span class="blocktitle">last online</span></div>
<div class="widget_content blockbody floatcontainer">
<style>#topp img {height: 35px;width: 35px;background-color: #FCFCFF;padding: 2px;border: 1px solid #CCC;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}#topp {text-align: left;width: 175px;}#topp a span{display:none;}#topp a:hover span {display: inline;position: absolute;padding: 5px;border: 1px solid white;border-radius: 1px;background: rgba(0, 0, 0, 0.8);box-shadow: 0 0 4px #333;color: white !important;font-size: 10px;}</style><div id="topp"></div><script>jQuery("#topp").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt(16)");</script>
</div></div><div class="underblock"></div></li>
<li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://westlifevn.net/forum/images/styles/GamerGreen/buttons/collapse_40b.png" id="collapseimg_newthreads_1"></a><span class="blocktitle">Dành cho quảng cáo</span></div>
<div class="widget_content blockbody floatcontainer">
<a href="http://invision.chinhphuc.info/" target="_blank" original-title="Diễn đàn Invision Việt Nam ( nơi bạn tìm thấy tất cả về : Invision )"><img src="http://i30.servimg.com/u/f30/17/70/31/89/logoo10.png" alt="quang cao" width="150" height="250"></a><br/>
<a href="http://mainhatinhban.yourme.net" target="_blank" original-title="Diễn đàn Mainhatinh bạn nơi kết nối trái tim :X"><img src="http://i38.servimg.com/u/f38/16/58/45/96/logoma10.png" alt="quang cao" width="150" height="250"></a></br>
<a href="http://conan.forum7.net/" target="_blank" original-title="Diễn đàn Conan - Giải Trí"><img src="http://data.kenhsinhvien.net/files/2012/08/20/KenhSinhVien-images(1).jpg" alt="quang cao" width="150" height="250"></a></br>
<a href="http://helpfm.forum.st/" target="_blank" original-title="Diễn đàn Help fm"><img src="http://r20.imgfast.net/users/2015/12/67/35/avatars/174-94.png" alt="quang cao" width="150" height="250"></a></br>
<a href="http://vn-answer.123.st/f109-forum" target="_blank" original-title="Kick để liên hệ quảng cáo"><img src="http://i38.servimg.com/u/f38/16/58/45/96/300x2510.jpg" alt="quang cao" width="150" height="250"></a>
</div></div><div class="underblock"></div></li>
</ul></div></div></div></td></tr></tbody></table>
<br/> <br/>
<!-- BEGIN disable_viewonline -->
<div class="tcat tcat2">
<div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
<h2>
<span class="forumtitle">Tình hình diễn đàn</span>
</h2>
</div></div>
</div>
<div id="wgo" class="collapse wgo_block block">
<div class="blockbody formcontrols floatcontainer">
<div id="wgo_onlineusers" class="wgo_subblock section">
<h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="Currently Active Users" title="Currently Active Users"> Ai đang online ?</h3><div><p class="gensmall"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></p></div></div><!--
endlogged-in users --><div id="wgo_stats" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://forum.vipautopro.com/images/styles/ShinyBlue/misc/forum_stats.png" alt=" Statistics" title=" Statistics"> Forum Statistics</h3><div><p class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</p></div></div>
<div id="wgo_stats2" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="ALS Statistics" title="ALS Statistics"> Member Stat</h3><div><table class="smallfont" id="dd4all"><tbody>{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</tbody></table></div></div>
<div id="wgo_legend" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://i967.photobucket.com/albums/ae153/ligerv/ligg/legend.png" alt="Legend" title="Legend">Legend . Chatbox . Icon</h3><div><p class="gensmall"><!-- BEGIN switch_chatbox_activate -->
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST} <br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
<!-- END switch_chatbox_activate --></p><p class="gensmall">{GROUP_LEGEND}</p><p class="gensmall" style="margin-left:20px"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}"width="16" /> Bài viết mới<br><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}"width="16" /> Chưa có bài viết mới<br><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}"width="16" /> Chuyên mục khóa<br></p></div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form main-box center">
<label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
<!-- END switch_fb_connect -->
</div>
</form>
<!-- END switch_user_login_form_footer -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_legend -->
<ul id="pun-legend">
<li>
<img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
</div>
<style type="text/css">
/* Sidebar--------------------------------------------------- */
#sidebar_container{float:right;width:180px;margin-bottom:3em;padding:17px 0}
#sidebar_container > ul{background:#ECF1E2 url(http://i34.servimg.com/u/f34/15/64/85/86/top-hi10.png) repeat-x left top;border:1px solid #D2DBC0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:-2px 2px 2px #C8C8C8;-webkit-box-shadow:-2px 2px 2px #C8C8C8;box-shadow:-2px 2px 2px #C8C8C8;float:left;width:100%;list-style:none;padding:0}
#sidebar_container .block{margin-bottom:4px;border-top-right:5px;border-top-left:5px;padding:6px}
#sidebar_container .blocksubhead{background:transparent none;height:16.76px;color:#424242;border:none;outline:none;font-weight:700;padding:5px 6px}
#sidebar_container a.collapse{position:static}
#sidebar_container .blocksubhead a img{vertical-align:middle;float:right}
.widget_content{color:#424242;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF url(http://i34.servimg.com/u/f34/15/64/85/86/gradie10.png) repeat-x;border:1px solid #DADADA;_background-image:none;padding:10px 6px}
#sidebar_container .blockbody{color:#424242;border:1px solid #DADADA;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF;_background-image:none;padding:0}
#sidebar_container .underblock{height:9px;background:transparent url(http://i34.servimg.com/u/f34/15/64/85/86/bottom10.png) repeat-x left bottom}
/* Sidebar--------------------------------------------------- */
</style>
box
- Code:
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}" original-title="{L_INDEX}<strong>{NAV_CAT_DESC}</strong>">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="tcat tcat2"><div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse"><h2><span class="forumtitle">{catrow.tablehead.L_FORUM}</span></h2></div></div></div>
<div class="forumbitBody">
<div class="thead_bar">
<div class="theadrow table">
<div class="foruminfo td">
<div class="forumdata">
<div class="datacontainer">
Title
</div>
</div>
</div>
<div class="forumactionlinks td">
</div>
<div class="forumstats td" align="center">
</div>
<div class="forumlastpost td">
Last Post
</div>
</div>
</div>
<div class="main-content"><table class="table" cellspacing="1" cellpadding="5" border="0"><tbody class="statused">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr>
<td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: 62px;">
<span class="status" style="margin-right: -42px; margin-left: -52px ">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</span>
<h{catrow.forumrow.LEVEL} class="hierarchy"> <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </h{catrow.forumrow.LEVEL}>
<br />
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<span style="float: left; margin: 15px 0px 0px 10px; width: 75%;">
{catrow.forumrow.FORUM_DESC}
</span>
<!-- BEGIN switch_moderators_links -->
<br />
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</td>
<td class="tc2">
{catrow.forumrow.TOPICS}
<strong> Chủ đề</strong>
<p>{catrow.forumrow.POSTS}<strong> Bài gửi</strong></p>
</td>
<td class="tcr">
<span>
<div id="forums-stats">
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</div>
</span>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</tbody> </table> </div>
<div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
</ul>
<!-- BEGIN switch_delete_cookies -->
<p class="right">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
<script type="text/javascript">
$(".subforumFMvi a").each(function () {
$(this).replaceWith('<option value="' + $(this).attr("href") + '">|-- ' + $(this).text() + '</option>');
});
$(".subforumFMvi option").each(function () {
$(this).appendTo($(this).parent().prev())
});
$(".subforumFMvi").each(function () {
if ($(this).text() == "") {
$(this).prev().remove();
$(this).remove();
} else {
$(this).prev().show()
}
});
</script>
<style>
/* bảng thống kê vbb */
.wgo_block {
margin: 0;
}
.wgo_block {
display: block;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-box-shadow: -2px 0px 2px #C8C8C8;
-webkit-box-shadow: -2px 0px 2px #C8C8C8;
box-shadow: -2px 0px 2px #C8C8C8;
margin-bottom: 0px;
}
.block {
background: transparent none;
clear: both;
padding: 0;
color: ;
font: ;
}
#forums *, #wgo *, #forumbits * {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
.wgo_block .blockbody {
border: 1px solid #C4C4C4;
background: #FDFEFF url(http://forum.vipautopro.com/images/gradients/gradient-greytowhite.png) repeat-x;
_background-image: none;
width: 100%;
}
.formcontrols {
border-right: 1px solid #B9C4CD;
border-left: 1px solid #B9C4CD;
border-bottom: 1px solid #B9C4CD;
}
.wgo_block .section {
display: block;
padding: 0 0 0.5em;
font: 12px;
color: #3E3E3E;
clear: both;
width: 100%;
background: #FDFEFF url(http://forum.vipautopro.com/images/styles/ShinyBlue/style/forumRowBG.gif) repeat-x left bottom;
font-size: 9pt;
}
.formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
border-top: none;
}
.wgo_block .section div, .wgo_block .section ol {
padding-left: 20px;
}
.blocksubhead {
font: normal 12px;
color: #3E3E3E;
background: #E9E9E9 none repeat-x;
padding: 4px 10px 4px 10px;
border-top: 1px solid #CECECE;
}
.wgo_block .blocksubhead {
font: normal 13px;
color: #3E3E3E;
background: transparent;
}
.floatcontainer::after, .formcontrols .blockrow::after, dl.stats::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}</style>