[Chia Sẽ] Skin Windows 7 Đẹp Cực

by F6 7/1/2011, 7:29 pm

Bữa Vào Thấy battuvuong post win bảy nhưng làm skin chỗ nào cũng thấy

Code:: battuvuong hoặc cf,baivong muốn sữa thì sữa cả ngày vì trong cả quản lí tổng thể và portal phần nào cũng thấy

Nay Mình Chia Sẽ Lại Khỏi Sữa Zì Cả
Demo:

Code:: http://www.gkvnn.tk

Overall_header:

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>  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />  <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>  <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" />  <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus();   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();   ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;  //]]> </script> {GREETING_POPUP}  <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>  <script type="text/javascript">  </script>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> </head> <style> a{text-decoration:none} </style> <body>  <a name="top"></a> <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center"> <tr> <td align="left"><img src="http://i68.servimg.com/u/f68/14/98/61/65/logo10.png" border="0" alt="LoveStory" /></a></td> <td align="right" style="width: 100%; background-image:url(http://c.upanh.com/upload/8/192/ZL0.12430171_66908_1.png); background-repeat:repeat-x; background-position:top;" id="header_right_cell"> </td> </tr> </table>  <table align="center" style="border-collapse: collapse;width: 780px"> <tr> <td valign="top" style="padding: 0"> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="1000px" style="width: 100%; background-image:url(http://i68.servimg.com/u/f68/14/98/61/65/menu210.png); background-repeat:repeat-x; background-position:top;"> <tr> <td align="left" width="770" height="35"><div style="padding-top: 17px; padding-left: 45px; color: #FFF;"></div></td> <td width="230" height="35"> </td> </tr> <tr> <td align="left" width="800" height="16" style="padding-left: 20px;"><a href="javascript:history.go(-1)"><img src="http://i68.servimg.com/u/f68/15/18/46/10/back10.png" border="0" alt="" /><a href="javascript:history.go(1)"><img src="http://i68.servimg.com/u/f68/15/18/46/10/t10.png" border="0" alt="" /></td> <td width="230" height="16" style="padding: 5px 0 0 200px;"> <form method="get" id="forum-search" action="/search.forum"><input type="text" name="search_keywords" id="search_keywords" value="Đặt câu hỏi ở đây" onclick="if (this.value == 'Đặt câu hỏi ở đây') this.value = '';" onblur="if (this.value == '') this.value = 'Đặt câu hỏi ở đây';" style="background-color:transparent; vertical-align:middle;font-style:italic; font-family: Segoe UI; font-size:10pt; border-style:none" /><input type="image" style='background-color:transparent; border:0px' src="http://i68.servimg.com/u/f68/15/18/46/10/timkie10.png" /></form></td> </tr> <tr> <td width="540" height="1"><span style="font-size: 1pt"> </span></td> <td width="240" height="1"><span style="font-size: 1pt"> </span></td> </tr> </table> </center> </div> <div id="wrapper"> <div id="submenu"> <table cellpadding="0" cellspacing="0" border="0" width="90%" align="center"> <tr align="center">  <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>  <td class="vbmenu_control"><a href="/forum.htm" accesskey="5">Diễn Đàn</a></td> <td class="vbmenu_control"><a href="http://club.zooz.vn/CF/lovestory/index.htm">Trang Chủ</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> <td class="vbmenu_control"><a href="/profile.forum?mode=editprofile" accesskey="2">Hồ sơ cá nhân</a></td>  <td class="vbmenu_control"><a href="/msg.forum?folder=inbox" accesskey="2">Tin nhắn</a></td>  <td class="vbmenu_control"><a href="/login.forum?logout=true" accesskey="2">Thoát</a></td>  </td> </td> <td height="16" style="padding-right:25px"><a href="faq.forum" accesskey="5" onmouseover="changeImages('image9', 'image9off')" onmouseout="changeImages('image9', 'image9on')"><img src="http://i68.servimg.com/u/f68/15/18/46/10/help10.png" name="image9" alt="FAQ" border="0" /></a></td> </tr></table></div> <div style="padding: 5px"> <div id="wrapper2"> <div id="wrapper3">   <div align="center"> <div class="page" style="width:100%; text-align:left"> <div style="padding:0px 2px 0px 2px" align="left">  <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tr> <td class="alt1" width="100%"> <span class="nav"><img src="http://i69.servimg.com/u/f69/14/79/14/14/navbit11.gif"/><a href="http://clanlovestory.forumclan.net/forum.htm"<strong>Clan LoveStory & Teen Pro Games</strong><a class="nav" href="{U_INDEX}">{L_INDEX}</a><br /> <img src="http://********.net/forum/images/misc/navbits_finallink_ltr.gif"></img><a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</span></td> </td> <td class="alt2" nowrap="nowrap" width="350" style="padding:0px"> <!— / bang-dang-nhap --> <form action="http://clanlovestory.forumclan.net/login.forum?redirect=http://clanlovestory.forumclan.net/html-h22.htm " method="post"> <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 -->  <font color="#002B77"><b><img src="http://i68.servimg.com/u/f68/14/98/61/65/zo4_bm10.jpg"/>Chào bạn,<span class="USERNAME"></SPAN></b> <br /><span class="gensmall"><b><img src="http://i68.servimg.com/u/f68/14/98/61/65/zo1_bm10.jpg"/>Chúc bạn 1 ngày tốt lành, vui vẻ với diễn đàn<img src="http://i68.servimg.com/u/f68/14/98/61/65/zo1_bm10.jpg"/></b><br /><a href="/msg.forum?folder=inbox" accesskey="2"><img src="http://i68.servimg.com/u/f68/14/98/61/65/zo1_bm10.jpg"/>Tin nhắn</a> của bạn đã nhận<img src="http://i68.servimg.com/u/f68/14/98/61/65/zo1_bm10.jpg"/> <br /><img src="http://i68.servimg.com/u/f68/14/98/61/65/zo2_bm10.jpg"/> </font>  </td> </tr> </table>    <br />  <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">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </td> </tr> </table> </div>  <script type="text/javascript" src="http://codeforum.googlecode.com/files/FMvar.js"></script>

