[Share] Skin Trong suốt dạng win7

[admin]

admin

admin

ADMIN

Posts : 655
Xu : 103692
Thanked : 25

• Message n°1

[Share] Skin Trong suốt dạng win7

 par admin 18/09/12, 08:14 pm

demo

Code:

[b][url=http://hotro20.forumvi.com]http://hotro20.forumvi.com[/url][/b]

Lưu ý: -Khi sử dụng không xóa tên người thiết kế dưới cùng forum

Index body:

Code:

{JAVASCRIPT}
{JAVASCRIPT}
 <div id="pun-info" class="boxFMvi main">
      <div class="main-head">
        <div class="page-title">
            <h2>Khu vực tán gẫu chung</h2>
                  </div>
      </div>
        <iframe frameborder="0" width="100%" height="400px" onerror="firstchatfmvi()"
      src="/chatbox/index.forum?archives=1" onload="firstchatfmvi()" id="chatfmvi"></iframe>
      <script type="text/javascript">
        function firstchatfmvi() {
            setTimeout(function () {
              if ($("#chatfmvi").contents().find("#chatbox_option_disco").css("display") == "none") {
                  $("#chatfmvi")[0].contentWindow.CB_disconnect()
              }
            }, 2000);
        }
      </script>
  </div>
                 
<!-- 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}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="wgo" class="collapse wgo_block block">
 
 <div id="pun-info" class="boxFMvi main">
      <div class="main-head">
        <div class="page-title">
            <h2>THỐNG KÊ</h2>
                  </div>
      </div>
 
  <div id="home-statis" class="blockbody formcontrols floatcontainer"> 
   
  <div id="wgo_birthdays" class="wgo_subblock section">
   
  <h3 class="blocksubhead">
   
 
  <img src="http://elive.vn/images/misc/birthday.png" alt="Chúc mừng
sinh nhật ^^!" title="Chúc mừng sinh nhật ^^!">Chúc mừng sinh nhật
^^!</h3>
   
  <ol class="commalist">
  <p>{L_WHOSBIRTHDAY_TODAY}</p>
    <p>{L_WHOSBIRTHDAY_WEEK}</p>
   
    </ol>
   
  </div> 
   
    <div id="wgo_onlineusers" class="wgo_subblock section">
   
  <h3 class="blocksubhead"><br>
 
      <h3 class="blocksubhead"><img
src="http://elive.vn/images/misc/forum_stats.png" alt="Thống kê "
title="Thống kê ">Thống kê </h3>
         
          <div>
           
          <p>{RECORD_USERS}</p>
<p>{LOGGED_IN_USER_LIST}</p>
<p>{L_ONLINE_USERS}</p>
<p>{L_CONNECTED_MEMBERS}</p>
         
            <p>{TOTAL_CHATTERS_ONLINE}</p>
 
   
    </div>
    </div>
     
      <div id="wgo_stats" class="wgo_subblock section">
        <br>
       
       
          <div>
           
 
          <img src="http://elive.vn/images/misc/users_online.png"
alt="Thành viên đang trực tuyến" title="Thành viên đang trực
tuyến">Thành viên đang trực tuyến</h3>
   
   
    <div>
     
    <p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
  <p>{GROUP_LEGEND}</p>
            </div> </div> 
<!-- END disable_viewonline -->
  </div>
<!-- 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}
<div class="main-content">
<!-- BEGIN switch_legend -->
<ul id="pun-legend"> <br>
  <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:

Code:

<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
                                 
                       
              <tr>
                  <td class="tcl" style="padding-right: 0px; padding-left:56px;">
                    <span class="status" style="margin-right: -32px;margin-left: -62px;">
 
                      <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}"
class="forumtitle">
                                             
 <h{catrow.forumrow.LEVEL} onmouseover="show_tooltip(this,
$(this).next().html(), 'FMvi.Org')" class="hierarchy">
         
                    <a href="{catrow.forumrow.U_VIEWFORUM}"
class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                            </h{catrow.forumrow.LEVEL}>

 
                                                  <div
id="toggle_background" style="display: none;">  <div
class="tipchuthich"><div
style="padding:10px">{catrow.forumrow.FORUM_DESC}</div></div></div>
 </div>
                                                   
                    <!-- BEGIN switch_moderators_links -->
                  <br>  <br />
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                   
<div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</div>
                  </td>
 
                <td class="tc2"><div
class="for_box">{catrow.forumrow.TOPICS}<span>Chủ
đề</span></div></td>
                  <td
class="tc3"><div
class="for_box">{catrow.forumrow.POSTS}<span>Bài
viết</span></div></td>
                  <td class="tcr">
                    <span>
                                                        <!-- 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 -->
                                                          {catrow.forumrow.USER_LAST_POST} </div>
                                                  </span>
                                                       
                                          </td>
                                       
              </tr>
                                 
                             
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
                               
            </tbody>
                         
        </table>
                 
      </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>

Overall footer begin:

Code:

<!-- BEGIN html_validation -->
<div>
  <div>
      <div>
        <div>
            <div>
              <div>
                  <div>
                    <div>
<!-- END html_validation -->
                    </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>
<div id="pun-foot">
  <div id="pun-about" class="clearfix">
 
    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox"
onsubmit="if(document.jumpbox.f.value == -1){return false;}"
id="qjump">
        <fieldset>
            <p><label>{L_JUMP_TO}: </label></p>
            {S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" />
        </fieldset>
      </form>
      <ul>
        <li>
<!-- BEGIN html_validation -->
        </li>
      </ul>
  </div>
</div>
<!-- END html_validation -->