The Arcive of Official vBulletin Modifications Site.

Default Beta · **Released**: 02-20-2008

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;

Code:

#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

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;

Code:

<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;

Code:

<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;

Code:

.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;

Code:

.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

Barakat · #22 02-21-2008, 09:11 PM

installed .. i like it

Extreme24 · #23 02-22-2008, 06:17 AM

Why is this piece of code in there?

Code:

<!-- SITEMAP -->
<div class="vbmenu_popup" id="harita_menu" style="display:none">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td class="thead">Kolay Erişim</td></tr>
  <tr>
    <td><table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td><table border="0" cellpadding="4" cellspacing="1">
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/acilis-bolumu/" target="_self">A?ılış B?l?m?</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/eglence/" target="_self">Eğlence</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/dusunce-platformu/" target="_self">D?ş?nce Platformu</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/hayatin-icinden/" target="_self">Hayatın İ?inden</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/genel-kultur/" target="_self">Genel K?lt?r</a></td>
          </tr>
        </table></td>
        <td><table border="0" cellpadding="4" cellspacing="1">
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/hobi/" target="_self">Hobi</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/fotografcilik-ve-resim/" target="_self">Fotoğraf?ılık &amp; Resim</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/internet-ve-bilgisayar/" target="_self">İnternet Bilgisayar</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/msn-messenger-dunyasi/" target="_self">Msn Messenger D?nyası</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/oyun/" target="_self">Oyun</a></td>
          </tr>
        </table></td>
        <td><table border="0" cellpadding="4" cellspacing="1">
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/isletim-sistemleri-ve-donanim/" target="_self">İşletim sistemleri &amp; Donanım</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/spor/" target="_self">Spor</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/cep-telefonlari/" target="_self">Cep Telefonları</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/webmaster/" target="_self">Webmaster</a></td>
          </tr>
          <tr>
            <td class="vbmenu_option"><a href="http://www.xsir.net/digital-dunya-elektrik-elektronik/" target="_self">Digital &amp; Elektrik &amp; Elektronik</a></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
</div>
<!-- / SITEMAP -->

?

... I removed it...

bxbigt · #24 02-22-2008, 06:46 AM

Where ?

Extreme24 · #25 02-22-2008, 07:50 AM

It's in the navbar template.

I've left the footer in tact though as to give credit to the author that made it and not me, but I saw that piece of code in the navbar template and found it rather odd...

HaYLaZ · #26 02-22-2008, 08:32 AM

opps sorry this mistake.

I hade made a sitemap menu for my own website so ı forgot the codes there now ı updated xml files.

Pls download zip again than import xml files overwrite old ones.

Email update notifications are sent

Thanks

Khalid-B · #27 02-22-2008, 08:55 AM

hi.

What did you changed now??
i ma using this style with 3.7.5B and and getting this VB messege .

"There are currently 4 customized template(s) that need to be updated or reverted. Some sections of vBulletin may not function if you do not do this!"

Did u updated?
Thanks

HaYLaZ · #28 02-22-2008, 09:26 AM

I removed sitemap menu from the navbar template. All change is this.
The message you have seen is not a problem because forum home - navbar - header templates are modificated. This message shows this modifications so no problem

KURTZ · #29 02-22-2008, 11:16 AM

really nice skin ...

HaYLaZ · #30 02-22-2008, 11:53 AM

Here is a little modification for ie6 and navbar links which unregistered users seemed.

I have only mozailla and ie7 always i test styles with these browsers. I havent ie6 so ı cant test it with.

I looked style with ie6 with a friends pc than i see this so you can make these changes for ie6

zip package updated.

open header template and find:

Code:

<if condition="$show['registerbutton']">
	<li class="top"><a href="register.php$session[sessionurl_q]" rel="nofollow" class="top_link"><span>$vbphrase[register]</span></a></li></if>
<if condition="$show['member']">
	<li class="top"><a href="usercp.php" class="top_link"><span class="down">$vbphrase[user_cp]</span></a></li></if>
<if condition="$show['searchbuttons']">
          <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 href="calendar.php" class="top_link"><span class="down">$vbphrase[calendar]</span></a></li>
<li class="top"><a href="faq.php" class="top_link"><span class="down">$vbphrase[faq]</span></a></li>
<li class="top"><a href="memberlist.php" class="top_link"><span>$vbphrase[members_list]</span></a></li>
<li class="top"><a id="navbar_search" href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow" class="top_link"><span>$vbphrase[search]</span></a>
<if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search",true);</script></li></if>
<if condition="$show['member']">
<li class="top"><a id="usercptools" href="$show[nojs_link]#usercptools" class="top_link"><span>$vbphrase[quick_links]</span></a><script type="text/javascript"> vbmenu_register("usercptools",true);</script></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()" class="top_link"><span>$vbphrase[log_out]</span></a></li></if>

Replace with;

Code:

<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><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><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><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>

open default beta main css and find this;

Code:

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

replace with;

Code:

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

slmoney · #31 02-22-2008, 12:26 PM

The NAVBAR links are all bunched together. Is there anyway to space these out a little? Like use justification on them? Other than that, I really like this style!

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04631 seconds Memory Usage 2,341KB Queries Executed 25 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (11)bbcode_code (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!