[Share] Skin Teen Click

Skin rip by VipKen
Demo http://teenclick.net/f/
Khi sử dụng Skin này thì nên dùng hình nền



Lick Code
Index_body

Code:

<div id="page-body">
                              <table cellpadding="0" cellspacing="0" width="100%" border="0">
                    <tbody>
                        <tr>
                          <td valign="top" width="100%">
                              <div class="test"><table  class="thongke" cellpadding="0" cellspacing="0" width="100%" align="center"><tr>
<!-- BEGIN giefmod_index1 --><td align="center">
                                {giefmod_index1.MODVAR}
                                                             
</td><!-- END giefmod_index1 -->
</tr></table><br /></div>
                          </td>
</tr><tr>
                          <td valign="top" width="100%">
  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<!-- BEGIN html_validation -->
                          </td>
                        </tr>
                    </tbody>
                  </table>
              </div>
            </div>
        </td>
      </tr>
  </table>
</body>
</html>
<!-- END html_validation -->
</br>





{JAVASCRIPT}
<!-- BEGIN message_admin_index --> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="80%" align="center"> <!-- BEGIN message_admin_titre --> <tr> <td class="tcat" height="28">{message_admin_index.message_admin_titre.MES_TITRE}</td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="alt1" rowspan="3" align="center" valign="middle"> <div class="smallfont">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index --> {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top" class="tfoot" height="27"> <!-- BEGIN switch_user_logged_in --> <span class="smallfont"><a href="{U_MARK_READ}" class="smallfont"><b>{L_MARK_FORUMS_READ}</b></a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="smallfont">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right" class="tfoot" height="27"> <span class="smallfont"> <a href="{U_TODAY_ACTIVE}" class="smallfont"><b>{L_TODAY_ACTIVE}</b></a> <a href="{U_TODAY_POSTERS}" class="smallfont"><b>{L_TODAY_POSTERS}</b></a> <a href="{U_OVERALL_POSTERS}" class="smallfont"><b>{L_OVERALL_POSTERS}</b></a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="smallfont">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table> <br /><br /><br /> <!-- BEGIN disable_viewonline --> <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"><thead> <tr> <td class="tcat" colspan="2">Tình Hình Diễn Đàn</td> </tr> </thead> <tbody> <tr> <td class="thead" colspan="2">Ai đang Online:({TOTAL_USERS_ONLINE})</td></tr> <tr> <td class="alt1" align="center" valign="middle"><img src="http://img204.imageshack.us/img204/1637/3l0763947011.png" id="stat" alt=""></td> <td class="alt1"><span class="gensmall">{GROUP_LEGEND}<br> {RECORD_USERS}<br><br> {LOGGED_IN_USER_LIST} </span> </td> </tr></tbody> <tbody> <tr> <td class="thead" colspan="2">Total members that have visited the forum last 24h:</td></tr> <tr> <td class="alt1" align="center" valign="middle"><img src="http://img155.imageshack.us/img155/1552/cs0763947111.png" id="stat2" alt="{L_WHO_IS_ON2}"></td> <td class="alt1"><table>{L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table> </td> </tr></tbody> <tbody> <tr> <td class="thead" colspan="2">Thống Kê - Diễn Đàn :</td></tr> <tr> <td class="alt1" align="center" valign="middle"><img src="{L_ONLINE_IMG}"></td> <td class="alt1"><span class="gensmall">{TOTAL_POSTS}<br> {TOTAL_USERS}<br> {NEWEST_USER}</span></td> </tr> <tr><td class="alt1" colspan="2"><span class="gensmall"></span></td></tr> <!-- BEGIN switch_chatbox_activate --> <tr> <td class="alt1" colspan="2"> <span class="gensmall">{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 --> </span> </td> </tr> </tbody>
            </td>
        </tr>
    </tbody>
<!-- END switch_chatbox_activate --> </table> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="smallfont">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="smallfont">{L_NO_NEW_POSTS}</span></td> <td>  </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="smallfont">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend --> <br /> <br /> {AUTO_DST}

Index_box

Code:

<br /><table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom">  <!-- BEGIN switch_user_logged_in --> <span class="smallfont">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="navbar"><a class="navbar" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="smallfont" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="smallfont" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="smallfont" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="smallfont" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table><br /> <!-- BEGIN catrow --> <!-- BEGIN tablehead --> <table class="tborder" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="tcat" colspan="5" height="35"><Span class="secondarytitle"> {catrow.tablehead.L_FORUM} </span></td></tr> <tr> <td class="thead" colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" height="25"> Chuyên mục </td>  <td class="thead" nowrap="nowrap" width="150" height="25"><div style="width:150px;">{L_LASTPOST}</div></td><td class="thead" nowrap="nowrap" width="50" height="25">{L_TOPICS}</td> <td class="thead" nowrap="nowrap" width="50" height="25">{L_POSTS}</td> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td colspan="6" width="100%"> <h{catrow.cathead.LEVEL}> <a title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>  </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td class="alt1" align="center" valign="middle"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="alt1" onmouseover='this.className="alt2"' onmouseout='this.className="alt1"' colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"><div> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /></div> <span class="smallfont">{catrow.forumrow.FORUM_DESC}</span> <span class="smallfont"> <!-- BEGIN switch_moderators_links -->  <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <td class="alt1" align="center" valign="middle" height="50"> <span class="smallfont">{catrow.forumrow.LAST_POST}</span> </td> <td class="alt2" align="center" valign="middle" height="50"> <span class="smallfont">{catrow.forumrow.POSTS}</span> </td> <td class="alt1" onmouseover='this.className="alt1"' onmouseout='this.className="alt1"' align="center" valign="middle" height="50"> <span class="smallfont">{catrow.forumrow.TOPICS}</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="alt3" colspan="3" align="center" valign="middle" height="50"><span class="smallfont">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>  <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table> <img src="{SPACER}" alt="" height="5" width="1" /> <!-- END tablefoot --> <!-- END catrow -->

Overal_footer

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>
<table>
   <tr>
      <td>
         <div>
            <div>
               <table>
                  <tbody>
                     <tr>
                        <td>
<!-- END html_validation -->
                        <td valign="top" width="{C3SIZE}">
                        <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>
                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
         <!-- close div id="page-body" -->
         
               </div>
            </div>
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
try{
var pageTracker = _gat._getTracker("{G_ANALYTICS_ID}");
pageTracker._trackPageview();
} catch(err) { }
//]]>
</script>
<!-- END google_analytics_code -->


<!-- / close content container -->
<!-- /content area table -->

<form action="index.php" method="get">
</form>

<script type="text/javascript" src="avim/avim.js"></script>

<script type="text/javascript">
<!--
   // Main vBulletin Javascript Initialization
   vBulletin_init();
//-->
</script>



<!--  Begin CopyRight  -->
<table border="0" width="980" cellpadding="0" cellspacing="0" align="center">
</table>
<table width="980" align="center" class="alt1" style="margin-top:0px; padding-top:0px; padding-left:0px; padding-right:0px">
<tr>
<td align=left width="50%"  cellpadding="0px" cellspacing="0px">
<span class="smallfont"><font color="000000">
Skin rip by VipKen (Skin4U Team)<strong></strong>. All rights reserved.<br />

<b>Liên hệ quảng cáo: Skin4U</b><br>
ĐT: 097.9661.098.
<br />Thiết kế: Deon. Phát triển bởi TeenClick's Members.</b><br>
<a href="http://megahost.vn" title="Hosting Share, VPS, Server riêng, Host sinh viên"><font color="black">Megahost nhà cung cấp tên miền, hosting, VPS</font></a></div>

<td align='right' width="50%" style="margin-top:0px; padding-top:0px; padding-left:0px; padding-right:0px>   
<span class="smallfont"><font color="#000000">
<span class="smallfont"><font color="#000000">
<!-- RSS -->
<div align="right"> <a rel="nofollow" target="_blank" title="RSS" href="external.php?type=rss"><span style="border-style: solid; border-color: rgb(255, 204, 153) rgb(102, 51, 0) rgb(51, 51, 0) rgb(255, 153, 102); border-width: 1px; margin: 0pt; padding: 0pt 3px; background: rgb(255, 102, 0) none repeat scroll 0%; font-family: verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(255, 255, 255); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-decoration: none;">RSS</span></a> <a rel="nofollow" target="_blank" title="RSS 2.0" href="external.php?type=rss2"><span style="border-style: solid; border-color: rgb(255, 204, 153) rgb(102, 51, 0) rgb(51, 51, 0) rgb(255, 153, 102); border-width: 1px; margin: 0pt; padding: 0pt 3px; background: rgb(255, 102, 0) none repeat scroll 0%; font-family: verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(255, 255, 255); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-decoration: none;">RSS 2.0</span></a> <a rel="nofollow" target="_blank" title="XML" href="external.php?type=xml"><span style="border-style: solid; border-color: rgb(255, 204, 153) rgb(102, 51, 0) rgb(51, 51, 0) rgb(255, 153, 102); border-width: 1px; margin: 0pt; padding: 0pt 3px; background: rgb(255, 102, 0) none repeat scroll 0%; font-family: verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(255, 255, 255); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-decoration: none;">XML</span></a> <a rel="nofollow" target="_blank" title="S? ?? Forum" href="archive/index.php"><span style="border-style: solid; border-color: rgb(255, 204, 153) rgb(102, 51, 0) rgb(51, 51, 0) rgb(255, 153, 102); border-width: 1px; margin: 0pt; padding: 0pt 3px; background: rgb(255, 102, 0) none repeat scroll 0%; font-family: verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(255, 255, 255); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; text-decoration: none;">MAP</span></a></div>

<!-- End RSS -->

Múi giờ GMT +8. Hiện tại là <span class="time">02:33 PM</span><br />
Sử dụng mã nguồn phpBB2®Forumotion.<br>
Được phát triển bởi thành viên của <strong>TeenClick's</strong>.<br />
<b>BQT</b> hok chịu trách nhiệm trước nội dung của thành viên post nhé.<br>      

</font></span> </td> </tr> </table>
<!-- /  End CopyRight  -->



<!-- logo --> <a name="bottom"></a> <table width="980" cellpadding=0 cellspacing=0 border=0 align="center"> <tr><td> <img <img title="clip sock, tin shock, the gioi teen ,cong dong teen ,scandal 9x" src="http://teenclick.net/f/teenclick/footer_02.gif" border="0" WIDTH="980" HEIGHT="150"></td></tr> </table> <!-- /logo -->

</body>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10928403-2");
pageTracker._trackPageview();
} catch(err) {}</script>


