vb.org Archive - Default Beta

https://vborg.vbsupport.ru/external/2008/02/11.png

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

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01170 seconds Memory Usage 1,779KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (6)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: