Bug serious custom style issue...

Status
Not open for further replies.
D

Draffi

Customer
Hi There!

I installed the Navbar-Addon for testing purposes in my XAMPP-testground, together with my new style "IdealVB" from Themeforest.

I have a lot of issues, now, metioned your products...

For better information, looks like the picture please, you will see the different:

This is the forum WITHOUT the navbar-mod:

theme error_2.jpg

This is the forum WITH the navbar-mod:

theme error.jpg

- The width is wrong
- The Logo area is missing
- Dark background
- no forum-sidebar
- ....

Furthermore, there is an error with all the DBTECH-Mods, using a forum-Sidebar-block:

the title (color blackground) is missing...

But this happends all the time, without the "navbar" add-on active, also.

theme error_3.jpg

Danke Feed = Thank you Mod.
latest scores = Arcade Mod.

Thank you in advance!
 
Last edited:
Which xml did you use, the TF_Ideal_Blue_sa.xml or TF_Ideal_Blue.xml ?

If not sure, is the skin fixed or fluid?
 
At first i installed TF_Ideal.xml, after that, i installed TF_Ideal_Blue.xml (parent is TF_Ideal.xml). After that i insalled, the blog, cms, grid and plugins.
 
Ok for the fixed skin, edit the template dbtech_vbnavtabs_navbar found in the group DragonByte Tech: vBNavTabs 4.2 Templates and replace the contents with the following:

Code: 
<div id="navbar_container">
<div class="main_wrap">
<div id="navbar" class="navbar">
	<ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
		{vb:raw template_hook.navtab_start}
		{vb:raw navigation}
		{vb:raw template_hook.navtab_end}
<vb:if condition="$vboptions['dbtech_vbnavtabs_420_search_tab']">
<vb:if condition="(is_member_of($bbuserinfo, $vboptions['dbtech_vbnavtabs_420_guests_search_tab']))">
            <vb:if condition="$vboptions['dbtech_vbnavtabs_420_hover']">
            <li class="popupmenu hovermenu forumsearch menusearch" id="forumsearch">
            <vb:else />
            <li class="popupmenu forumsearch menusearch" id="forumsearch">
            </vb:if>
				<h6><a href="javascript://" class="popupctrl navtab" style="color:{vb:raw vboptions.dbtech_vbnavtabs_420_search_color};">
                    <vb:if condition="$vboptions['dbtech_vbnavtabs_420_search_tab_image']"><img src="dbtech/vbnavtabs_420/images/{vb:raw vboptions.dbtech_vbnavtabs_420_search_img_img}"  style="margin-bottom:.25em; vertical-align:middle; padding:{vb:stylevar dbtech_vbnavtabs_420_image_padding};" ></vb:if>{vb:rawphrase dbtech_vbnavtabs_420_search}<img src="images/misc/arrow.png" style="margin-bottom:.25em; vertical-align:middle; padding-left:2px; margin-right:-10px;" ></a></h6>
        				<form action="search.php?do=process" method="get">
        					<ul class="popupbody popuphover">
        						<li><input type="text" class="searchbox" name="query" value="{vb:rawphrase dbtech_vbnavtabs_420_search_search}" tabindex="1" /></li>
            						<li class="formsubmit">
							<input type="submit" class="button" value="{vb:rawphrase dbtech_vbnavtabs_420_search_button}" tabindex="2" />
						</li>
					<li class="formsubmit">
						<div class="submitoptions">
							<label><input type="radio" name="showposts" value="0" checked="checked" /> {vb:rawphrase dbtech_vbnavtabs_420_show_threads}</label>
							<label><input type="radio" name="showposts" value="1" /> {vb:rawphrase dbtech_vbnavtabs_420_show_posts}</label>
						</div>
						<div class="advancedsearchlink"><a href="search.php?">{vb:rawphrase dbtech_vbnavtabs_420_advanced_search}</a></div>

					</li>
				</ul>
				<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
				<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
				<input type="hidden" name="do" value="process" />
				<input type="hidden" name="contenttype" value="vBForum_Post" />
				<input type="hidden" name="exactname" value="1" />
				</form>
			</li>
</vb:if>
</vb:if>

	</ul>