</html>
</body>
<div id="page-footer">
            <div align="center">
               <div class="gen">
                  <strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT}
                  <!-- BEGIN switch_view_stats -->
                   | <a name="bottom" href="http://fansnsd.co.cc" class="copyright" rel="nofollow">SNSD Fan club</a>
                  <!-- END switch_view_stats -->
                  <!-- BEGIN switch_view_donation -->
                   | <a name="bottom" href="http://clanlovestory.forumclan.net/forum.htm" class="copyright" rel="nofollow">LoveStory Online</a>
                  <!-- END switch_view_donation -->
                  <!-- BEGIN switch_view_contact -->
                   | <a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a>
                  <!-- END switch_view_contact -->
                  {U_ABUSE} {U_BLOG}

Overall_head_new

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   {META_FAVICO}
   {META}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- BEGIN switch_ticker -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->
   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->
   //]]>
   </script>

   {GREETING_POPUP}
   <!-- BEGIN hitskin_preview -->
   <style type="text/css">
   #hitskin_preview {
      margin: 0; padding: 0;
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 65px;
      background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
      color: #fff;
   }
   * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
   }
   * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }
   #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
   }
   #hitskin_preview h1 img {
      vertical-align: middle;
   }
   #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
   }
   #hitskin_preview a {
   color: #fff;
   }
   #hitskin_preview a:hover {
   text-decoration: underline;
   }

   #hitskin_preview .content {
      text-align: right;
   }
   #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
   }
   #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
   }
   body {
      margin-top: 40px !important;
   }
   {hitskin_preview.HITSKIN_RTL_CSS}
   </style>
   <!-- END hitskin_preview -->
