vbb - Dạng mặc định của vBulletin.
ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:Thêm vào CSS code sau (Nên xóa đoạn CSS liên quan đến navlinks cũ)
ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:Thêm vào CSS code sau (Nên xóa đoạn CSS liên quan đến navlinks cũ)
- Code:
/* vBB nav - www.fmvi.org*/
.title-overview{background-color:#1571A3;color:#FF0;font-size:20px;font-variant:small-caps;font-weight:700;margin-bottom:10px;padding:5px 0}
.navbar{background-color:#E3E3E3;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#FFF;font:11px Arial,Calibri,Verdana,Geneva,sans-serif;height:56px;position:relative;margin:0}
.navtabs{background-color:#000;height:28px;padding:0}
.navtabs ul{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:0 solid #5A7F97;direction:ltr;left:0;margin-right:-80px;position:absolute;top:28px;width:100%}
.navtabs li{list-style:none outside none;border-right:0 solid #5A7F97;float:left;width:80px}
.navtabs li.selected{color:#000;height:28px}
.navtabs li.selected a.navtab{background-color:#E3E3E3;border-radius:5px 5px 0 0;color:#000;padding-top:4px;position:relative;top:-4px;z-index:10}
.navtabs li a.navtab{background-color:#000;border-left:0 solid #CEDFEB;border-top:0 solid #CEDFEB;color:#FFF;display:block;font:bold 12px/28px Arial,Calibri,Verdana,Geneva,sans-serif;text-align:center;text-decoration:none;width:auto!important}
.globalsearch{clear:left;display:block;float:right;line-height:1em;position:absolute;right:20px;text-align:right;top:0;width:180px}
.navbar_search{display:block;position:relative;right:-20px;width:180px}
.globalsearch .textboxcontainer{border-left:0 solid #5A7F97;display:inline-block;float:left;height:28px;margin-left:-10px;text-align:center}
.globalsearch .textboxcontainer span{border-left:0 solid #CEDFEB;border-top:0 solid #CEDFEB;display:inline-block;height:24px;margin-bottom:1px;padding-left:2px;padding-right:2px;padding-top:3px;width:147px}
.globalsearch input.textbox{width:120px}
.globalsearch .searchbutton{background-color:transparent;border:0 none;margin-left:-2px;margin-top:-2px;width:22px;padding:0}
.navbar_search input{border:1px solid #B1B1B1;font-size:11px;margin-top:2px;vertical-align:middle;padding:1px}
.globalsearch .buttoncontainer{border-left:0 solid #5A7F97;border-right:0 solid #5A7F97;display:inline-block;float:right;height:28px;margin-right:10px;overflow:hidden;width:25px}
.globalsearch .buttoncontainer span{border-left:0 solid #CEDFEB;border-top:0 solid #CEDFEB;display:inline-block;height:25px;padding-left:4px;padding-top:3.5px}
.navtabs li.selected li a,.navbar_advanced_search li a{font:11px/28px Arial,Calibri,Verdana,Geneva,sans-serif;text-decoration:none}
.floatcontainer ul li{font-size:13px!important;padding-left:12px;width:auto}
- Code:
<div id="pun-head">
<div id="pun-navlinks">
<ul class="clearfix">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
</div>
- Code:
<div class="navbar" id="navbar">
<ul class="navtabs floatcontainer" id="navtabs">
<li>
<a accesskey="2" href="/" class="navtab">Trang chủ</a>
</li>
<li class="selected">
<a href="/forum" class="navtab">Diễn đàn</a>
<ul class="floatcontainer">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</li>
</ul>
<div class="globalsearch" id="globalsearch">
<form class="navbar_search" id="navbar_search" method="get" action="/search">
<input type="hidden" value="searchbox" name="mode" />
<input type="hidden" type="radio" value="posts" name="show_results" id="rposts" />
<input type="hidden" type="radio" checked="checked" value="topics" name="show_results" id="rtopics" />
<span class="textboxcontainer">
<span>
<input type="text" name="search_keywords" tabindex="99" class="textbox" name="search_keywords" />
</span>
</span>
<span class="buttoncontainer">
<span>
<input type="image" tabindex="100" name="submit" src="http://i967.photobucket.com/albums/ae153/ligerv/t1vn/search.png" class="searchbutton" />
</span>
</span>
</form>
<ul class="navbar_advanced_search">
<li>
<a accesskey="4" href="/search">Tìm chi tiết</a>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
$("a.mainmenu[href='/'],a.mainmenu[href='/forum'],a.mainmenu[href='/search'],a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox']").parent().remove()
</script>