<vb:if condition="!$vboptions['dbtech_vbnavtabs_420_hide_search']">
	<vb:if condition="$vboptions['enablesearches']">
		<div id="globalsearch" class="globalsearch">
			<form action="search.php?{vb:raw session.sessionurl}do=process" method="post" id="navbar_search" class="navbar_search">
				<vb:comment><input type="hidden" name="s" value="{vb:raw session.sessionurl}" /></vb:comment>
				<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
				<input type="hidden" name="do" value="process" />
				<span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99"/></span></span>
				<span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search<vb:if condition="$stylevar['textdirection'] == 'rtl'">_rtl</vb:if>.<vb:if condition="is_browser('ie') AND !is_browser('ie', 7)">gif<vb:else />png</vb:if>" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span></span>
			</form>
			<ul class="navbar_advanced_search">
				<li><a href="search.php{vb:raw session.sessionurl_q}" accesskey="4">{vb:rawphrase advanced_search}</a></li></vb:if>
				{vb:raw template_hook.navbar_advanced_search}
			</ul>
		</div>
	</vb:if>
</div>

{vb:raw template_hook.navtab_multi}
</div>
</div>
</div>

<div id="header" class="floatcontainer doc_header">
<div class="main_wrap">
	<vb:if condition="$stylevar['titleimage']"><div style="float: left; width: 30%;"><a href="{vb:link forumhome}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></vb:if>

<div style="float: right; width: 70%;">
<vb:if condition="$show['member']">
<div id="toplinks" class="toplinks">
			<ul class="isuser">
				<li style="padding-right: 0px;"><a href="login.php?{vb:raw session.sessionurl}do=logout&logouthash={vb:raw bbuserinfo.logouthash}" onClick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
				<vb:if condition="$show['registerbutton']">
				<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
				</vb:if>
				<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase user_control_panel}</a></li>
				<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
				<vb:if condition="$notifications_total">
				<li class="popupmenu notifications" id="notifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
					<ul class="popupbody popuphover">
						{vb:raw notifications_menubits}
					</ul>
				</li>
				<vb:else />
				<li class="popupmenu nonotifications" id="nonotifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
					<ul class="popupbody popuphover">
						<li style="color: #333333; padding: 3px;">{vb:rawphrase no_new_messages}</li>
						<vb:if condition="$show['pmmainlink']"><li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li></vb:if>
					</ul>
				</li>
				</vb:if>
				<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
				<vb:if condition="$vboptions['enablefacebookconnect']">
					{vb:raw facebook_header}
				</vb:if>
			</ul>
            {vb:raw template_hook.header_userinfo}
			<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
</div>
<vb:else />
<div class="guestbuttons">
			<a href="#login-box" class="login-window">{vb:rawphrase log_in}</a>
			<vb:if condition="$show['registerbutton']"><a href="register.php" class="register">{vb:rawphrase register}</a></vb:if>
</div>
</vb:if>
<div class="clear"></div>
	<div class="ad_global_header">
    	{vb:raw ad_location.global_header1}
		{vb:raw ad_location.global_header2}
	</div>
	<hr />
</div>
</div>
</div>

<vb:if condition="$show['guest']">
<div id="login-box" class="login-popup">
        <a href="#" class="close"><img src="{vb:stylevar imgdir_misc}/close_login.png" class="btn_close" title="Close Window" alt="Close" /></a>
<ul class="nouser">
				<li>
			<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<div style="float: left;">         
			<form id="navbar_loginform" action="login.php?{vb:raw session.sessionurl}do=login" method="post" onSubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
				<fieldset id="logindetails" class="logindetails">
					<div>
						<div>
					<div style="margin-bottom: 5px;">
                    <input type="text" class="textbox<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="30" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />
                    </div>
                    <div style="margin-bottom: 5px;">
					<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="30" />
                    </div>
					<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="30" value="{vb:rawphrase password}" style="display:none;" />
                    <div style="margin-top: 5px;">
                    <div style="float: left;">
					<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
                    </div>
                    <div id="remember" class="remember">
					<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
				</div>
                </div>
						</div>
					</div>
				</fieldset>

				<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
				<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
				<input type="hidden" name="do" value="login" />
				<input type="hidden" name="vb_login_md5password" />
				<input type="hidden" name="vb_login_md5password_utf" />
			</form>
            <div class="password_remind"><a href="login.php?do=lostpw">Forgot your password?</a></div>