</head>

<body>

<link rel="icon" href="http://teenclick.net/f/images/ico.gif" type="image/gif" >

<!-- logo -->
<table id="Table_01" width="980" cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td width="980" height="470"> <img <img title="clip sock, scandal 9x" src="http://teenclick.net/f/teenclick/banner_02.jpg" border="0" width="980" height="470"></td> </tr> </table>
<!-- /logo -->

<!-- open content container -->

<div align="center">
   <div class="page" style="width:980px; text-align:left">

      <div style="padding:0px 35px 0px 35px" align="left">



<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
   <td class="alt1" width="100%">
      
         <div class="navbar" style="font-size:10pt"><a href="index.php" accesskey="1"><img class="inlineimg" src="http://teenclick.net/f/teenclick/misc/navbits_start.gif" alt="" border="0" /></a> <strong>Cộng Đồng Teen Sôi Động, Vui Vẻ, Sành Điệu - TeenClick.Net</strong></div>
      
   </td>


   <td class="alt2" nowrap="nowrap" style="padding:0px">
      <!-- login form -->
          <!-- BEGIN switch_user_logged_out --><!—
/ bang-dang-nhap -->

<form action="/login.forum" method="post" name="form_login">
<table cellpadding="0" cellspacing="0" border="0" valign=middle>
<tr><td>
<table cellpadding="0" cellspacing="5" border="0">
<tr>
<td style="white-space: nowrap;"><label><span class="smallfont">Tài khoản </span></label></td>
<td> <input class="post" type="text" size="10" name="username"/></td>
</tr>
<tr>
<td class="gensmall"><label><span class="smallfont">Mật khẩu </span></label></td>
<td> <input class="post" type="password" size="10" name="password" /></td>
</tr></table>
</td>
<td>
<table cellpadding="0" cellspacing="5" border="0">
<tr>
<td nowrap="nowrap"><label><span class="smallfont">Ghi nhớ</span> <input class="radio" type="checkbox" name="autologin" checked="checked" /></label>
</td>
</tr>
<tr>
<td nowrap="nowrap"><input class="button" type="submit" name="login" value="Đăng Nhập"></td></tr>
</table>
</td></tr>
</table>

