Demo:
http://sinhviendongthap.net/@4r/
Code:
css:
Index_body
http://sinhviendongthap.net/@4r/
Thông Tin: Phiên Bản: punbb Rip: Tuấn Anh |
Code:
css:
- Code:
body {
background: url(http://sinhviendongthap.net/@4r/images/Windows7/bg.jpg) no-repeat fixed center top #1B75BB;
color: #000;
line-height: 1.4;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
a:link {
color: #026CB1;
text-decoration: none;
}
a:visited {
color: #026CB1;
text-decoration: none;
}
a:hover, a:active {
color: #000;
text-decoration: underline;
}
.pun {
background: #fff;
width: 930px;
color: #000000;
border: 1px solid #e4e4e4;
margin: auto auto;
padding: 20px;
text-align: left;
}
#content {
width: auto !important;
}
#metrologodiv {
background: url(http://sinhviendongthap.net/@4r/images/Windows7/topmenu/modernuilogo.jpg) no-repeat scroll 0 0 transparent;
float: left;
height: 200px;
margin: 20px 10px 10px;
width: 200px;
}
#metrologodiv a {
-moz-transition: all 0.3s ease 0s;
background: url(http://sinhviendongthap.net/@4r/images/Windows7/topmenu/modernuilogo.jpg) no-repeat scroll 0 -200px transparent;
display: block;
height: 200px;
opacity: 0;
text-indent: -9999px;
width: 200px;
}
#metrologodiv a:hover {
opacity: 1;
}
#metroheader {
background: url(http://sinhviendongthap.net/@4r/images/Windows7/topmenu/banner.jpg) repeat-x;
width: 930px;
height: 250px;
margin-top: 15px;
}
.main .main-head{
background: #fcad03 url(http://sinhviendongthap.net/@4r/images/Windows7/thead.png) top left repeat-x;
color: #ffffff;
padding-left: 25px;
height: 38px;
border-radius: 10px 10px 0 0;
}
.main-head a:link {
color: #fff;
text-decoration: none;
}
.main-head a:visited {
color: #fff;
text-decoration: none;
}
.main-head a:hover, .main-head a:active {
color: #ffffff;
border-bottom: 1px dotted #fff;
}
.main {
background: #FFFFFF;
width: 100%;
margin: auto auto;
border-radius: 10px 10px 0 0;
box-shadow: 0 3px 2px 3px #C6C6C6;
}
.pun-crumbs {
width: 98%;
color: #292929;
font: 14px "PT Sans" Arial;
background-image: url(http://i34.servimg.com/u/f34/17/54/30/53/second10.png);
background-repeat: repeat-x;
height: 30px;
line-height: 30px;
border: solid 1px #ccc;
overflow: hidden;
margin: auto auto;
padding: 0px 5px 0px 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.pun-crumbs p{
font-size:0;line-height:30px;margin:0;visibility:hidden
}
.pun-crumbs a{background:url(http://i34.servimg.com/u/f34/17/54/30/53/second11.png) no-repeat 100% -2px;font-size:11px;padding:12px 17px 12px 4px;visibility:visible}
#stats{
background-color:#fff;
}
#onlinelist
{
background-color:#fff;
}
Index_body
- Code:
{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 -->
<!-- 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}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
<div class="main-head">
<div class="page-title">
Tình Hình Diễn Đàn</div></div>
<div class="main-content">
<div id="stats">
<p class="right">{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
</div>
<div id="onlinelist">
<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 />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
<div class="clear"></div>
<p>{LEGEND} : {GROUP_LEGEND}</p>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div id="onlinechat">
<p class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
</p>
</div>
<!-- END switch_chatbox_activate -->
</div>
</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 -->