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

[Big Boss]

Not bad at all though you might wanna add a simple border around the tables.

[Rickeo]

Could you make a Thanks button please??

Rick

[HaYLaZ]

Originally Posted by Shadow777

thanks Haylaz
l?tfen T?RK?E butonlarını da ekler misin
(please add turkish buttons,thanks)

Turkish buttons added to first message
(ilk mesaja eklendi)

Originally Posted by Rickeo

Could you make a Thanks button please??

Rick

Added attachment

[Madlike]

very nice style.thanks.
eline sağlık sadri abi.iMKaNSıZ

[slmoney]

OK..I overwote the previous style...and added this to my site. The Navbar issue that I wrote about has gone..but now there is a different issue with it..the button gets cut off on the right side.

If you could look at my forum and let me know. www.themes4bb.com/forum I set it as the default for now.

I am also getting a ton of raves about the style...great work!

[FotoBilgi]

Haylaz is the number one

[HaYLaZ]

Originally Posted by slmoney

OK..I overwote the previous style...and added this to my site. The Navbar issue that I wrote about has gone..but now there is a different issue with it..the button gets cut off on the right side.

If you could look at my forum and let me know. www.themes4bb.com/forum I set it as the default for now.

I am also getting a ton of raves about the style...great work!

Hi slmoney ı checked your website and ı found a mistake that you made.

First open default beta css file and change;

padding:0 20px 0 10px;

to

padding:0 10px 0 10px;

Note: This code is two times. Change them.

Other Solution:

Open css file and find:

padding:0 0 0 200px;

to lover number example;

padding:0 0 0 160px;

I tell this nav spacing in first message so if you can change this values your mistakes will gone

[Khalid-B]

hi HaYLaZ ....

Is there any chance for Prox style that is installed at your Forum ??

Thanks

[FotoBilgi]

Haylaz,
How can add link header template.For example Forumhome,Forum,Photos vs...
Because ı'm using vbadvanced thanks..
(Headera anasayfa,forum,fotoğraflar başlıkları eklemek istiyorum link vererek kodları nedir)

[HaYLaZ]

Hi

Some styles are paid styles prox is too.

Thanks