Theme4R

1 (Punbb) Gamer Blue Thu Nov 08, 2012 9:44 pm

Ruby

Administrators

Tổng số bài gửi : 161
Thanks : 11
Join date : 04/11/2012

index_body

Code:: {JAVASCRIPT}  <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>   <div id="pun-visit"> <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p> </div>   <div class="main">  <div class="main-head"> <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1> </div>   <div id="pun-announcement"> <p>{message_admin_index.message_admin_txt.MES_TXT}</p> </div>  </div>   <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}" />  <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>  </div> </form> </div>  {CHATBOX_TOP} <table width="100%"><tbody><tr><td width="90%" valign="top"> {BOARD_INDEX}</td> <td width="30%" valign="top"> <div id="sidebar_home"> <div id="sidebar_container"> <ul id="sidebar"> <li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://westlifevn.net/forum/images/styles/GamerGreen/buttons/collapse_40b.png" id="collapseimg_newthreads_1"></a><span class="blocktitle"> Sự kiện hot </span></div> <div class="widget_content blockbody floatcontainer"> <a href="http://vn-answer.123.st/f29-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">tổng hợp code</a><br/> <a href="http://vn-answer.123.st/f30-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">hỏi đáp lỗi fm</a><br/> <a href="http://vn-answer.123.st/f107-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin invision</a><br/> <a href="http://vn-answer.123.st/f111-forum"><img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin phpbb2 </a><br/> <a href="http://vn-answer.123.st/f110-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin phpbb3</a><br/> <a href="http://vn-answer.123.st/f39-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">skin punbb</a><br/> <a href="http://vn-answer.123.st/f1-forum"> <img src="http://i646.photobucket.com/albums/uu185/vanhoai1111/th_28.gif" alt="" align="" border="0px">yêu cầu rip skin </a><br/> </div></div><div class="underblock"></div></li> <li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://westlifevn.net/forum/images/styles/GamerGreen/buttons/collapse_40b.png" id="collapseimg_newthreads_1"></a><span class="blocktitle">last online</span></div> <div class="widget_content blockbody floatcontainer"> <style>#topp img {height: 35px;width: 35px;background-color: #FCFCFF;padding: 2px;border: 1px solid #CCC;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}#topp {text-align: left;width: 175px;}#topp a span{display:none;}#topp a:hover span {display: inline;position: absolute;padding: 5px;border: 1px solid white;border-radius: 1px;background: rgba(0, 0, 0, 0.8);box-shadow: 0 0 4px #333;color: white !important;font-size: 10px;}</style><div id="topp"></div><script>jQuery("#topp").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt(16)");</script> </div></div><div class="underblock"></div></li> <li><div class="block smaller"><div class="blocksubhead"><a class="collapse" id="collapse_block_newthreads_1" href="#top"><img alt="" src="http://westlifevn.net/forum/images/styles/GamerGreen/buttons/collapse_40b.png" id="collapseimg_newthreads_1"></a><span class="blocktitle">Dành cho quảng cáo</span></div> <div class="widget_content blockbody floatcontainer"> <a href="http://invision.chinhphuc.info/" target="_blank" original-title="Diễn đàn Invision Việt Nam ( nơi bạn tìm thấy tất cả về : Invision )"><img src="http://i30.servimg.com/u/f30/17/70/31/89/logoo10.png" alt="quang cao" width="150" height="250"></a><br/> <a href="http://mainhatinhban.yourme.net" target="_blank" original-title="Diễn đàn Mainhatinh bạn nơi kết nối trái tim :X"><img src="http://i38.servimg.com/u/f38/16/58/45/96/logoma10.png" alt="quang cao" width="150" height="250"></a></br> <a href="http://conan.forum7.net/" target="_blank" original-title="Diễn đàn Conan - Giải Trí"><img src="http://data.kenhsinhvien.net/files/2012/08/20/KenhSinhVien-images(1).jpg" alt="quang cao" width="150" height="250"></a></br> <a href="http://helpfm.forum.st/" target="_blank" original-title="Diễn đàn Help fm"><img src="http://r20.imgfast.net/users/2015/12/67/35/avatars/174-94.png" alt="quang cao" width="150" height="250"></a></br> <a href="http://vn-answer.123.st/f109-forum" target="_blank" original-title="Kick để liên hệ quảng cáo"><img src="http://i38.servimg.com/u/f38/16/58/45/96/300x2510.jpg" alt="quang cao" width="150" height="250"></a> </div></div><div class="underblock"></div></li> </ul></div></div></div></td></tr></tbody></table> <br/> <br/>  <div class="tcatBar"> <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse"> <h2> <span class="forumtitle">Tình hình diễn đàn</span> </h2> </div></div> </div> <div id="wgo" class="collapse wgo_block block"> <div class="blockbody formcontrols floatcontainer"> <div id="wgo_onlineusers" class="wgo_subblock section"> <h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="Currently Active Users" title="Currently Active Users"> Ai đang online ?</h3><div><p class="gensmall"><span class="gensmall">{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS}<br /> <br /> {LOGGED_IN_USER_LIST}</span></p></div></div><div id="wgo_stats" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://forum.vipautopro.com/images/styles/ShinyBlue/misc/forum_stats.png" alt=" Statistics" title=" Statistics"> Forum Statistics</h3><div><p class="gensmall">{TOTAL_POSTS}<br /> {TOTAL_USERS}<br /> {NEWEST_USER}</p></div></div> <div id="wgo_stats2" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="ALS Statistics" title="ALS Statistics"> Member Stat</h3><div><table class="smallfont" id="dd4all"><tbody>{L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</tbody></table></div></div> <div id="wgo_legend" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://i967.photobucket.com/albums/ae153/ligerv/ligg/legend.png" alt="Legend" title="Legend">Legend . Chatbox . Icon</h3><div><p class="gensmall"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST} <br />  <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script>  </span> </p><p class="gensmall">{GROUP_LEGEND}</p><p class="gensmall" style="margin-left:20px"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}"width="16" /> Bài viết mới<br><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}"width="16" /> Chưa có bài viết mới<br><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}"width="16" /> Chuyên mục khóa<br></p></div>   <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}" />  <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>  </div> </form>  {CHATBOX_BOTTOM}  <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>  {AUTO_DST}  <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>  </div> <style type="text/css"> /* Sidebar--------------------------------------------------- */ #sidebar_container{float:right;width:180px;margin-bottom:3em;padding:17px 0} #sidebar_container > ul{background:#ECF1E2 url(http://i34.servimg.com/u/f34/15/64/85/86/top-hi10.png) repeat-x left top;border:1px solid #D2DBC0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:-2px 2px 2px #C8C8C8;-webkit-box-shadow:-2px 2px 2px #C8C8C8;box-shadow:-2px 2px 2px #C8C8C8;float:left;width:100%;list-style:none;padding:0} #sidebar_container .block{margin-bottom:4px;border-top-right:5px;border-top-left:5px;padding:6px} #sidebar_container .blocksubhead{background:transparent none;height:16.76px;color:#424242;border:none;outline:none;font-weight:700;padding:5px 6px} #sidebar_container a.collapse{position:static} #sidebar_container .blocksubhead a img{vertical-align:middle;float:right} .widget_content{color:#424242;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF url(http://i34.servimg.com/u/f34/15/64/85/86/gradie10.png) repeat-x;border:1px solid #DADADA;_background-image:none;padding:10px 6px} #sidebar_container .blockbody{color:#424242;border:1px solid #DADADA;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF;_background-image:none;padding:0} #sidebar_container .underblock{height:9px;background:transparent url(http://i34.servimg.com/u/f34/15/64/85/86/bottom10.png) repeat-x left bottom} /* Sidebar--------------------------------------------------- */ </style>

index_Box

