Default Beta

Hi All

Vbulletin Default Beta Style For Who likes clean styles. Installation instruductions are included in the zip file.
Upload default beta folder to forums root than import style xml file.

Psd logo and buttons are included.

I hope you like this style. It has two versions fixed and fluid. See demos below;

[URLs Removed]


Who use css nav xml file can configure navbar with below information;


For adding space between navlinks make below;

open default beta css and find these two lines;

#nav li a.top_link span {float:left; display:block; padding:0 5px 0 5px; height:35px; background: url(defaultbeta/beta/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 5px 0 5px; height:35px; background: url(defaultbeta/beta/three_0a.gif) no-repeat right top;}

in these lines above the code just change these section: padding:0 5px 0 5px; to padding:0 10px 0 10px;

This will give space from right and left. you can modifiy it what you want.

If you give higher number example 20-30 it will berak a line for fix line break find this code

#nav {padding:0 0 0 200px; margin:0; list-style:none; height:35px; background:#fff

and just change the number padding:0 0 0 200px; to lower number example 100

Added Two new xml files Standart Nav xml files See Demos below;

[URLs Removed]

Who use standart nav xml file can configure navbar with below information;

If you want to add more space between navlinks open css file and just change;

margin-right:20px to what you want example for more space 30-40 ect


If you installed css nav based xml file and want to change standart nav links just make small change below;

open header template and find;

<span class="preload1"></span>
<span class="preload2"></span>

<ul id="nav">
<if condition="$show['member']"><li class="top"><a href="usercp.php$session[sessionurl_q]" class="top_link"><span class="down">$vbphrase[user_cp]</span></a></li></if>
<if condition="$show['registerbutton']"><li class="top"><a href="register.php$session[sessionurl_q]" rel="nofollow" class="top_link"><span class="down">$vbphrase[register]</span></a></li></if>
<li class="top"><a href="faq.php$session[sessionurl_q]" accesskey="5" class="top_link"><span class="down">$vbphrase[faq]</span></a></li>
<if condition="$vboptions['enablememberlist']"><li class="top"><a href="memberlist.php$session[sessionurl_q]" class="top_link"><span class="down">$vbphrase[members_list]</span></a></li></if>
<if condition="$show['popups']"><if condition="$show['member']">
<li class="top"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2" class="top_link"><span class="down">$vbphrase[new_posts_nav]</span></a></li><else />
<li class="top"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2" class="top_link"><span class="down">$vbphrase[todays_posts]</span></a></li></if>
<li class="top"><a id="navbar_search" href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow" class="top_link"><span class="down">$vbphrase[search]</span></a>
<if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search",true); </script></li></if></if>
<li class="top"><a href="calendar.php$session[sessionurl_q]" class="top_link"><span class="down">$vbphrase[calendar]</span></a></li>
<if condition="$show['member']"><li class="top"><a id="usercptools" href="$show[nojs_link]#usercptools" class="top_link"><span class="down">$vbphrase[quick_links]</span></a><script type="text/javascript"> vbmenu_register("usercptools",true);</script></li>
<else /><if condition="$show['searchbuttons']"><li class="top"><a href="search.php$session[sessionurl_q]" accesskey="4" class="top_link"><span class="down">$vbphrase[search]</span></a></li></if>
<if condition="$show['member']"><li class="top"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2" class="top_link">$vbphrase[new_posts_nav]</a></li>
<else /><li class="top"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2" class="top_link"><span class="down">$vbphrase[todays_posts]</span></a></li></if></if>
<if condition="$show['member']"><li class="top"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')" class="top_link"><span class="down">$vbphrase[log_out]</span></a></li></if>
</ul>

change with;

<if condition="$show['member']"><a href="usercp.php$session[sessionurl_q]" >$vbphrase[user_cp]</a></if>
<if condition="$show['registerbutton']"><a href="register.php$session[sessionurl_q]" rel="nofollow" >$vbphrase[register]</a></if>
<a href="faq.php$session[sessionurl_q]" accesskey="5" >$vbphrase[faq]</a>
<if condition="$vboptions['enablememberlist']"><a href="memberlist.php$session[sessionurl_q]" >$vbphrase[members_list]</a></if>
<if condition="$show['popups']"><if condition="$show['member']">
<a href="search.php?$session[sessionurl]do=getnew" accesskey="2" >$vbphrase[new_posts_nav]</a><else />
<a href="search.php?$session[sessionurl]do=getdaily" accesskey="2" >$vbphrase[todays_posts]</a></if>
<a id="navbar_search" href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow" >$vbphrase[search]</a>
<if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search",true); </script></if></if>
<a href="calendar.php$session[sessionurl_q]" >$vbphrase[calendar]</a>
<if condition="$show['member']"><a id="usercptools" href="$show[nojs_link]#usercptools" >$vbphrase[quick_links]</a><script type="text/javascript"> vbmenu_register("usercptools",true);</script>
<else /><if condition="$show['searchbuttons']"><a href="search.php$session[sessionurl_q]" accesskey="4" >$vbphrase[search]</a></if>
<if condition="$show['member']"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2" >$vbphrase[new_posts_nav]</a>
<else /><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2" >$vbphrase[todays_posts]</a></if></if>
<if condition="$show['member']"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')" >$vbphrase[log_out]</a></if>

open main css find and remove these codes;

.preload1 {background: url(defaultbeta/beta/three_0a.gif);}
.preload2 {background: url(defaultbeta/beta/three_1a.gif);}

#nav {padding:0 0 0 150px; margin:0; list-style:none; height:35px; background:#fff url(defaultbeta/beta/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, Tahoma, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:35px; color:#414141; text-decoration:none; font-size:11px; font-weight:bold; font-family:Tahoma; padding:0 0 0 5px; cursor:pointer;background: url(defaultbeta/beta/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 10px 0 10px; height:35px; background: url(defaultbeta/beta/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 10px 0 10px; height:35px; background: url(defaultbeta/beta/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(defaultbeta/beta/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(defaultbeta/beta/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(defaultbeta/beta/three_1a.gif) no-repeat right top; padding-bottom:3px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}



#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#3f96a9 url(defaultbeta/beta/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#50b5d0 url(defaultbeta/beta/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;}

Add these new css codes to main css below;

.nvlink a {
font-color:#414141;
font-size:11px;
font-famiyl:tahoma;
font-weight:bold;
text-decoration:none;
margin-right:20px;
}
.nvlink a:hover{
font-color:#969696;
text-decoration:underline;
}

If you have any question pls ask

Full support

[Extreme24]

Amazing style! Love it!

[shadowevil]

styles clean .... i like it ... installed

[Sofia]

Nice style, thanks a lot, Haylaz

[HaYLaZ]

Thanks friends

[Taragon]

looking very good, thanks a lot!

[Khalid-B]

nice style , thanks..

can u you please help, how can i add login box in right side of the header?

Thanks

[HaYLaZ]

Originally Posted by nosherwan9

nice style , thanks..

can u you please help, how can i add login box in right side of the header?

Thanks

with some modification you can add login box to the right.
for this you must take codes form navbar template than you must modificate a bit them and then put it to headers's right corner

[Rickeo]

I love this I think it's amazing vbulletin should buy this off you and have it as there new default gorgeous wonderful work well done

[captainslater]

That's one of the best style, congrats!