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

bxbigt · #12 02-21-2008, 05:06 PM

Very nice and installed but maybe we can get a fix for this

Anybody else see the gap ?

Stromba · #13 02-21-2008, 05:54 PM

Super nice style.. Love it
Nice work

HaYLaZ · #14 02-21-2008, 06:07 PM

Quote:

Originally Posted by bxbigt

Very nice and installed but maybe we can get a fix for this

Anybody else see the gap ?

Hi;

What is the mistake i cant understand anything from the picture.
Can you explain the issue

I seperate time (lastpost) section from lastposter did you mean this?

bxbigt · #15 02-21-2008, 06:09 PM

Oh its not a mistake everything is like way to centered in that pic which leave a gap to the left and right of the text

katilkuzu · #16 02-21-2008, 06:25 PM

awsome great job

HaYLaZ · #17 02-21-2008, 06:27 PM

Hi Again;

If you want to looking line picture below just change all contents af forumhome>>forumhome_lastpostby template with below;

Code:

<if condition="$show['lastpostinfo']">
<div class="smallfont" align="$stylevar[left]">
	<div>
		<span style="white-space:nowrap">
		<if condition="$show['icon']"><img class="inlineimg" src="$icon[iconpath]" alt="$icon[title]" border="0" /></if>
		<if condition="$lastpostinfo['prefix']">
			$lastpostinfo[prefix]
			</span> <span style="white-space:nowrap">
		</if>
		<a href="showthread.php?$session[sessionurl]goto=newpost&amp;t=$lastpostinfo[lastthreadid]" style="white-space:nowrap" title="<phrase 1="$lastpostinfo[lastthread]">$vbphrase[go_first_unread_in_thread_x]</phrase>"><strong>$lastpostinfo[trimthread]</strong></a>
		</span>
	</div>
	<div style="white-space:nowrap<if condition="is_browser('ie', 6)">; float:$stylevar[left]</if>">
		<phrase 1="member.php?$session[sessionurl]find=lastposter&amp;f=$lastpostinfo[forumid]" 2="$lastpostinfo[lastposter]">$vbphrase[by_x]</phrase> &nbsp;$lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>
		<a href="showthread.php?$session[sessionurl]p=$lastpostinfo[lastpostid]#post$lastpostinfo[lastpostid]"><img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a>
	</div>
	
</div>
<else />
<div class="smallfont" align="$stylevar[right]">
	$lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>
	<a href="showthread.php?$session[sessionurl]p=$lastpostinfo[lastpostid]"><img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a>
</div>
</if>

Everybody can use this whos wants another looking for lastpost section like below;

bxbigt · #18 02-21-2008, 06:31 PM

Sweet many thanks

HaYLaZ · #19 02-21-2008, 06:38 PM

you are welcome

vBH-Team · #20 02-21-2008, 06:44 PM

very good

Thanks HaYLaZ

alqloob alsahya · #21 02-21-2008, 07:38 PM

Thanks friends Nice work

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05463 seconds Memory Usage 2,333KB 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 (7)bbcode_code (1)bbcode_quote (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 (3)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!