Code:: <div class="pun-crumbs"> <p class="crumbs"><a href="{U_INDEX}" original-title="{L_INDEX}<strong>{NAV_CAT_DESC}</strong>">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p> </div> <div class="main">   <div class="tcatBar"> <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse"> <h2> <span class="forumtitle"><font color="#FFFFFF">{catrow.tablehead.L_FORUM}</font> </span> </h2> <div class="collapse tcatCollapse"><a class="thuvao" style="display:none"><img src="http://www.completevb.com/demovb4/images/styles/lifeElement/buttons/collapse_tcat.png"/></a><a class="mora"><img src="http://www.completevb.com/demovb4/images/styles/lifeElement/buttons/collapse_tcat_collapsed.png"/></a></div> </div></div> </div> <div class="forumbitBody"> <div class="thead_bar"> <div class="theadrow table"> <div class="foruminfo td"> <div class="forumdata"> <div class="datacontainer"> Title </div> </div> </div> <div class="forumactionlinks td"> </div> <div class="forumstats td" align="center"> </div> <div class="forumlastpost td"> Last Post </div> </div> </div> <div class="main-content"><table class="table" cellspacing="1" cellpadding="5" border="0"><tbody class="statused">   <tr> <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: 62px;"> <span class="status" style="margin-right: -42px; margin-left: -52px "> <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 class="forumtitle" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </h{catrow.forumrow.LEVEL}> <br />   {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <span style="float: left; margin: 15px 0px 0px 10px; width: 75%;"> {catrow.forumrow.FORUM_DESC} </span>  <br /> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} </td> <td class="tc2"> {catrow.forumrow.TOPICS} <strong> Chủ đề</strong> <p>{catrow.forumrow.POSTS}<strong> Bài gửi</strong></p> </td> <td class="tcr"> <span> <div id="forums-stats">  <div class="test"> <a href="{catrow.forumrow.U_LATEST_TOPIC}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br /> </div>  {catrow.forumrow.USER_LAST_POST} </div> </span> </td> </tr>   </tbody> </table> </div> <div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div> </div>   </div>  <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>  <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>  </div>  <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> <style> /* bảng thống kê vbb */ .wgo_block { margin: 0; } .wgo_block { display: block; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-box-shadow: -2px 0px 2px #C8C8C8; -webkit-box-shadow: -2px 0px 2px #C8C8C8; box-shadow: -2px 0px 2px #C8C8C8; margin-bottom: 0px; } .block { background: transparent none; clear: both; padding: 0; color: ; font: ; } #forums *, #wgo *, #forumbits * { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .wgo_block .blockbody { border: 1px solid #C4C4C4; background: #FDFEFF url(http://forum.vipautopro.com/images/gradients/gradient-greytowhite.png) repeat-x; _background-image: none; width: 100%; } .formcontrols { border-right: 1px solid #B9C4CD; border-left: 1px solid #B9C4CD; border-bottom: 1px solid #B9C4CD; } .wgo_block .section { display: block; padding: 0 0 0.5em; font: 12px; color: #3E3E3E; clear: both; width: 100%; background: #FDFEFF url(http://forum.vipautopro.com/images/styles/ShinyBlue/style/forumRowBG.gif) repeat-x left bottom; font-size: 9pt; } .formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child { border-top: none; } .wgo_block .section div, .wgo_block .section ol { padding-left: 20px; } .blocksubhead { font: normal 12px; color: #3E3E3E; background: #E9E9E9 none repeat-x; padding: 4px 10px 4px 10px; border-top: 1px solid #CECECE; } .wgo_block .blocksubhead { font: normal 13px; color: #3E3E3E; background: transparent; } .floatcontainer::after, .formcontrols .blockrow::after, dl.stats::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }</style> <script type="text/javascript">//<![CDATA[ $(function(){$(".mora").click(function(){$(this).hide().prev().show();$(this).parents(".tcatBar").next().slideToggle("slow").next().slideToggle("fast");});$(".thuvao").click(function(){$(this).hide().next().show();$(this).parents(".tcatBar").next().slideToggle("slow").next().slideToggle("fast");});});//]]></script> <style>.test{ line-height: 16.1px; position: relative; }</style>

footer_end

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> <div> <div> <div> <div> <div> <div> <ul> <li>  </li> </ul>  <ul> <li>   |  {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>  </li> </ul>  </div> <br /> <p class="center"> <strong>{ADMIN_LINK}</strong> </p> </div> {PROTECT_FOOTER} </div> </div> </div> </div>  <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script>   <script type="text/javascript"> //<![CDATA[ FB.Event.subscribe('auth.logout', function(response) { if ($('a#logout')) { var lien_redir = $('a#logout').attr('href'); if ($('a#logout').attr('href') && $('a#logout').attr('href') != '') { document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir; } } }); $(document).ready( function() { $('a#logout').click( function() { FB.logout(); } ); } ); //]]> </script>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html></div></div></div></div></div></div></div></div></div></div></div></div> <div class="footerNav"><div class="footerNavLeft"><div class="footerNavRight"> <ul> <li><a href="sendmessage.php" rel="nofollow" accesskey="9">Contact Us</a></li> <li><a href="http://www.completevb.com">Demo vB4</a></li> <li><a href="archive/index.php">Archive</a></li> <li><a href="forum.php?styleid=39#top" onclick="document.location.hash='top'; return false;">Top</a></li> </ul> </div></div></div><div id="footerBar"><div class="footerBarLeft"><div class="footerBarRight"> <div class="skinSelect"> <form action="forum.php" method="get" id="footer_select" class="footer_select"> <select name="styleid" onchange="switch_id(this, 'style')"> <optgroup label="Quick Style Chooser"><option class="hidden"></option></optgroup> <optgroup label=" Standard Styles"> <option value="19" class="">-- AestheticaBlue</option><option value="28" class="">---- AestheticaBlue - Fixed</option><option value="20" class="">---- Aesthetica Red</option><option value="29" class="">------ Aesthetica Red - Fixed</option><option value="21" class="">---- Aesthetica Purple</option><option value="30" class="">------ Aesthetica Purple - Fixed</option><option value="82" class="">---- Aesthetica Green</option><option value="83" class="">------ Aesthetica Green - Fixed</option><option value="7" class="">-- AnimatedArena - Red</option><option value="31" class="">---- AnimatedArena - Red - Fixed</option><option value="13" class="">---- AnimatedArena - Blue</option><option value="32" class="">------ AnimatedArena - Blue - Fixed</option><option value="14" class="">---- AnimatedArena - Green</option><option value="33" class="">------ AnimatedArena - Green - Fixed</option><option value="22" class="">-- BlissfullySimple</option><option value="47" class="">---- BlissfullySimple - Fixed</option><option value="4" class="">-- BlueDemon</option><option value="48" class="">---- BlueDemon - Fixed</option><option value="64" class="">-- CinemaIce</option><option value="67" class="">---- CinemaIce - Fixed</option><option value="65" class="">---- CinemaTang</option><option value="68" class="">------ CinemaTang - Fixed</option><option value="66" class="">---- CinemaPink</option><option value="69" class="">------ CinemaPink - Fixed</option><option value="2" class="">-- Color Theory</option><option value="49" class="">---- Color Theory - Fixed</option><option value="15" class="">-- CreativeCreature</option><option value="46" class="">---- CreativeCreature - Fixed</option><option value="5" class="">-- CrystalClean</option><option value="45" class="">---- CrystalClean - Fixed</option><option value="8" class="">-- EyeEasy</option><option value="42" class="">---- EyeEasy - Fixed</option><option value="6" class="">-- FunkyFresh</option><option value="27" class="">---- FunkyFresh - Fixed</option><option value="23" class="">-- GamerBlue</option><option value="39" class="" selected="selected">---- GamerBlue - Fixed</option><option value="24" class="">---- GamerGreen</option><option value="40" class="">------ GamerGreen - Fixed</option><option value="25" class="">---- GamerRed</option><option value="41" class="">------ GamerRed - Fixed</option><option value="56" class="">-- HighlightBlue</option><option value="59" class="">---- HighlightBlue - Fixed</option><option value="57" class="">---- HighlightGreen</option><option value="60" class="">------ HighlightGreen -Fixed</option><option value="58" class="">---- HighlightOrange</option><option value="61" class="">------ HighlightOrange - Fixed</option><option value="90" class="">-- Holiday</option><option value="91" class="">---- Holiday - Fixed</option><option value="70" class="">-- Life.Earth</option><option value="75" class="">---- Life.Earth - Fixed</option><option value="71" class="">---- Life.Element</option><option value="74" class="">------ Life.Element - Fixed</option><option value="72" class="">---- Life.Space</option><option value="73" class="">------ Life.Space - Fixed</option><option value="9" class="">-- OrangeTheme</option><option value="44" class="">---- OrangeTheme - Fixed</option><option value="10" class="">-- RoyalFlush</option><option value="26" class="">---- RoyalFlush - Fixed</option><option value="62" class="">-- Sandstorm</option><option value="63" class="">---- Sandstorm - Fixed</option><option value="50" class="">-- ShinyBlue</option><option value="51" class="">---- ShinyBlue - Fixed</option><option value="52" class="">---- ShinyGreen</option><option value="53" class="">------ ShinyGreen - Fixed</option><option value="54" class="">---- ShinyRed</option><option value="55" class="">------ ShinyRed - Fixed</option><option value="3" class="">-- Skylight</option><option value="38" class="">---- Skylight - Fixed</option><option value="11" class="">-- TimeTraveler</option><option value="37" class="">---- TimeTraveler - Fixed</option><option value="12" class="">-- TotallyPro</option><option value="36" class="">---- TotallyPro - Fixed</option><option value="16" class="">-- TwistedDark</option><option value="35" class="">---- TwistedDark - Fixed</option><option value="84" class="">-- TwistedDark Blue - Fluid</option><option value="85" class="">---- TwistedDark Blue - Fixed</option><option value="86" class="">---- TwistedDark Green - Fluid</option><option value="87" class="">------ TwistedDark Green - Fixed</option><option value="88" class="">---- TwistedDark Red - Fluid</option><option value="89" class="">------ TwistedDark Red - Fixed</option><option value="17" class="">-- UndergroundStyle</option><option value="34" class="">---- UndergroundStyle - Fixed</option><option value="18" class="">-- VisionCollision</option><option value="43" class="">---- VisionCollision - Fixed</option><option value="76" class="">-- Zen - Beauty</option><option value="79" class="">---- Zen - Beauty - Fixed</option><option value="77" class="">---- Zen - Heat</option><option value="80" class="">------ Zen - Heat - Fixed</option><option value="78" class="">---- Zen - Waves</option><option value="81" class="">------ Zen - Waves - Fixed</option> </optgroup> <optgroup label=" Mobile Styles"> <option value="93" class="">-- Default Mobile Style</option> </optgroup> </select> </form> </div> <a href="forum.php?styleid=39#top" onclick="document.location.hash='top'; return false;" class="backTop">Back to top</a> </div></div></div><div id="footerMain"> <div class="footerLeft"><div class="footerRight"><div class="footerBL"><div class="footerBR clearfix"> <div class="copyright"> <div>  Skin rip by <a href="http://vn-answer.123.st/u1">Tom</a>  </div> <div>   </div> <div>All times are GMT. The time now is <span class="time">10:00 AM</span>.</div> <div>vBulletin 4.0 skin by <a href="http://www.completevb.com" target="_blank">CompleteVB</a></div> </div> <div class="footerLogo"> <a name="top" href="forum.php"><img src="http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerLogo.gif" alt="CompletevB Demo vB4 - Powered by vBulletin"></a> </div> </div></div></div></div> </div>

nếu bạn nào k thích cột phải thì thay toàn bộ index_body bằng code sau

Code:: {JAVASCRIPT}  <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>   <div id="pun-visit"> <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p> </div>   <div class="main">  <div class="main-head"> <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1> </div>   <div id="pun-announcement"> <p>{message_admin_index.message_admin_txt.MES_TXT}</p> </div>  </div>   <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}" />  <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>  </div> </form> </div>  {CHATBOX_TOP} {BOARD_INDEX} <br/> <br/>  <div class="tcatBar"> <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse"> <h2> <span class="forumtitle">Tình hình diễn đàn</span> </h2> </div></div> </div> <div id="wgo" class="collapse wgo_block block"> <div class="blockbody formcontrols floatcontainer"> <div id="wgo_onlineusers" class="wgo_subblock section"> <h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="Currently Active Users" title="Currently Active Users"> Ai đang online ?</h3><div><p class="gensmall"><span class="gensmall">{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS}<br /> <br /> {LOGGED_IN_USER_LIST}</span></p></div></div><div id="wgo_stats" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://forum.vipautopro.com/images/styles/ShinyBlue/misc/forum_stats.png" alt=" Statistics" title=" Statistics"> Forum Statistics</h3><div><p class="gensmall">{TOTAL_POSTS}<br /> {TOTAL_USERS}<br /> {NEWEST_USER}</p></div></div> <div id="wgo_stats2" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://i40.servimg.com/u/f40/17/50/76/58/users_10.png" alt="ALS Statistics" title="ALS Statistics"> Member Stat</h3><div><table class="smallfont" id="dd4all"><tbody>{L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</tbody></table></div></div> <div id="wgo_legend" class="wgo_subblock section"><h3 class="blocksubhead"><img src="http://i967.photobucket.com/albums/ae153/ligerv/ligg/legend.png" alt="Legend" title="Legend">Legend . Chatbox . Icon</h3><div><p class="gensmall"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST} <br />  <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script>  </span> </p><p class="gensmall">{GROUP_LEGEND}</p><p class="gensmall" style="margin-left:20px"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}"width="16" /> Bài viết mới<br><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}"width="16" /> Chưa có bài viết mới<br><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}"width="16" /> Chuyên mục khóa<br></p></div>   <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}" />  <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>  </div> </form>  {CHATBOX_BOTTOM}  <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>  {AUTO_DST}  <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>  </div> <style type="text/css"> /* Sidebar--------------------------------------------------- */ #sidebar_container{float:right;width:180px;margin-bottom:3em;padding:17px 0} #sidebar_container > ul{background:#ECF1E2 url(http://i34.servimg.com/u/f34/15/64/85/86/top-hi10.png) repeat-x left top;border:1px solid #D2DBC0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:-2px 2px 2px #C8C8C8;-webkit-box-shadow:-2px 2px 2px #C8C8C8;box-shadow:-2px 2px 2px #C8C8C8;float:left;width:100%;list-style:none;padding:0} #sidebar_container .block{margin-bottom:4px;border-top-right:5px;border-top-left:5px;padding:6px} #sidebar_container .blocksubhead{background:transparent none;height:16.76px;color:#424242;border:none;outline:none;font-weight:700;padding:5px 6px} #sidebar_container a.collapse{position:static} #sidebar_container .blocksubhead a img{vertical-align:middle;float:right} .widget_content{color:#424242;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF url(http://i34.servimg.com/u/f34/15/64/85/86/gradie10.png) repeat-x;border:1px solid #DADADA;_background-image:none;padding:10px 6px} #sidebar_container .blockbody{color:#424242;border:1px solid #DADADA;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFF;_background-image:none;padding:0} #sidebar_container .underblock{height:9px;background:transparent url(http://i34.servimg.com/u/f34/15/64/85/86/bottom10.png) repeat-x left bottom} /* Sidebar--------------------------------------------------- */ </style>

