Demo:

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 -->

index_box

f

xem

Thanks

ec

xe,m

xem

Tuấn Anh đã viết:index_box

ok

xem

xem

ádasd

xem

xem

x

xem

xem

xem

x

thank

đẹp vậy ta

thanks

skin cung đẹp đó