</form> <!—
/ bang-dang-nhap --><!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
 
<font color="#FF61B1"><b>Chào bạn,<span class="USERNAME"></SPAN></b> <br /><span class="gensmall"><b>Chúc bạn 1 ngày tốt lành, vui vẻ với diễn đàn</b><br /><a href="/msg.forum?folder=inbox" accesskey="2">Tin nhắn</a> của bạn đã nhận <br /></font>
 
<!-- END switch_user_logged_in -->

      <!-- / login form -->
   </td>

</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<!-- nav buttons bar -->
<div class="tborder" style="padding:1px; border-top-width:0px">
   <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
   <tr align="center">
      
      
             <!-- BEGIN switch_user_logged_out --> <td class="vbmenu_control"><a href="/profile.forum?mode=register" rel="nofollow">Đăng Kí</a></td> <td class="vbmenu_control"><a href="/login.forum?connexion" rel="nofollow">Đăng Nhập</a></td> <!-- END switch_user_logged_out --> <td class="vbmenu_control"><a href="/forum.htm" accesskey="5">Diễn Đàn</a></td> <td class="vbmenu_control"><a href="/calendar.htm">Lịch</a></td> <td class="vbmenu_control"><a href="/search.forum?search_id=activetopics" accesskey="2">Bài Trong Ngày</a></td> <td id="navbar_search" class="vbmenu_control"><a href="/search.forum" rel="nofollow">Tìm Kiếm</a> </td> <!-- BEGIN switch_user_logged_in --><td class="vbmenu_control"><a href="/profile.forum?mode=editprofile" accesskey="2">Hồ sơ cá nhân</a></td> <!-- END switch_user_logged_in --> <!-- BEGIN switch_user_logged_in --><td class="vbmenu_control"><a href="/msg.forum?folder=inbox" accesskey="2">Tin nhắn</a></td> <!-- END switch_user_logged_in --> <!-- BEGIN switch_user_logged_in --><td class="vbmenu_control"><a href="/login.forum?logout=true" accesskey="2">Thoát</a></td> <!-- END switch_user_logged_in -->
         
         
      
      
      
      </tr>
   </table>