</div>
<div style="float: left; margin-left: 10px; border-left: 1px solid #888888; min-height: 100px;">
            <vb:if condition="$vboptions['enablefacebookconnect']">
            <ul>
					{vb:raw facebook_header}
            </ul>
            <div class="clear"></div>
			</vb:if>
            <vb:if condition="$show['registerbutton']">
            <div class="register">
				<a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a>
            </div>
			</vb:if>
</div>
			<script type="text/javascript">
			YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
			YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
			vB_XHTML_Ready.subscribe(function()
			{
			//
				YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
				YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
				YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
				YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
			});
			
			function navbar_username_focus(e)
			{
			//
				var textbox = YAHOO.util.Event.getTarget(e);
				if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')
				{
				//
					textbox.value='';
					textbox.style.color='{vb:stylevar input_color}';
				}
			}

			function navbar_username_blur(e)
			{
			//
				var textbox = YAHOO.util.Event.getTarget(e);
				if (textbox.value == '')
				{
				//
					textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';
					textbox.style.color='{vb:stylevar shade_color}';
				}
			}
			
			function navbar_password_hint(e)
			{
			//
				var textbox = YAHOO.util.Event.getTarget(e);
				
				YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
				YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
				YAHOO.util.Dom.get('navbar_password').focus();
			}

			function navbar_password(e)
			{
			//
				var textbox = YAHOO.util.Event.getTarget(e);
				
				if (textbox.value == '')
				{
					YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
					YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
				}
			}
			</script>
				</li>
			</ul>
</div>
</vb:if>

<div id="breadcrumb" class="breadcrumb">
<div class="main_wrap">
	<ul class="floatcontainer">
    	<li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>
        {vb:raw navbits.breadcrumb}
		{vb:raw navbits.lastelement}
	</ul>
</div>
</div>

<div id="body_bg">
<div class="main_wrap">

<div id="page_title_container">
<div id="page_title_container_inner">
<vb:if condition="THIS_SCRIPT == 'index'">
<h1 style="padding: 22px 20px 0px 0px;">{vb:raw vboptions.bbtitle}</h1>
		<p class="description">{vb:rawphrase welcome_to_the_x, {vb:raw vboptions.bbtitle}}</p>
<vb:elseif condition="THIS_SCRIPT == 'forumdisplay'"/>
<h1 style="padding: 22px 20px 0px 0px;"><span class="forumtitle">{vb:raw foruminfo.title}</span></h1>
	<vb:if condition="$foruminfo['description']"><p class="description">{vb:raw foruminfo.description}</p></vb:if>
<vb:else />
	<h1 style="padding: 28px 20px 0px 0px;">
		{vb:raw navbits.lastelement}
	</h1>
</vb:if>
</div>
</div>

<div class="body_wrapper">

{vb:raw ad_location.ad_navbar_below}
{vb:raw ad_location.global_below_navbar}

<vb:if condition="$show['notices'] AND THIS_SCRIPT != 'register'">
	<form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
		<input type="hidden" name="do" value="dismissnotice" />
		<input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
		<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
		<input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
		<input type="hidden" name="url" value="{vb:raw return_link}" />
		<ol>
			{vb:raw notices}
		</ol>
	</form>
</vb:if>

As far as the sideblocks, we code all ours to vBulletin standards, but I will look into it and see if there is anything I can come up with.
 
i have a forum sidebar, so this meaning it is fluid, or not?