Overall_footer :

Code::  <!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>  <td valign="top" width="{C3SIZE}"> <div id="{ID_RIGHT}">  {giefmod_index2.MODVAR}  <div style="height: {SPACE_ROW}px"></div>   </div> </td> </tr> </tbody> </table> </div> </div>  <div id="page-footer"> <div align="center"> <div class="gen"> </div> </div> </div> {PROTECT_FOOTER} </td> </tr> </table> <div><center><img src="http://i68.servimg.com/u/f68/14/98/61/65/footer11.png" height="104" width="1000" border="0" alt="" /></div></center> </td> </tr> </table> <strong>{ADMIN_LINK}</strong>  <a name="bottom" href="" class="copyright" rel="nofollow"></a>   <a name="bottom" href="" class="copyright" rel="nofollow"></a>   <a name="bottom" href="" class="copyright" rel="nofollow"></a>  </body> </html> <script type="text/javascript" src="http://codeforum.googlecode.com/files/rainbow.js"></script> <script type="text/javascript" src="http://codeforum.googlecode.com/files/mudim-0.8-r142.js"></script> <script>  </script>

Index_body:

Code:: <br /><table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom">  <span class="smallfont"><br /> <br /> </span>  <div class="navbar"><a class="navbar" href=""></a></div> </td> <td class="smallfont" align="right" valign="bottom">  <a class="smallfont" href=""></a><br /> <a class="smallfont" href=""></a><br />  <a class="smallfont" href=""></a> </td> </tr> </table><br />   <table cellpadding="0" cellspacing="0" width="100%" align="center"><tr><td><img src="http://i64.servimg.com/u/f64/14/64/52/89/tcat_l10.jpg" alt="" /></td><td style="background: url(http://i64.servimg.com/u/f64/14/64/52/89/tcat_c10.jpg) repeat-x top left" width="100%"><table cellpadding="0" cellspacing="0" width="100%" align="left"><tr><td align="left" style="padding: 12px 0px 0px 0px;"><table cellpadding="0" cellspacing="0" align="left" width="75%"><tr><td><img src="http://i64.servimg.com/u/f64/14/64/52/89/tcat_t10.jpg" alt="" /></td><td class="tcat" style="background: url(http://i64.servimg.com/u/f64/14/64/52/89/tcat_t11.jpg) repeat-x top left" width="100%" align="left"><Span class="secondarytitle"> <h2>{catrow.tablehead.L_FORUM}</h2> </span></td><td width="200"><img src="http://i64.servimg.com/u/f64/14/64/52/89/tcat_t12.jpg" alt="" /></td></tr></table></td><td align="right"><a style="float:right" href="#" onclick="return toggle_collapse('forumbit_1')"><img id="collapseimg_forumbit_1" src="http://i64.servimg.com/u/f64/14/64/52/89/top1010.png" alt="" border="0" /></a></td></tr></table></td><td><img src="http://i64.servimg.com/u/f64/14/64/52/89/tcat_r10.jpg" alt="" /></td></tr><tr><td style="background: url(http://i64.servimg.com/u/f64/14/64/52/89/scale_10.jpg) repeat-y top left" valign="bottom"> </td><td style="background: #FFFFFF;" width="100%"><table class="tborder" cellpadding="3" cellspacing="2" border="0" width="100%" align="center"><tbody id="collapseobj_forumbit_1" style=""><tr align="center"> <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="50" height="25">{L_TOPICS}</td> <td class="thead" nowrap="nowrap" width="50" height="25">{L_POSTS}</td> <td class="thead" nowrap="nowrap" width="150" height="25"><div style="width:150px;">{L_LASTPOST}</div></td> </tr>   <tr>  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>  <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>   <tr>  <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>  <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">   </span> </td>  <td class="alt1" align="center" valign="middle" height="50"> <span class="smallfont">{catrow.forumrow.TOPICS}</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.LAST_POST}</span> </td>   <td class="alt3" colspan="3" align="center" valign="middle" height="50"><span class="smallfont">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>  </tr>   <tr>  <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>  <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr>   </td></tr></table><td style="background: url(http://i64.servimg.com/u/f64/14/64/52/89/scale_11.jpg) repeat-y top right" valign="bottom"> </td></tr> <tr><td><img src="http://i64.servimg.com/u/f64/14/64/52/89/footer10.jpg" alt="" /></td><td style="background: url(http://i64.servimg.com/u/f64/14/64/52/89/footer11.jpg) repeat-x top left" width="100%"> </td><td><img src="http://i64.servimg.com/u/f64/14/64/52/89/footer12.jpg" alt="" /></td></tr></table> <img src="{SPACER}" alt="" height="5" width="1" />