</div>
<!-- / nav buttons bar -->











            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

CSS

Code:

* phpBB2 : Skin Rip By VipKen
* Style: 'TCL_New'; Style ID: 56
*/
body
{
   background: #467ed5 url(http://i68.servimg.com/u/f68/14/98/61/65/tcat2_10.jpg);
   color: #000000;
   font: 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   margin: 0px 0px 0px 0px;
   padding: 0px;
}
a:link, body_alink
{
   color: #0066FF;
   text-decoration: none;
}
a:visited, body_avisited
{
   color: #0066FF;
   text-decoration: none;
}
a:hover, a:active, body_ahover
{
   color: #FD409D;
   text-decoration: none;
}
.page
{
   background: #FFFFFF;
   color: #000000;
}
td, th, p, li
{
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
   background: #e7e7e7;
   color: #000000;
}
.tcat
{
   background: url(http://teenclick.net/f/teenclick/tcat2.png);
   color: #282727;
   font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   text-align: center;
}
.tcat a:link, .tcat_alink
{
   color: #000000;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
   color: #000000;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
   color: #000000;
   text-decoration: none;
}
.thead
{
   background: url(http://teenclick.net/f/teenclick/tcat_bg.gif);
   color: #FFFFFF;
   font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
   color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
   color: #000000;
}
.thead a:hover, .thead a:active, .thead_ahover
{
   color: #FFFFFF;
}
.tfoot
{
   background: url(http://teenclick.net/f/teenclick/Home_r9_c2.gif);
   color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
   color: #FFFFFF;
}
.tfoot a:visited, .tfoot_avisited
{
   color: #FFFFFF;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
   color: #FFFF99;
}
.alt1, .alt1Active
{
   background: #FFFFFF;
   color: #000000;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
   color: #0066FF;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
   color: #0066FF;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
   color: #FD409D;
}
.alt2, .alt2Active
{
   background: #FFFFD6;
   color: #000000;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
   color: #CC33FF;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
   color: #CC33FF;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
   color: #0066FF;
}
.inlinemod
{
   background: #FFFFCC;
   color: #000000;
}
.wysiwyg
{
   background: #F5F5FF;
   color: #000000;
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   margin: 5px 10px 10px 10px;
   padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
   color: #1177D3;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
   color: #1177D3;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
   color: #FF6600;
}
textarea, .bginput
{
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
   font-size: 10pt;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
   font-size: 11px;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
   color: #FF9933;
}
.navbar
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
   color: #6666FF;
   font-weight: bold;
}
.fjsel
{
   background: #3E5C92;
   color: #E0E0F6;
}
.fjdpth0
{
   background: #F7F7F7;
   color: #000000;
}
.panel
{
   background: #FEFEFE;
   color: #000000;
}
.panelsurround
{
   background: #FEFEFE;
   color: #000000;
}
legend
{
   color: #22229C;
   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
   background: url(http://teenclick.net/f/teenclick/Home_r9_c2.gif);
   color: #FFFFFF;
   font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   padding: 3px 6px 3px 6px; white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
   color: #FFFF99;
   text-decoration: none;
}
.vbmenu_popup
{
   background: #FFFFFF;
   color: #000000;
}
.vbmenu_option
{
   background: #FFFF99;
   color: #666666;
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
   color: #FF33CC;
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
   color: #FF33CC;
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
   color: #0066FF;
   text-decoration: none;
}
.vbmenu_hilite
{
   background: #FFFF99;
   color: #666666;
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
   color: #FF33CC;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
   color: #FF33CC;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
   color: #0066FF;
   text-decoration: none;
}
.alt1, .alt1Active
{
   background: #FFFFFF url(http://teenclick.net/f/teenclick/f1.gif) bottom repeat-x;;
   color: #000000;
   border: 1px solid #EDEDED;
}

Ruby lấy từ tinypaste.com up lên cho các bạn đó :

Nguồn: skin4fm.com