or is the width meaning...sorry i`m new to this VB-stuff...
 
Yeah fluid, the forums go almost all the way across the page:
fluid.png

With a fixed skin they don't:
fixed.png
 
The issue you are having with the sideblocks it that that skin developer has coded their own templates to use, thus making any mods that don't have the additional code in them look like that.

So what you will have to do is edit each sideblock template and find a line that looks something like this:
Code: 
<span class="blocktitle">{vb:rawphrase dbtech_vbdonate_latest_dons}</span>

Then after that line add the following:
Code: 
<div class="clear"></div>

So it would look like this:
Code: 
<span class="blocktitle">{vb:rawphrase dbtech_vbdonate_latest_dons}</span>
<div class="clear"></div>

It is not a bug in our products, that is just how the skin developer did it.
 
Draffi actually I found a easier way than editing all the block templates, in you style open the additional.css template found in the group CSS Templates and look for this bit of code:
Code: 
#sidebar_container .blocksubhead,
#sidebar_container .blocksubhead.smaller {
	background: {vb:stylevar notices_shadow_color} url({vb:stylevar imgdir_misc}/head_bg.png) repeat-x top;
	color: {vb:stylevar blockhead_color};
	font-family: {vb:stylevar blockhead_font};
	font-weight: normal;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 0 0 0 transparent, 0px 1px 0px #000000;
	padding: 4px 10px;
	height: auto !important;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-clip: padding-box;
}

And change it to this:
Code: 
#sidebar_container .blocksubhead,
#sidebar_container .blocksubhead.smaller {
	background: {vb:stylevar notices_shadow_color} url({vb:stylevar imgdir_misc}/head_bg.png) repeat-x top;
	color: {vb:stylevar blockhead_color};
	font-family: {vb:stylevar blockhead_font};
	font-weight: normal;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 0 0 0 transparent, 0px 1px 0px #000000;
	padding: 4px 10px;
	height: auto !important;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-clip: padding-box;
        overflow: hidden;
}

That is how I think the skin developer should have done it instead of adding extra code to the block templates.
 
After you created the tab, and the menu for the tab did you go back and edit the tab you created? It should be all the way down just above the Save Reset line:

droptab.png
 
Oh, Sir, you are the best! Thanks for the Picture...

understand right now!

But in this theme i have only a Sub-Menu under the navbar, no dropdown-menu...Or i doing something wrong?
 
Did you add any links to the menu? the end result should look something like this:
droptab2.png

Ozzy Droptab (Tab) That is the tab
Ozzy Menu (Menu) That is the menu you made for that tab
Ozzy Link (Link) That is a item in the dropdown
Ozzy Link 2 (Link) That is another item in the dropdown

droptab3.png
 
Status
Not open for further replies.

Similar threads

Steris56
  • Locked
  • Support ticket Support ticket
Question Navtab color background
Tags Tags
additional admin chrome color different forum group help hover missing navbar navtabs open points skin specific style styles stylevar templates text window
Replies
8
Views
796
Ozzy47
Ozzy47
Ozzy47
  • Locked
  • Support ticket Support ticket
Question vBDonate Beta 1 Released!
Tags Tags
404 additional admin beta block box bug button choose color delete display dragonbyte tech dropdown menu extensions feature features folder icon image images import issue link manage members navbar new not showing only options paypal plugins post settings size stylevar text update upgrading upload usergroups vbdonate version view vsa xml
Replies
16
Views
1K
Ozzy47
Ozzy47
Ozzy47
  • Locked
  • Sticky
Welcome to vBDonate closed beta testing
2
Replies
34
Views
4K
Ozzy47
Ozzy47
twolegit
  • Locked
  • Support ticket Support ticket
Bug probably my new fedora operating system
Tags Tags
123 4.2 additional ajax block boxes button buttons chat chatbox chrome color community description disable display download editor error event features feed firefox font forum forums hidden html icon image images install link mods more navbar new news php popup post size style ten text track vbdownloads vbshout vbulletin version xml
Replies
15
Views
1K
Dylan
Dylan
P
  • Locked
  • Support ticket Support ticket
Bug Broken Layout in Reconfigure
Tags Tags
3.8 ajax arcade auto awards block box broken buttons chat chatbox community css stylesheet currency description disable document editor event footer forum forums frame full help homepage html ie 7 images import issue layout link live member more music navbar only open php plugins posts private messages section shouts skin stats style tabs templates ten text total url usertag vbshout vbulletin vbulletin 3 version view window xml
Replies
7
Views
3K
Fillip H.
Fillip H.

Legacy vBNavTabs

vBulletin 4.x.x
Seller
DragonByte Technologies
Release date
Last update
Total downloads
966
Customer rating
0.00 star(s) 0 ratings
Top