Cntt-k3
Ruby

2 Re: (Punbb) Gamer Blue Thu Nov 08, 2012 9:45 pm

Ruby

Administrators

Tổng số bài gửi : 161
Thanks : 11
Join date : 04/11/2012

Header

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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <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 http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />  {META_FAVICO} {META} {META_FB_LIKE} <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="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT}); switch( tickerDirParam ) { case 'top' : slid_vert = true; break; case 'left': break; case 'bottom': slid_vert = true; auto_dir = 'prev'; break; case 'right': auto_dir = 'prev'; break; default: slid_vert = true; } $(document).ready(function() { var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); if (width_max > 0) { $('#fa_ticker_content').css('display','block'); $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } }); if (slid_vert) { var height_max = h_perso; $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } ); $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); $('ul#fa_ticker_content li').height(height_max); } $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script>  <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;   $(document).ready( function() { $(window).resize(function() { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup"); $("#login_popup").css({ "left": windowWidth/2 - popupWidth/2 }); }); });  //]]> </script> {GREETING_POPUP}  <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]); _gaq.push(["_trackPageview"]); _gaq.push(['_trackPageLoadTime']);  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']);  (function() { var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script>  </head> <body>  <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup" class="module main"> <div id="login_popup_title" class="main-head"> <div class="h3">{SITENAME}</div> </div> <div class="main-content"> {LOGIN_POPUP_MSG} <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button2" value="{L_LOGIN}" /> <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> </div> </div>  <a id="top" name="top" accesskey="t"></a> <div class="minwidth_IE"> <div class="layout_IE"> <div class="container_IE"> <div id="topBar"> <div class="topBarLeft"><div class="topBarRight"> <div class="topWelcome"> Welcome to the CompletevB Demo vB4. </div> <div class="memberBox"> <div class="loginLeft">   <form action="/login.forum" method="post" name="form_login" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)"> <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=384"></script> <ul> <li><a href="register.php" rel="nofollow" class="notreg">Register</a></li> <li><span class="loginTxt">Login:</span></li> <li class="inputPad"><div class="loginBoxInput"><input placeholder="Tên đăng nhập" class="loginInput" type="text" size="20" name="username"></div></li> <li class="inputPad"><div class="loginBoxInput"><input placeholder="Mật khẩu" class="loginInput" type="password" size="20" name="password"></div></li> <li class="rememberMe"><label for="cb_cookieuser_navbar"><input type="checkbox" class="radio" name="autologin" checked="checked"> Remember Me?</label></li> <li class="inputPad"><input type="image" src="http://www.completevb.com/demovb4/images/styles/GamerBlue/style/loginButton.gif" tabindex="104" value="Log in" name="login"title="Enter your username and password in the boxes provided to login, or click the 'register' button to create a profile for yourself." accesskey="s"></li> </ul> <input type="hidden" name="s" value=""> <input type="hidden" name="securitytoken" value="guest"> <input type="hidden" name="do" value="login"> <input type="hidden" name="vb_login_md5password"> <input type="hidden" name="vb_login_md5password_utf"> </form> <script type="text/javascript"> YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline"); YAHOO.util.Dom.setStyle('navbar_password', "display", "none"); vB_XHTML_Ready.subscribe(function() { // YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus); YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur); YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint); YAHOO.util.Event.on('navbar_password', "blur", navbar_password); }); function navbar_username_focus(e) { // var textbox = YAHOO.util.Event.getTarget(e); if (textbox.value == 'User Name') { // textbox.value=''; textbox.style.color='#000000'; } } function navbar_username_blur(e) { // var textbox = YAHOO.util.Event.getTarget(e); if (textbox.value == '') { // textbox.value='User Name'; textbox.style.color='#777777'; } } function navbar_password_hint(e) { // var textbox = YAHOO.util.Event.getTarget(e); YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none"); YAHOO.util.Dom.setStyle('navbar_password', "display", "inline"); YAHOO.util.Dom.get('navbar_password').focus(); } function navbar_password(e) { // var textbox = YAHOO.util.Event.getTarget(e); if (textbox.value == '') { YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline"); YAHOO.util.Dom.setStyle('navbar_password', "display", "none"); } } </script>    <ul><li>Chào mừng bạn đã đến với diễn đàn của chúng tôi !</li></ul>   </div> </div> </div></div> </div>  <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </div> </div> </div>   <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <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> </div> </div> </div>  <div id="bodyBox"> <div class="bodyBoxLeft"><div class="bodyBoxRight"> <div class="bodyBoxTL"><div class="bodyBoxTR"><div class="bodyBoxBL"><div class="bodyBoxBR"> <div class="bodyBoxWrap"> <div class="above_body">  <div id="header" class="floatcontainer doc_header"> <div class="logoBox"><a name="top" href="forum.php" id="logo"><img src="http://www.completevb.com/demovb4/images/styles/GamerBlue/style/logo.png" alt="CompletevB Demo vB4 - Powered by vBulletin" title="CompletevB Demo vB4 - Powered by vBulletin"></a></div> <div id="navbar" class="navbar"> <div class="navbarLeft"><div class="navbarRight"> <ul id="navtabs" class="navtabs floatcontainer"> <li id="vbtab_whatsnew"> <a class="navtab" href="activity.php">What's New?</a> </li> <li id="vbtab_cms"> <a class="navtab" href="content.php">Articles</a> </li> <li class="selected" id="vbtab_forum"> <a class="navtab" href="forum.php">Forum</a> <ul class="floatcontainer"> <li id="vbflink_newposts"><a href="search.php?do=getnew&contenttype=vBForum_Post">New Posts</a></li> <li id="vbflink_faq"><a href="faq.php">FAQ</a></li> <li id="vbflink_calendar"><a href="calendar.php">Calendar</a></li> <li class="popupmenu" id="vbmenu_community"> <a href="javascript://" class="popupctrl" id="yui-gen1">Community</a> </li> <li class="popupmenu" id="vbmenu_actions"> <a href="javascript://" class="popupctrl" id="yui-gen3">Forum Actions</a> </li> <li class="popupmenu" id="vbmenu_qlinks"> <a href="javascript://" class="popupctrl" id="yui-gen5">Quick Links</a> </li> </ul> </li> <li id="vbtab_blog"> <a class="navtab" href="blog.php">Blogs</a> </li> </ul> <div id="searchBox" class="searchBox"> <form class="navbar_search" id="navbar_search" method="get" action="/search"> <input type="hidden" name="securitytoken" value="guest"> <input type="hidden" name="do" value="process"> <span class="searchBox_container"><input class="textbox" type="text" name="search_keywords" tabindex="1004" value=""></span> <span class="searchBox_button"><input type="image" src="http://www.completevb.com/demovb4/images/styles/GamerBlue/buttons/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"></span> </form> <ul class="searchBox_advanced_search"> <li><a href="/search" accesskey="4">Advanced Search</a></li> </ul> </div> </div></div> </div> </div>  </div> <div id="contentMain"> <div class="contentLeft"><div class="contentRight"> <div class="body_wrapper"> <div id="breadcrumb" class="breadcrumb"> <div class="bcLeft"><div class="bcRight"><div class="bcBody"> <ul class="floatcontainer"> <li class="navbit lastnavbit"><a href="/forum" accesskey="1"><img src="http://www.completevb.com/demovb4/images/styles/lifeElement/misc/navbit-home.png" alt="Home" title="Home"></a><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></li> </ul> </div></div></div> </div> <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <div id="outer-wrapper"> <div id="wrapper"> <div class="pun"> <div id="container"> <div id="content"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> <div id="main"> <div id="main-content">  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>