Index_Body:

Code:: {JAVAscript}  <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="80%" align="center">  <tr> <td class="tcat" height="28">{message_admin_index.message_admin_titre.MES_TITRE}</td> </tr>   <tr> <td class="alt1" rowspan="3" align="center" valign="middle"> <div class="smallfont">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top" class="tfoot" height="27">  <span class="smallfont"><a href="{U_MARK_READ}" class="smallfont"><b>{L_MARK_FORUMS_READ}</b></a>   <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="smallfont">{switch_delete_cookies.L_DELETE_COOKIES}</a>  </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>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="smallfont">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table> <br /><br /><br />  <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:</td></tr> <tr> <td class="alt1" align="center" valign="middle"><img src="http://img204.imageshack.us/img204/1637/3l0763947011.png" id="stat" alt="{L_WHO_IS_ONLINE}"></td> <td class="alt1"><span class="gensmall">{TOTAL_USERS_ONLINE}<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">{LEGEND} : {GROUP_LEGEND}</span></td></tr>  <tr> <td class="alt1" colspan="2"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST} <br />  <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>  </span> </td> </tr> </tbody> <tbody> <tr> <td class="thead" colspan="2">Logo bạn bè:</td></tr><td class="alt1" align="center" valign="middle"><img src="http://s337.photobucket.com/albums/n395/kalenv1/4r/c3zoneskin/pink/stats.gif"</td> <td class="alt1"> </td> </tr> </tbody>  </table>  {CHATBOX_BOTTOM} <br clear="all" />  <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>  <br /> <br /> {AUTO_DST}

CSS:

Code:: /*post body image-------------------------------------------------------------------*/ .postbody img{max-width:720px;} .tabs { margin: 0; padding: 0;} .tabs { padding-bottom: 26px; margin-bottom: 15px; background: #E8F3FD; border-top: 1px solid #FFF; border-bottom: 1px solid #CAD9EA; } .tabs li { list-style: none;float: left; line-height: 27px; border-right: 1px solid #CAD9EA; height: 27px; font-size: 11px; } .tabs li.current { background: #FFF; height: 27px; font-weight: bold; } .mainbox { background: #FFF; border: 1px solid #9DB3C5; padding: 1px; margin-bottom: 6px; } .mainbox table { width: 100%; } #chatbox_header .cattitle strong { display: none; } #chatbox_header .cattitle:before{ content: "Khu vực Chém gió"; } /* Resize */ .blogmessage img {max-width: 650px;} .blogmessage img:hover {max-width:100%;} .code{ overflow: auto;display: block;width: auto;max-width:440px; height: auto;max-height: 200px;white-space: normal;padding-top: 5px;font: 0.9em Courier,'CourierNew',sans-serif;line-height: 1.3em;color: #2E8B57;margin: 2px 0; border: 1px solid #8F8F8F ;} .quote{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #444444; line-height: 125%; background-color: #fafafa; border: #d1d7dc; border-style: solid; border: 1px} a.copyright{ color: #844A21; text-decoration: none; } a.copyright:hover { color: #dd6900; text-decoration: underline; } .coloradmin { color: #ffa34f} .colormod { color: #006600} .vote { float: left; width: 40px; margin: 0px 1px 0px 1px; } .vote .vote-button { text-align: left; font-weight: bold; margin: 0px 0px 0px 0px; } .vote .vote-button a { text-decoration: none !important; } .vote .vote-bar { width: 3px; height: 50px; margin: 2 auto; border: 1px solid #000000; font-size: 0; } .vote .vote-no-bar { letter-spacing:0px; margin-left:0px; white-space:nowrap; } .vote .vote-bar-plus { background-color: #0f0; } .vote .vote-bar-minus { background-color: #f00; } h1.pagetitle { display: inline; margin: 0; padding: 0; font-size: 12px; color: #ffa34f; } h1.title2 { font-size: 11px; } .secondarytitle,.secondarytitle h2 { margin: 0; padding: 0; color: #ffa34f; } .secondarytitle h2 { display:inline; } .nav h1 { display: inline; } .hierarchy { display: inline; margin: 0; padding: 0; text-transform: none; border: none; font-size: 10px; } .mod-text { font-weight: bold; } img{ border:0} input,textarea, select { color : #000000; font: normal 11px Verdana,Arial,Helvetica,sans-serif; border-color : #000000; } input.post, textarea.post, select { background-color : #ffffff; } .post-options { text-align: right; } .post-options img { cursor: pointer; vertical-align: middle; } input { text-indent : 2px; } input.button { background-color : #efefef; color : #000000; font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; } input.mainoption { background-color : #fafafa; font-weight : bold; } input.liteoption { background-color : #fafafa; font-weight : normal; } .helpline { background-color: #dee3e7; border-style: none; } input { background-color: #dee3e7; } button.button2, input.button2 { font-size: 0.7em; border: 1px solid #BCBCBC; width: auto !important; padding: 1px 0; font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000; background-repeat: repeat-x; background-color: #FAFAFA; background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif'); background-position: top; overflow: visible; vertical-align:middle; } button.button2:hover, input.button2:hover { border: 1px solid #dd6900; color: #dd6900; background-position: 0 100%; } * html button.button2, * html input.button2 { padding-bottom: 0; margin-bottom: 1px; height: 24px; padding-right: 3px; padding-left: 3px; } *+html button.button2, *+html input.button2 { height: 24px; padding-right: 3px; padding-left: 3px; } *+html button.button2 img { vertical-align: middle; } * html button.button2 img { vertical-align: middle; } button.bbcode { border: 1px solid #e3adad; background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png"); } .select { background-color: #FFF; border: 1px solid #BCBCBC; position: absolute; z-index: 999; top: 0; left: 0; overflow: hidden; width: 0; } .select p { padding: 4px 6px; font-size: 0.7em; margin: 0; white-space: nowrap; text-align: left; } .select button { padding: 4px; font-size: 0.9em; margin: 0; background-color: #FFF; border: none; text-align:left; } .select button.button2 { border:1px solid #BCBCBC; padding: 0; } * html .select button.button2 { padding-right: 3px; padding-left: 3px; } .select button.button2:hover { border: 1px solid #dd6900; color: #dd6900; background-position: 0 100%; } .select button:hover,.selectHover { cursor: pointer; background-color: #EEE; } textarea#text_editor_textarea { width: 100% !important; } iframe#text_editor_iframe { width: 100%; height: 200px; } form#quick_reply textarea#text_editor_textarea { width: 100% !important; height: 100%; } form#quick_reply iframe#text_editor_iframe { width: 100%; } * html form#quick_reply iframe#text_editor_iframe { width: 600px; } *+html form#quick_reply iframe#text_editor_iframe { width: 600px; } #page-footer .gen strong { font-weight: normal; } @import url("form_ie.css"); @media print { body { background-image: none; background-color: #fff; color: #000; } table.bodylinewidth span.maintitle { display: block; text-align: left; } table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open { display:none; } td.catHead, .t-title { text-align: left; } table.bodylinewidth .cattitle { letter-spacing: normal; font-size: 1em; } .thLeft,.thRight { color: #000; border: none; text-align:left; } .hr hr { visibility: hidden; } .hr { border-top: 1px dotted #ddd !important; } tr.post td { vertical-align: top; border-bottom: 1px solid #ccc; } tr.post td td { border: none; } span.gen { display: none; } } ul.abuse { list-style: none; line-height: 1.5em; font-size: 9px; } .rtl-spacer:before { content: " "; white-space: pre; } .rtl-spacer:after { content: " "; white-space: pre; } .warning { color:#ff3333; } .captcha div.captcha-img { float: left; margin: 0 1em 0 0; } .captcha .inputbox { margin-top: 0.5em; } .center { text-align: center; } .right { float: right; } .left { float: left; } /* TGF Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } *+ html .clearfix { min-height: 1px; } * html .clearfix { position: relative; height: 1%; clear: both; } #page-footer, .clear { clear: both; } #page-footer h3 { margin-top: 20px; } #content-container #left { width: 0px; margin-right: px; } #content-container #right { width: 0px; margin-left: px; } .module-title { font-weight: bold; margin: 0 auto; text-align: center; display: block; } #dhtmlpointer, #dhtmltooltip { z-index: 999; left: -300px; top:0px; visibility: hidden; position: absolute; } #dhtmltooltip { border: #666 2.4px solid; -moz-opacity: 0.8; /* lam mo tooltip FF */ opacity: 0.8; /* lam mo tooltip Opera */ filter: alpha(opacity=80); /* lam mo tooltip IE */ -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 10px; font-size: 10pt; font-family: Arial; background-color: white; width: auto; max-width: 340px; /* chieu rong toi da cho FF */ width:expression( document.body.clientWidth > 340? "340px": "auto" ); /* chieu rong toi da cho IE */ text-align:left; } #mudimPanel { -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); } #mudimPanel:hover { -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } body { background: #FFF url(http://www.wallpaper-place.com/images/wallpapers/win-7-hd-wallpaper-1440x900.jpeg) top left fixed;; color: #000000; font: 10pt Segoe UI, Verdana, Tahoma, Arial, Sans-Serif, Trebuchet MS, Georgia, Courier, Times New Roman, Serif;; margin: 0px; padding: 0px; text-align: center; } a:link, body_alink { color: #002B77; text-decoration: none; } a:visited, body_avisited { color: #002B77; text-decoration: none; } a:hover, a:active, body_ahover { color: #FF4400; text-decoration: none; } .page { background: #FFFFFF; color: #000000; } .page a:link, .page_alink { text-decoration: none; } .page a:visited, .page_avisited { text-decoration: none; } .page a:hover, .page a:active, .page_ahover { text-decoration: none; } td, th, p, li { font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tborder { background: #FFFFFF; color: #000000; font-size: 10pt; border: 1px solid #E0E0E0; } .tcat { background: transparent url(http://i68.servimg.com/u/f68/14/98/61/65/logoa_10.jpg) repeat-x top left; color: #FFFFFF; font: bold 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px !important; border-bottom: 0; border-left: 0; border-right: 0; } .tcat a:link, .tcat_alink { color: #ffffff; text-decoration: none; } .tcat a:visited, .tcat_avisited { color: #ffffff; text-decoration: none; } .tcat a:hover, .tcat a:active, .tcat_ahover { color: #FFFF66; text-decoration: none; } .thead { background: transparent url(http://i68.servimg.com/u/f68/15/18/46/10/thead10.gif) repeat-x top left; color: #000; font: 11px Segoe UI, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px !important; border-bottom: 0; border-left: 0; border-right: 0; } .thead a:link, .thead_alink { color: #000; text-decoration: none; } .thead a:visited, .thead_avisited { color: #000; text-decoration: none; } .thead a:hover, .thead a:active, .thead_ahover { color: #FFCC00; text-decoration: none; } ..tfoot { background: url(hoabinhds/h1.gif) repeat;; color: #000000; } .tfoot a:link, .tfoot_alink { color: #000000; } .tfoot a:visited, .tfoot_avisited { color: #000000; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color: #0066FF; } .alt1, .alt1Active { background: #FFFFFF; color: #000000; border: 1px solid #E0E0E0; line-height: 135%; } .alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink { text-decoration: none; } .alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited { text-decoration: none; } .alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover { text-decoration: none; } .alt2, .alt2Active { background: #FFFFFF; color: #000000; border: 1px solid #E0E0E0; line-height: 135%; } .alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink { text-decoration: none; } .alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited { text-decoration: none; } .alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover { text-decoration: none; } .inlinemod { background: #FFFFCC; color: #000000; } .wysiwyg { background: #F5F5FF; color: #000000; font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 5px 10px 10px 10px; padding: 0px; } .wysiwyg a:link, .wysiwyg_alink { color: #002B77; text-decoration: none; } .wysiwyg a:visited, .wysiwyg_avisited { color: #002B77; text-decoration: none; } .wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover { color: #FF4400; text-decoration: none; } textarea, .bginput { font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .bginput option, .bginput optgroup { font-size: 10pt; font-family: Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .button { font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } select { font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } option, optgroup { font-size: 11px; font-family: Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .smallfont { font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .time { color: #FF4400; } .navbar { font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .highlight { color: #FF0000; font-weight: bold; } .fjsel { background: #3E5C92; color: #E0E0F6; } .fjdpth0 { background: #F7F7F7; color: #000000; } .panel { background: #E4E7F5 url(http://demo.vietvbb.vn/images/gradients/gradient_panel.gif) repeat-x top left; color: #000000; padding: 10px; border: 2px outset; } .panelsurround { background: #D1D4E0 url(http://demo.vietvbb.vn/images/gradients/gradient_panelsurround.gif) repeat-x top left; color: #000000; } legend { color: #002B77; font: 10pt Segoe UI, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: transparent url(http://i68.servimg.com/u/f68/14/98/61/65/logoa_12.jpg) repeat-x top left; color: #FFFFFF; font: bold 10pt Segoe UI, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px !important; border-bottom: 0; border-left: 0; border-right: 0; } .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: #FFFFFF; text-decoration: none; } .vbmenu_popup { background: #FFFFFF; color: #000000; border: 1px solid #0B198C; } .vbmenu_option { background: #BBC7CE; color: #000000; font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link, .vbmenu_option_alink { color: #002B77; text-decoration: none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color: #002B77; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite { background: #8A949E; color: #FFFFFF; font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #FFFFFF; text-decoration: none; } /* ***** styling for 'big' usernames on postbit etc. ***** */ .bigusername { font-size: 14pt; } /* ***** small padding on 'thead' elements ***** */ td.thead, th.thead, div.thead { padding: 4px; } /* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; } /* ***** de-emphasized text */ .shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; } a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; } .tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; } /* ***** define margin and font-size for elements inside panels ***** */ .fieldset { margin-bottom: 6px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } #wrapper { background: transparent url(http://i69.servimg.com/u/f69/14/79/14/14/sac10.png); text-align: left; width: 1000px; padding: 0px; margin: 0 auto; } #wrapper2 { background: transparent; text-align: left; width: 960px; margin: 4px auto; } #wrapper3 { padding: 0 8px; } #submenu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent url(http://i68.servimg.com/u/f68/14/98/61/65/menu10.gif) no-repeat; width: 100%; text-align: left; height: 31px; } a:hover{ text-decoration: none !important; color : #ff2c9c; } /* Chatbox */ body.chatbox { min-width: 550px !important; background-image: none; padding: 0; margin: 0; background-color: #fffffff; background-image: url(http://i68.servimg.com/u/f68/14/98/61/65/hinhch10.jpg); } #chatbox_members { position: absolute; top: 35px; overflow: hidden; height: 30px; border-right: 0px solid ; } #content-container #add-google{display: none !important;height: 0px !important; width: 0px !important;padding: 0px !important;margin: 0px !important;border: none !important;background: nome !important;}

Thanks Mình Cái