css style 2 : gamer blue

Code:: body { background: #1C1D1B url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/pageBG.gif) repeat-x left top; width:990px; min-width:990px; max-width:auto; margin: 0px auto 25px auto; font-size:13px; color:#4d5153; line-height:1.230; } /* Top Bar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #topBar { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/topBarBG.gif) repeat-x top left; position:relative; height:42px; line-height:40px; color:#a9a9a9; margin-bottom:7px; } .topBarLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/topBarLeft.gif) no-repeat top left; height:42px; } .topBarRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/topBarRight.gif) no-repeat top right; height:42px; padding:0 15px; } .topWelcome { float:left; font-size:12px; } .memberBox { float:right; line-height:42px; } .memberBox ul { list-style:none; padding:0; margin:0; } .memberBox li { float:left; margin:0; padding:0 3px; } .loginBoxInput { background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/loginBoxInput.gif) no-repeat top left; width:142px; height:21px; } .loginInput { background:transparent; border:0; color: #bebebe; padding:0 5px; font-size:11px; width:132px; height:21px; line-height:21px; } .inputPad .loginBoxInput { margin-top:10px; } .searchButton input { margin-top:9px; } .rememberMe { } .memberBox .rememberMe { font-size: 11px; } .memberBox .rememberMe input { vertical-align: baseline; } .cb_cookieuser_navbar{ position: relative; top: 2px; } .memberBox a:link, .memberBox a:visited { color:#fff; } .memberBox a:hover { color:#b1d5ff; } .loginTxt { padding-left:6px; } .notreg { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/regSplit.gif) no-repeat right; padding-right:13px; } a:link.notreg, a:visited.notreg { color:#72bdf1; } a:hover.notreg { color:#fff; } .loginLeft { float:left; } /* Body Box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #bodyBox { background:#fff url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bodyBoxBG.gif) repeat-x top left; } .bodyBoxTL { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bodyBoxTL.gif) no-repeat top left; } .bodyBoxTR { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bodyBoxTR.gif) no-repeat top right; } .bodyBoxLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bodyBoxLeft.gif) repeat-y top left; } .bodyBoxRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bodyBoxRight.gif) repeat-y top right; } .bodyBoxWrap { padding:9px; } /* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .doc_header { height:80px; position:relative; padding-left:233px; margin-bottom:5px; } #header { position:relative; } .logoBox { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/logoBox_left.gif) no-repeat top left; width:233px; height:80px; position:absolute; top:0; left:0; text-align:center; } #logo { } /* Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #contentMain { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/contentBG.gif) repeat-x top left; } .contentLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/contentLeft.gif) no-repeat top left; } .contentRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/contentRight.gif) no-repeat top right; padding:0 6px 9px 6px; } /* Footer Navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .footerNav { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerNav.gif) repeat-x top left; height:38px; line-height:38px; font-size:14px; } .footerNavLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerNavLeft.gif) no-repeat top left; height:38px; } .footerNavRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerNavRight.gif) no-repeat top right; height:38px; } .footerNav ul { list-style:none; padding:0; margin:0; } .footerNav li { float:left; padding:0 22px; } .footerNav a:link, .footerNav a:visited { color:#eaefe2; font-weight:700; } .footerNav a:hover { color:#115b99; } /* Footer Bar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #footerBar { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBarBG.gif) repeat-x top left; height:37px; line-height:37px; } .footerBarLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBarLeft.gif) no-repeat top left; height:37px; } .footerBarRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBarRight.gif) no-repeat top right; height:37px; padding:0 22px; } #footerBar a:link, #footerBar a:visited { color:#eaefe2; font-weight:700; } #footerBar a:hover { color:#0a0a0a; } .skinSelect { float:right; padding:6px 0 0 0; } /* Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #footerMain { background:#fff url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBG.gif) repeat-x bottom left; color:#212121; line-height:18px; } .footerLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerLeft.gif) repeat-y top left; } .footerRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerRight.gif) repeat-y top right; } .footerBL { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBL.gif) no-repeat bottom left; } .footerBR { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/footerBR.gif) no-repeat bottom right; padding:15px 17px; } #footerMain a:link, #footerMain a:visited { color#115b99; font-weight:700; } #footerMain a:hover { color:#234680; } .copyright { float:left; } .footerLogo { float:right; } /* Global Search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #searchBox { position:absolute; top:6px; right:10px; } #searchBox .textbox { border:1px solid #24488d; height:20px; line-height:20px; padding:0; } #searchBox .searchBox_container { float:left; display:block; padding-top:1px; padding-right:6px; } #searchBox .searchBox_button { float:left; display:block; padding-top:3px; } #searchBox .searchBox_advanced_search { position:absolute; top:48px; right:0; } #searchBox .searchBox_advanced_search a:link, #searchBox .searchBox_advanced_search a:visited { color:#c5c5c5; font-weight:700; } /* Navbar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .navbar { background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/navBG_blue.gif) repeat-x left top; position:relative; height:80px; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color:#fff; width:100%; padding:0; margin:0; } .navbarLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/navLeft_left.gif) no-repeat top left; height:80px; } .navbarRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/navRight_left.gif) no-repeat top right; height:80px; padding:0 5px 0 30px; } #navtabs li.selected ul.floatcontainer { margin-top:9px; } #navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited { line-height:27px; height:27px; } .navbar a { color:#fff; } .navbar a:hover { color:#72bdf1; } .navtabs ul li:first-child { margin-left:43px; } .navtabs { padding-left:0; } .navtabs ul { position:absolute; top:38px; left:0px; width:100%; /* This is to fix RTL menu issue under Opera */ direction:ltr; } .navtabs li { float:left; padding-right:14px; background:url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/navSplit_left.gif) no-repeat top right; } .navtabs li li { background:none; } .navtabs ul li { border-right: 0; position: relative; } .navtabs li a { height:38px; line-height:38px; } .navtabs li a.navtab { display:block; min-width:60px; width:auto !important; width:60px; _min-width:75px; _width:auto !important; _width:75px; text-align:center; color:#fff; font: bold 13px arial, helvetica, sans-serif; text-decoration:none; line-height:38px; height:38px; padding:0 10px; } .navtabs li a.navtab:hover { background:#5a5a5a url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/navBG_blue.gif) repeat center top; color:#72bdf1; } .navtabs li.selected { color:#72bdf1; height:38px; } .navtabs li.selected a.navtab { color:#72bdf1; position:relative; top:-px; padding-top:px; z-index:10; } .navtabs li.selected li a, .navbar_advanced_search li a { text-decoration:none; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; line-height:27px; } .navtabs li.selected li { padding:0 5px; } .navtabs li.selected li li { padding:0 2px; } .navtabs li.selected li a { color:#c5c5c5; font-weight:400; padding:2px 5px; } .navbar_advanced_search li { height:27px; display:block; clear:both; } .navbar_advanced_search li a { color:#fff; } .navbar_advanced_search li a:hover { color:#72bdf1; text-decoration:none; } .navtabs li.selected li a:hover { color:#fff; text-decoration:none; } .navtabs li.selected .popupbody li > a { padding:0pxpx 10px; text-indent: 0; color: ; } .navtabs li.selected li a.popupctrl { -moz-border-radius:3px; -webkit-border-radius:3px; border:solid px transparent; _border: none; background:transparent url(http://www.completevb.com/demovb4/images/styles/GamerBlue/misc/arrow.png) no-repeat right center; padding-right:15px; _background-image:url('http://www.completevb.com/demovb4/images/styles/GamerBlue/misc/arrow.gif'); color:#c5c5c5; } .navtabs li.selected li:hover a.popupctrl.active, .navtabs li.selected li a.popupctrl.active, .navtabs li.selected li a:hover.popupctrl { color:#fff; } /* Breadcrumb ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .breadcrumb { background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bcBG.gif) repeat-x left top; height:30px; color:#6a6a6a; margin-bottom:8px; } .bcLeft { background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bcLeft.gif) no-repeat left top; height:30px } .bcRight { background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/bcRight.gif) no-repeat right top; height:26px; padding:4px 10px 0px 10px; } .breadcrumb .navbit > a, .breadcrumb .lastnavbit span { border:1px solid transparent; } .breadcrumb .navbit a:link, .breadcrumb .navbit a:visited { font-weight:700; } .breadcrumb .navbit a:hover { background:#2d5a9e; color:#fff; border:1px solid transparent; } /* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .tcatBar { background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/tcatBG.gif) repeat-x left top; float: left; width: 100%; color: #c5c5c5; height:35px; clear:both; margin-top: 8px; border:0; position:relative; } .tcatLeft { background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/tcatLeft.gif) no-repeat left top; height:35px; } .tcatRight { background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/tcatRight.gif) no-repeat right top; height:35px; } .tcatBar .forumtitle { font-weight:700; } .tcatBar .tcatDesc { font-size:11px; font-weight:400; } .tcatBar h2 { padding-left:16px; font: bold 12px arial, helvetica, sans-serif; line-height:35px; float:left; } .tcatBar a:link, .tcatBar a:visited { color:#c5c5c5; } .tcatBar a:hover { } .tcatBar .tcatCollapse { position:absolute; top:6px; right:10px; } /* tcat Thread List Controls - Forumdisplay */ .tcat_threadlist_controls { float:right; padding-right:8px; } .forumdisplaypopups, #forumdisplaypopups { clear:both; } .tcat_threadlist_controls h6 { height:35px; line-height:35px; padding:0; display:block; font-size:11px; } .forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl, .postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl { background:none; display:block; _display:35px; height:35px; line-height:35px; font-family:arial, helvetica, sans-serif; font-weight:bold; font-size:11px; font-weight:700; color:#c5c5c5; padding:0 10px; border: 0; float: left; clear: right; } .forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl, .postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl { border: 0; color:#c5c5c5; text-decoration:underline; } #postlist_popups a, .postlist_popups a { color: #c5c5c5; _border: none; } #postlist_popups a:hover, .postlist_popups a:hover { color: #c5c5c5; text-decoration:underline; } #postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active { border: 0; } #postlist_popups ul li { color: #3E3E3E; } #postlist_popups ul li a, .postlist_popups ul li a { color: #3E3E3E; _border: none; } #postlist_popups ul li a:hover, .postlist_popups ul li a:hover { color: #3E3E3E; text-decoration:underline; } #forumdisplaypopups ul a, .forumdisplaypopups ul a { color:#3E3E3E; } /* Thead Bars (Forum Home, Forum Display & Postbit) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .thead_bar .theadrow { background:#2b3135 url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/theadBG.gif) repeat-x left top; display:block; width: 100%; float: left; position:relative; font: normal 11px arial, helvetica, sans-serif; border:1px solid #2b3135; border-top:0; color:#bfc9cd; line-height:24px; } .thead_bar .padding { padding-left:12px; } .thead_bar .forumhead span.forumlastpost { width: 23%; } .thead_bar .theadrow .forumdata { float: left; } .thead_bar { float: left; position:relative; width: 100%; display:block; } .thead_bar .forumhead .forumtitle { width: 76%; } .thead_bar .foruminfo { width: 53%; min-width: 30%; float: left; clear: right; } .thead_bar .foruminfo .forumdata { padding: 0; width: 100%; _width: 99%; } .thead_bar .forumstats, .thead_bar .forumstats_2 { display: block; float: left; clear: right; width: 16%; margin-right: 2%; } .thead_bar .foruminfo .forumdata .datacontainer { float: left; width: 86%; padding:0; padding-left: 72px; } .thead_bar .forumactionlinks { width: 5%; display:block; float:left; clear:right; } .thead_bar .forumactionlink { display:block; width:18px; overflow:hidden; float: right; clear: left; background:transparent none no-repeat; position: relative; } .thead_bar .forumstats li, .thead_bar .forumstats_2 li{ font-size: 12pxpx; text-align: right; padding-right: 20px; display:block; } .thead_bar .forumlastpost { display:block; float: left; clear: right; } .thead_bar .theadrow .forumlastpost { width: 22%; } .forumbitBody { padding-right:2px; z-index:1; clear:both; } #post { z-index:1; } .threadlist { margin-top:0; } #threadlist .threadlisthead { background:#2b3135 url(http://www.completevb.com/demovb4/images/styles/GamerBlue/style/theadBG.gif) repeat-x left top; display:block; width: 100%; float: left; position:relative; border:1px solid #2b3135; border-top:0; color:#bfc9cd; font: normal 11px arial, helvetica, sans-serif; padding:2px 0; margin: 0; } #threadlist .threadlisthead a, #threadlist .threadlisthead a:hover { color:#bfc9cd; }

3 Re: (Punbb) Gamer Blue Thu Nov 08, 2012 9:46 pm

Ruby

Administrators

Tổng số bài gửi : 161
Thanks : 11
Join date : 04/11/2012

css style 3 : gamer green

Code:: ol, ul { list-style: none; }li { display: list-item; }body { background: #1C1D1B url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/pageBG.gif) repeat-x left top; width: 990px; min-width: 990px; max-width: auto; margin: 0px auto 25px auto; font-size: 13px; color: #4D5153; line-height: 1.230;} /* Top Bar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #topBar { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/topBarBG.gif) repeat-x top left; position:relative; height:42px; line-height:40px; color:#a9a9a9; margin-bottom:7px; } .topBarLeft { background:url(images/styles/GamerGreen/style/topBarLeft.gif) no-repeat top left; height:42px; } .topBarRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/topBarRight.gif) no-repeat top right; height:42px; padding:0 15px; } .topWelcome { float:left; font-size:12px; } .memberBox { float:right; line-height:42px; } .memberBox ul { list-style:none; padding:0; margin:0; } .memberBox li { float:left; margin:0; padding:0 3px; } .loginBoxInput { background: url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/loginBoxInput.gif) no-repeat top left; width:142px; height:21px; } .loginInput { background:transparent; border:0; color: #bebebe; padding:0 5px; font-size:11px; width:132px; height:21px; line-height:21px; } .inputPad .loginBoxInput { margin-top:10px; } .searchButton input { margin-top:9px; } .rememberMe { } .memberBox .rememberMe { font-size: 11px; } .memberBox .rememberMe input { vertical-align: baseline; } .cb_cookieuser_navbar{ position: relative; top: 2px; } .memberBox a:link, .memberBox a:visited { color:#fff; } .memberBox a:hover { color:#b1d5ff; } .loginTxt { padding-left:6px; } .notreg { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/regSplit.gif) no-repeat right; padding-right:13px; } a:link.notreg, a:visited.notreg { color:#c7e04a; } a:hover.notreg { color:#fff; } .loginLeft { float:left; } /* Body Box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #bodyBox { background:#fff url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/bodyBoxBG.gif) repeat-x top left; } .bodyBoxTL { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/bodyBoxTL.gif) no-repeat top left; } .bodyBoxTR { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/bodyBoxTR.gif) no-repeat top right; } .bodyBoxLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/bodyBoxLeft.gif) repeat-y top left; } .bodyBoxRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/bodyBoxRight.gif) repeat-y top right; } .bodyBoxWrap { padding:9px; } /* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .doc_header { height:80px; position:relative; padding-left:233px; margin-bottom:5px; } #header { position:relative; } .logoBox { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/logoBox_left.gif) no-repeat top left; width:233px; height:80px; position:absolute; top:0; left:0; text-align:center; } #logo { } /* Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #contentMain { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/contentBG.gif) repeat-x top left; } .contentLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/contentLeft.gif) no-repeat top left; } .contentRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/contentRight.gif) no-repeat top right; padding:0 6px 9px 6px; } /* Footer Navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .footerNav { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/footerNav.gif) repeat-x top left; height:38px; line-height:38px; font-size:14px; } .footerNavLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/footerNavLeft.gif) no-repeat top left; height:38px; } .footerNavRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/footerNavRight.gif) no-repeat top right; height:38px; } .footerNav ul { list-style:none; padding:0; margin:0; } .footerNav li { float:left; padding:0 22px; } .footerNav a:link, .footerNav a:visited { color:#eaefe2; font-weight:700; } .footerNav a:hover { color:#587c1d; } /* Footer Bar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #footerBar { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/footerBarBG.gif) repeat-x top left; height:37px; line-height:37px; } .footerBarLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/footerBarLeft.gif) no-repeat top left; height:37px; } .footerBarRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/footerBarRight.gif) no-repeat top right; height:37px; padding:0 22px; } #footerBar a:link, #footerBar a:visited { color:#eaefe2; font-weight:700; } #footerBar a:hover { color:#0a0a0a; } .skinSelect { float:right; padding:6px 0 0 0; } /* Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #footerMain { background:#fff url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/footerBG.gif) repeat-x bottom left; color:#212121; line-height:18px; } .footerLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/footerLeft.gif) repeat-y top left; } .footerRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/footerRight.gif) repeat-y top right; } .footerBL { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/footerBL.gif) no-repeat bottom left; } .footerBR { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/footerBR.gif) no-repeat bottom right; padding:15px 17px; } #footerMain a:link, #footerMain a:visited { color#587c1d; font-weight:700; } #footerMain a:hover { color:#234680; } .copyright { float:left; } .footerLogo { float:right; } /* Global Search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #searchBox { position:absolute; top:6px; right:10px; } #searchBox .textbox { border:1px solid #24488d; height:20px; line-height:20px; padding:0; } #searchBox .searchBox_container { float:left; display:block; padding-top:1px; padding-right:6px; } #searchBox .searchBox_button { float:left; display:block; padding-top:3px; } #searchBox .searchBox_advanced_search { position:absolute; top:48px; right:0; } #searchBox .searchBox_advanced_search a:link, #searchBox .searchBox_advanced_search a:visited { color:#c5c5c5; font-weight:700; } /* Navbar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .navbar { background: url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/navBG_green.gif) repeat-x left top; position:relative; height:80px; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color:#fff; width:100%; padding:0; margin:0; } .navbarLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/navLeft_left.gif) no-repeat top left; height:80px; } .navbarRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/navRight_left.gif) no-repeat top right; height:80px; padding:0 5px 0 30px; } #navtabs li.selected ul.floatcontainer { margin-top:9px; } #navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited { line-height:27px; height:27px; } .navbar a { color:#fff; } .navbar a:hover { color:#c7e04a; } .navtabs ul li:first-child { margin-left:43px; } .navtabs { padding-left:0; } .navtabs ul { position:absolute; top:38px; left:0px; width:100%; /* This is to fix RTL menu issue under Opera */ direction:ltr; } .navtabs li { float:left; padding-right:14px; background:url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/navSplit_left.gif) no-repeat top right; } .navtabs li li { background:none; } .navtabs ul li { border-right: 0; position: relative; } .navtabs li a { height:38px; line-height:38px; } .navtabs li a.navtab { display:block; min-width:60px; width:auto !important; width:60px; _min-width:75px; _width:auto !important; _width:75px; text-align:center; color:#fff; font: bold 13px arial, helvetica, sans-serif; text-decoration:none; line-height:38px; height:38px; padding:0 10px; } .navtabs li a.navtab:hover { background:#5a5a5a url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/navBG_green.gif) repeat center top; color:#c7e04a; } .navtabs li.selected { color:#c7e04a; height:38px; } .navtabs li.selected a.navtab { color:#c7e04a; position:relative; top:-px; padding-top:px; z-index:10; } .navtabs li.selected li a, .navbar_advanced_search li a { text-decoration:none; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; line-height:27px; } .navtabs li.selected li { padding:0 5px; } .navtabs li.selected li li { padding:0 2px; } .navtabs li.selected li a { color:#c5c5c5; font-weight:400; padding:2px 5px; } .navbar_advanced_search li { height:27px; display:block; clear:both; } .navbar_advanced_search li a { color:#fff; } .navbar_advanced_search li a:hover { color:#c7e04a; text-decoration:none; } .navtabs li.selected li a:hover { color:#fff; text-decoration:none; } .navtabs li.selected .popupbody li > a { padding:0pxpx 10px; text-indent: 0; color: ; } .navtabs li.selected li a.popupctrl { -moz-border-radius:3px; -webkit-border-radius:3px; border:solid px transparent; _border: none; background:transparent url(http://www.completevb.com/demovb4/images/styles/GamerGreen/misc/arrow.png) no-repeat right center; padding-right:15px; _background-image:url('http://www.completevb.com/demovb4/images/styles/GamerGreen/misc/arrow.gif'); color:#c5c5c5; } .navtabs li.selected li:hover a.popupctrl.active, .navtabs li.selected li a.popupctrl.active, .navtabs li.selected li a:hover.popupctrl { color:#fff; } /* Breadcrumb ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .breadcrumb { background: url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/bcBG.gif) repeat-x left top; height:30px; color:#6a6a6a; margin-bottom:8px; } .bcLeft { background: url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/bcLeft.gif) no-repeat left top; height:30px } .bcRight { background: url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/bcRight.gif) no-repeat right top; height:26px; padding:4px 10px 0px 10px; } .breadcrumb .navbit > a, .breadcrumb .lastnavbit span { border:1px solid transparent; } .breadcrumb .navbit a:link, .breadcrumb .navbit a:visited { font-weight:700; } .breadcrumb .navbit a:hover { background:#a8b78b; color:#fff; border:1px solid transparent; } /* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .tcatBar { background: url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/tcatBG.gif) repeat-x left top; float: left; width: 100%; color: #c5c5c5; height:35px; clear:both; margin-top: 8px; border:0; position:relative; } .tcatLeft { background: url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/tcatLeft.gif) no-repeat left top; height:35px; } .tcatRight { background: url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/tcatRight.gif) no-repeat right top; height:35px; } .tcatBar .forumtitle { font-weight:700; } .tcatBar .tcatDesc { font-size:11px; font-weight:400; } .tcatBar h2 { padding-left:16px; font: bold 12px arial, helvetica, sans-serif; line-height:35px; float:left; } .tcatBar a:link, .tcatBar a:visited { color:#c5c5c5; } .tcatBar a:hover { } .tcatBar .tcatCollapse { position:absolute; top:6px; right:10px; } /* tcat Thread List Controls - Forumdisplay */ .tcat_threadlist_controls { float:right; padding-right:8px; } .forumdisplaypopups, #forumdisplaypopups { clear:both; } .tcat_threadlist_controls h6 { height:35px; line-height:35px; padding:0; display:block; font-size:11px; } .forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl, .postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl { background:none; display:block; _display:35px; height:35px; line-height:35px; font-family:arial, helvetica, sans-serif; font-weight:bold; font-size:11px; font-weight:700; color:#c5c5c5; padding:0 10px; border: 0; float: left; clear: right; } .forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl, .postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl { border: 0; color:#c5c5c5; text-decoration:underline; } #postlist_popups a, .postlist_popups a { color: #c5c5c5; _border: none; } #postlist_popups a:hover, .postlist_popups a:hover { color: #c5c5c5; text-decoration:underline; } #postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active { border: 0; } #postlist_popups ul li { color: #3E3E3E; } #postlist_popups ul li a, .postlist_popups ul li a { color: #3E3E3E; _border: none; } #postlist_popups ul li a:hover, .postlist_popups ul li a:hover { color: #3E3E3E; text-decoration:underline; } #forumdisplaypopups ul a, .forumdisplaypopups ul a { color:#3E3E3E; } /* Thead Bars (Forum Home, Forum Display & Postbit) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .thead_bar .theadrow { background:#2b3135 url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/theadBG.gif) repeat-x left top; display:block; width: 100%; float: left; position:relative; font: normal 11px arial, helvetica, sans-serif; border:1px solid #2b3135; border-top:0; color:#bfc9cd; line-height:24px; } .thead_bar .padding { padding-left:12px; } .thead_bar .forumhead span.forumlastpost { width: 23%; } .thead_bar .theadrow .forumdata { float: left; } .thead_bar { float: left; position:relative; width: 100%; display:block; } .thead_bar .forumhead .forumtitle { width: 76%; } .thead_bar .foruminfo { width: 53%; min-width: 30%; float: left; clear: right; } .thead_bar .foruminfo .forumdata { padding: 0; width: 100%; _width: 99%; } .thead_bar .forumstats, .thead_bar .forumstats_2 { display: block; float: left; clear: right; width: 16%; margin-right: 2%; } .thead_bar .foruminfo .forumdata .datacontainer { float: left; width: 86%; padding:0; padding-left: 72px; } .thead_bar .forumactionlinks { width: 5%; display:block; float:left; clear:right; } .thead_bar .forumactionlink { display:block; width:18px; overflow:hidden; float: right; clear: left; background:transparent none no-repeat; position: relative; } .thead_bar .forumstats li, .thead_bar .forumstats_2 li{ font-size: 12pxpx; text-align: right; padding-right: 20px; display:block; } .thead_bar .forumlastpost { display:block; float: left; clear: right; } .thead_bar .theadrow .forumlastpost { width: 22%; } .forumbitBody { padding-right:2px; z-index:1; clear:both; } #post { z-index:1; } .threadlist { margin-top:0; } #threadlist .threadlisthead { background:#2b3135 url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/theadBG.gif) repeat-x left top; display:block; width: 100%; float: left; position:relative; border:1px solid #2b3135; border-top:0; color:#bfc9cd; font: normal 11px arial, helvetica, sans-serif; padding:2px 0; margin: 0; } #threadlist .threadlisthead a, #threadlist .threadlisthead a:hover { color:#bfc9cd; }

css style 1 ! gamer red

Code:: ol, ul { list-style: none; }li { display: list-item; }body { background: #1C1D1B url(http://www.completevb.com/demovb4/images/styles/GamerGreen/style/pageBG.gif) repeat-x left top; width: 990px; min-width: 990px; max-width: auto; margin: 0px auto 25px auto; font-size: 13px; color: #4D5153; line-height: 1.230;} /* Top Bar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #topBar { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/topBarBG.gif) repeat-x top left; position:relative; height:42px; line-height:40px; color:#a9a9a9; margin-bottom:7px; } .topBarLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/topBarLeft.gif) no-repeat top left; height:42px; } .topBarRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/topBarRight.gif) no-repeat top right; height:42px; padding:0 15px; } .topWelcome { float:left; font-size:12px; } .memberBox { float:right; line-height:42px; } .memberBox ul { list-style:none; padding:0; margin:0; } .memberBox li { float:left; margin:0; padding:0 3px; } .loginBoxInput { background: url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/loginBoxInput.gif) no-repeat top left; width:142px; height:21px; } .loginInput { background:transparent; border:0; color: #bebebe; padding:0 5px; font-size:11px; width:132px; height:21px; line-height:21px; } .inputPad .loginBoxInput { margin-top:10px; } .searchButton input { margin-top:9px; } .rememberMe { } .memberBox .rememberMe { font-size: 11px; } .memberBox .rememberMe input { vertical-align: baseline; } .cb_cookieuser_navbar{ position: relative; top: 2px; } .memberBox a:link, .memberBox a:visited { color:#fff; } .memberBox a:hover { color:#b1d5ff; } .loginTxt { padding-left:6px; } .notreg { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/regSplit.gif) no-repeat right; padding-right:13px; } a:link.notreg, a:visited.notreg { color:#ff8911; } a:hover.notreg { color:#fff; } .loginLeft { float:left; } /* Body Box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #bodyBox { background:#fff url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/bodyBoxBG.gif) repeat-x top left; } .bodyBoxTL { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/bodyBoxTL.gif) no-repeat top left; } .bodyBoxTR { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/bodyBoxTR.gif) no-repeat top right; } .bodyBoxLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/bodyBoxLeft.gif) repeat-y top left; } .bodyBoxRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/bodyBoxRight.gif) repeat-y top right; } .bodyBoxWrap { padding:9px; } /* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .doc_header { height:80px; position:relative; padding-left:233px; margin-bottom:5px; } #header { position:relative; } .logoBox { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/logoBox_left.gif) no-repeat top left; width:233px; height:80px; position:absolute; top:0; left:0; text-align:center; } #logo { } /* Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #contentMain { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/contentBG.gif) repeat-x top left; } .contentLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/contentLeft.gif) no-repeat top left; } .contentRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/contentRight.gif) no-repeat top right; padding:0 6px 9px 6px; } /* Footer Navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .footerNav { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/footerNav.gif) repeat-x top left; height:38px; line-height:38px; font-size:14px; } .footerNavLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/footerNavLeft.gif) no-repeat top left; height:38px; } .footerNavRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/footerNavRight.gif) no-repeat top right; height:38px; } .footerNav ul { list-style:none; padding:0; margin:0; } .footerNav li { float:left; padding:0 22px; } .footerNav a:link, .footerNav a:visited { color:#eaefe2; font-weight:700; } .footerNav a:hover { color:#b13b00; } /* Footer Bar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #footerBar { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/footerBarBG.gif) repeat-x top left; height:37px; line-height:37px; } .footerBarLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/footerBarLeft.gif) no-repeat top left; height:37px; } .footerBarRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/footerBarRight.gif) no-repeat top right; height:37px; padding:0 22px; } #footerBar a:link, #footerBar a:visited { color:#eaefe2; font-weight:700; } #footerBar a:hover { color:#0a0a0a; } .skinSelect { float:right; padding:6px 0 0 0; } /* Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #footerMain { background:#fff url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/footerBG.gif) repeat-x bottom left; color:#212121; line-height:18px; } .footerLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/footerLeft.gif) repeat-y top left; } .footerRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/footerRight.gif) repeat-y top right; } .footerBL { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/footerBL.gif) no-repeat bottom left; } .footerBR { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/footerBR.gif) no-repeat bottom right; padding:15px 17px; } #footerMain a:link, #footerMain a:visited { color#b13b00; font-weight:700; } #footerMain a:hover { color:#234680; } .copyright { float:left; } .footerLogo { float:right; } /* Global Search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #searchBox { position:absolute; top:6px; right:10px; } #searchBox .textbox { border:1px solid #24488d; height:20px; line-height:20px; padding:0; } #searchBox .searchBox_container { float:left; display:block; padding-top:1px; padding-right:6px; } #searchBox .searchBox_button { float:left; display:block; padding-top:3px; } #searchBox .searchBox_advanced_search { position:absolute; top:48px; right:0; } #searchBox .searchBox_advanced_search a:link, #searchBox .searchBox_advanced_search a:visited { color:#c5c5c5; font-weight:700; } /* Navbar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .navbar { background: url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/navBG_red.gif) repeat-x left top; position:relative; height:80px; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color:#fff; width:100%; padding:0; margin:0; } .navbarLeft { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/navLeft_left.gif) no-repeat top left; height:80px; } .navbarRight { background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/navRight_left.gif) no-repeat top right; height:80px; padding:0 5px 0 30px; } #navtabs li.selected ul.floatcontainer { margin-top:9px; } #navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited { line-height:27px; height:27px; } .navbar a { color:#fff; } .navbar a:hover { color:#ff8911; } .navtabs ul li:first-child { margin-left:43px; } .navtabs { padding-left:0; } .navtabs ul { position:absolute; top:38px; left:0px; width:100%; /* This is to fix RTL menu issue under Opera */ direction:ltr; } .navtabs li { float:left; padding-right:14px; background:url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/navSplit_left.gif) no-repeat top right; } .navtabs li li { background:none; } .navtabs ul li { border-right: 0; position: relative; } .navtabs li a { height:38px; line-height:38px; } .navtabs li a.navtab { display:block; min-width:60px; width:auto !important; width:60px; _min-width:75px; _width:auto !important; _width:75px; text-align:center; color:#fff; font: bold 13px arial, helvetica, sans-serif; text-decoration:none; line-height:38px; height:38px; padding:0 10px; } .navtabs li a.navtab:hover { background:#5a5a5a url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/navBG_red.gif) repeat center top; color:#ff8911; } .navtabs li.selected { color:#ff8911; height:38px; } .navtabs li.selected a.navtab { color:#ff8911; position:relative; top:-px; padding-top:px; z-index:10; } .navtabs li.selected li a, .navbar_advanced_search li a { text-decoration:none; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; line-height:27px; } .navtabs li.selected li { padding:0 5px; } .navtabs li.selected li li { padding:0 2px; } .navtabs li.selected li a { color:#c5c5c5; font-weight:400; padding:2px 5px; } .navbar_advanced_search li { height:27px; display:block; clear:both; } .navbar_advanced_search li a { color:#fff; } .navbar_advanced_search li a:hover { color:#ff8911; text-decoration:none; } .navtabs li.selected li a:hover { color:#fff; text-decoration:none; } .navtabs li.selected .popupbody li > a { padding:0pxpx 10px; text-indent: 0; color: ; } .navtabs li.selected li a.popupctrl { -moz-border-radius:3px; -webkit-border-radius:3px; border:solid px transparent; _border: none; background:transparent url(http://www.completevb.com/demovb4/images/styles/GamerRed/misc/arrow.png) no-repeat right center; padding-right:15px; _background-image:url('http://www.completevb.com/demovb4/images/styles/GamerRed/misc/arrow.gif'); color:#c5c5c5; } .navtabs li.selected li:hover a.popupctrl.active, .navtabs li.selected li a.popupctrl.active, .navtabs li.selected li a:hover.popupctrl { color:#fff; } /* Breadcrumb ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .breadcrumb { background: url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/bcBG.gif) repeat-x left top; height:30px; color:#6a6a6a; margin-bottom:8px; } .bcLeft { background: url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/bcLeft.gif) no-repeat left top; height:30px } .bcRight { background: url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/bcRight.gif) no-repeat right top; height:26px; padding:4px 10px 0px 10px; } .breadcrumb .navbit > a, .breadcrumb .lastnavbit span { border:1px solid transparent; } .breadcrumb .navbit a:link, .breadcrumb .navbit a:visited { font-weight:700; } .breadcrumb .navbit a:hover { background:#b13b00; color:#fff; border:1px solid transparent; } /* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .tcatBar { background: url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/tcatBG.gif) repeat-x left top; float: left; width: 100%; color: #c5c5c5; height:35px; clear:both; margin-top: 8px; border:0; position:relative; } .tcatLeft { background: url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/tcatLeft.gif) no-repeat left top; height:35px; } .tcatRight { background: url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/tcatRight.gif) no-repeat right top; height:35px; } .tcatBar .forumtitle { font-weight:700; } .tcatBar .tcatDesc { font-size:11px; font-weight:400; } .tcatBar h2 { padding-left:16px; font: bold 12px arial, helvetica, sans-serif; line-height:35px; float:left; } .tcatBar a:link, .tcatBar a:visited { color:#c5c5c5; } .tcatBar a:hover { } .tcatBar .tcatCollapse { position:absolute; top:6px; right:10px; } /* tcat Thread List Controls - Forumdisplay */ .tcat_threadlist_controls { float:right; padding-right:8px; } .forumdisplaypopups, #forumdisplaypopups { clear:both; } .tcat_threadlist_controls h6 { height:35px; line-height:35px; padding:0; display:block; font-size:11px; } .forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl, .postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl { background:none; display:block; _display:35px; height:35px; line-height:35px; font-family:arial, helvetica, sans-serif; font-weight:bold; font-size:11px; font-weight:700; color:#c5c5c5; padding:0 10px; border: 0; float: left; clear: right; } .forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl, .postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl { border: 0; color:#c5c5c5; text-decoration:underline; } #postlist_popups a, .postlist_popups a { color: #c5c5c5; _border: none; } #postlist_popups a:hover, .postlist_popups a:hover { color: #c5c5c5; text-decoration:underline; } #postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active { border: 0; } #postlist_popups ul li { color: #3E3E3E; } #postlist_popups ul li a, .postlist_popups ul li a { color: #3E3E3E; _border: none; } #postlist_popups ul li a:hover, .postlist_popups ul li a:hover { color: #3E3E3E; text-decoration:underline; } #forumdisplaypopups ul a, .forumdisplaypopups ul a { color:#3E3E3E; } /* Thead Bars (Forum Home, Forum Display & Postbit) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .thead_bar .theadrow { background:#2b3135 url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/theadBG.gif) repeat-x left top; display:block; width: 100%; float: left; position:relative; font: normal 11px arial, helvetica, sans-serif; border:1px solid #2b3135; border-top:0; color:#bfc9cd; line-height:24px; } .thead_bar .padding { padding-left:12px; } .thead_bar .forumhead span.forumlastpost { width: 23%; } .thead_bar .theadrow .forumdata { float: left; } .thead_bar { float: left; position:relative; width: 100%; display:block; } .thead_bar .forumhead .forumtitle { width: 76%; } .thead_bar .foruminfo { width: 53%; min-width: 30%; float: left; clear: right; } .thead_bar .foruminfo .forumdata { padding: 0; width: 100%; _width: 99%; } .thead_bar .forumstats, .thead_bar .forumstats_2 { display: block; float: left; clear: right; width: 16%; margin-right: 2%; } .thead_bar .foruminfo .forumdata .datacontainer { float: left; width: 86%; padding:0; padding-left: 72px; } .thead_bar .forumactionlinks { width: 5%; display:block; float:left; clear:right; } .thead_bar .forumactionlink { display:block; width:18px; overflow:hidden; float: right; clear: left; background:transparent none no-repeat; position: relative; } .thead_bar .forumstats li, .thead_bar .forumstats_2 li{ font-size: 12pxpx; text-align: right; padding-right: 20px; display:block; } .thead_bar .forumlastpost { display:block; float: left; clear: right; } .thead_bar .theadrow .forumlastpost { width: 22%; } .forumbitBody { padding-right:2px; z-index:1; clear:both; } #post { z-index:1; } .threadlist { margin-top:0; } #threadlist .threadlisthead { background:#2b3135 url(http://www.completevb.com/demovb4/images/styles/GamerRed/style/theadBG.gif) repeat-x left top; display:block; width: 100%; float: left; position:relative; border:1px solid #2b3135; border-top:0; color:#bfc9cd; font: normal 11px arial, helvetica, sans-serif; padding:2px 0; margin: 0; } #threadlist .threadlisthead a, #threadlist .threadlisthead a:hover { color:#bfc9cd; }

Đăng nhập Đóng lại

Theme4R

Bài gửi sau cùng

1 (Punbb) Gamer Blue Thu Nov 08, 2012 9:44 pm

2 Re: (Punbb) Gamer Blue Thu Nov 08, 2012 9:45 pm

3 Re: (Punbb) Gamer Blue Thu Nov 08, 2012 9:46 pm

4 Re: (Punbb) Gamer Blue

Tên đăng nhập:
Mật khẩu:
	Lưu mật khẩu

Đăng nhậpĐóng lại

Theme4R

Bài gửi sau cùng

1 (Punbb) Gamer Blue Thu Nov 08, 2012 9:44 pm

2 Re: (Punbb) Gamer Blue Thu Nov 08, 2012 9:45 pm

3 Re: (Punbb) Gamer Blue Thu Nov 08, 2012 9:46 pm

4 Re: (Punbb) Gamer Blue

Đăng nhập Đóng lại