The Arcive of Official vBulletin Modifications Site.

austinelse · #1 12-04-2014, 05:47 PM

Hi,

I am trying to move my search bar on the area below my login area. In the div area that has the little house and the text "forum" and I want it to be on the right. I have attached a screen shot of what I mean, it's the one named newsearchbarlocation.

I have found the Search box in the Nav template in my Admin.

<div class="searchBox">

<form method="post" action="search.php?do=process">

<input type="hidden" value="guest" name="securitytoken">
<input type="hidden" value="process" name="do">
<ul>
<li><div class="searchWrap"><input type="text" size="23" onblur="if (this.value == '') this.value = 'Type Here...';" onfocus="if (this.value == 'Type Here...') this.value = '';" value="Type Here..." tabindex="1004" name="query" class="searchinput"></div></li>
<li><input type="image" alt="Submit" value="Search" src="images/styles/DarkCore/style/searchButton-left.png"></li>
</ul>
</form>

</div>

I have found the area to put it in with also happens to be in NAV template:

<div id="breadcrumb" class="breadcrumb">
<div class="bcLeft"><div class="bcRight"><div class="bcWrap">
<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>
<hr />
</div></div></div>
</div>

When I do try to move it to this area I get the result you will see in the attachment: AfterMoving

I tried putting in float right in the CSS and I was able to get the search part of the search box to move to the right. But it is still not inside of the Midbar which is where I want. Also, the magnifying glass with the red background image stays to the left. I floated that right and it shows up before the search box on the other side.

Anyone have advice on how to do this?

webmastersun · #2 12-07-2014, 01:52 PM

You need to add a class {float:left;} for class "searchBox"
and edit code according to your template

it depends on your css skills

austinelse · #3 12-08-2014, 02:08 PM

Hello,
There is already a {float: left;} in the css for .searchBox.
I would have thought it would be {float: right;} since I am moving it to the mid bar and want it on the right side... Or am I wrong?

There is a wrap around the search box that is much taller and wider than the search bar itself. I think that the size of the wrap is causing the spill over in the mid bar when I try to move it there. (second photo from above) But when I take this wrap away before trying to move it to the right side of the page the magnifying glass icon moves to the left side of the search bar.

Thanks for the response.

Seven Skins · #4 12-08-2014, 04:20 PM

Try this ....

HTML Code:

<div id="breadcrumb" class="breadcrumb">
 <div class="bcLeft"><div class="bcRight"><div class="bcWrap">
 <ul class="floatcontainer"  style="float: left;">
 <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 style="float: right; position: relative; margin-top: -8px; margin-right: -10px;">
 <!-- search form -->
 <form method="post" action="search.php?do=process">

 <input type="hidden" value="guest" name="securitytoken">
 <input type="hidden" value="process" name="do">
 <ul>
 <li><div class="searchWrap"><input type="text" size="23" onblur="if (this.value == '') this.value = 'Type Here...';" onfocus="if (this.value == 'Type Here...') this.value = '';" value="Type Here..." tabindex="1004" name="query" class="searchinput"></div></li>
 <li><input type="image" alt="Submit" value="Search" src="images/styles/DarkCore/style/searchButton-left.png"></li>
 </ul> 
 </form>
 <!-- / search form -->
 </div> 	

 <hr />
 </div></div></div>
 </div>

austinelse · #5 12-08-2014, 05:32 PM

When applying this code i got the result of the photo attached.
http://i.imgur.com/kzkFAuk.png

You'll see that the search bar now has the icon on the wrong side and is still bleeding out of the intended place inside the mid bar.

This is the coding from my entire navbar section in vbulletin: (maybe it can be of somehelp? I believe both the search and the midbar are in this coding. )

<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}
</ul>
</div>
<div class="above_body"> 
<div id="header" class="floatcontainer doc_header">
<vb:if condition="$stylevar['titleimage']"><a name="top" href="{vb:link forumhome}" id="logo"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a>
<a href="http://store.killbillet.com/" target="_blank"><img class="banner-custom" src="/images/finished.gif" /></a>
</vb:if>
<vb:if condition="$vboptions['enablesearches']">
<div class="searchBox">

<form action="search.php?{vb:raw session.sessionurl}do=process" method="post">
<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" />
<ul>
<li><div class="searchWrap"><input class="searchinput" type="text" name="query" tabindex="1004" value="Type Here..." onfocus="if (this.value == 'Type Here...') this.value = '';" onblur="if (this.value == '') this.value = 'Type Here...';" size="23" /></div></li>
<li><input type="image" src="{vb:stylevar imgdir_themedir}/searchButton-{vb:stylevar left}.png" value="Search" alt="Submit" /></li>
</ul>
</form>

</div>
<div class="bannerBox">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
</vb:if>
</div>
</div>

<div id="midBar" class="clearfix">
<vb:if condition="$show['member']">
<div id="toplinks" class="toplinks clearfix">
<ul class="isuser">
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&logouthash={vb:ra w 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>{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="welcomeWrap"><div class="welcomeBar">
<vb:if condition="$show['registerbutton']">
<a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow" class="registerButton"><img src="{vb:stylevar imgdir_themedir}/button-register.png" alt="{vb:rawphrase register}" /></a>
</vb:if>
</div></div>
<div class="loginWrap"><div class="loginBox">

<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<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})">
<ul class="clearfix">
<li class="inputPad"><div class="loginBoxInput"><input type="text" class="loginInput<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" /></div></li>
<li><div class="loginBoxInput"><input type="password" class="loginInput" tabindex="102" name="vb_login_password" id="navbar_password" size="10" /><input type="text" class="loginInput default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" /></div></li>
<li class="submitButton"><input type="image" src="{vb:stylevar imgdir_themedir}/loginButton.png" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" /></li>
</ul>
<div class="loginBottom">
<a href="login.php?do=lostpw">Forgot Username?</a>
<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>
<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>
<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>
</div></div>
</vb:if>
</div>
<div id="breadcrumb" class="breadcrumb">
<div class="bcLeft"><div class="bcRight"><div class="bcWrap">
<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>
<hr />
</div></div></div>
</div>
<div id="contentMain"><div class="contentWrap">
<div class="contentLeft"><div class="contentRight">
<div class="contentTL"><div class="contentTR"><div class="contentBL"><div class="contentBR">
<div class="contentBodyWrap">
<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>


<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>


<g

lusone></g

lusone>

Seven Skins · #6 12-08-2014, 05:39 PM

I tried the code on your live site and it works. Did you edit the text highlighted in red color below.

Code:

<div id="breadcrumb" class="breadcrumb">
 <div class="bcLeft"><div class="bcRight"><div class="bcWrap">
 <ul class="floatcontainer"  style="float: left;">
 <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 style="float: right; position: relative; margin-top: -8px; margin-right: -10px;">
 <!-- search form -->
 <form method="post" action="search.php?do=process">

 <input type="hidden" value="guest" name="securitytoken">
 <input type="hidden" value="process" name="do">
 <ul>
 <li><div class="searchWrap"><input type="text" size="23" onblur="if (this.value == '') this.value = 'Type Here...';" onfocus="if (this.value == 'Type Here...') this.value = '';" value="Type Here..." tabindex="1004" name="query" class="searchinput"></div></li>
 <li><input type="image" alt="Submit" value="Search" src="images/styles/DarkCore/style/searchButton-left.png"></li>
 </ul> 
 </form>
 <!-- / search form -->
 </div> 	

 <hr />
 </div></div></div>
 </div>

austinelse · #7 12-08-2014, 05:42 PM

When applying this code i got the result of the photo attached.
http://i.imgur.com/kzkFAuk.png

You'll see that the search bar now has the icon on the wrong side and is still bleeding out of the intended place inside the mid bar.

This is the coding from my entire navbar section in vbulletin: (maybe it can be of somehelp? I believe both the search and the midbar are in this coding. )

<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}
</ul>
</div>
<div class="above_body"> 
<div id="header" class="floatcontainer doc_header">
<vb:if condition="$stylevar['titleimage']"><a name="top" href="{vb:link forumhome}" id="logo"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a>
<a href="http://store.killbillet.com/" target="_blank"><img class="banner-custom" src="/images/finished.gif" /></a>
</vb:if>
<vb:if condition="$vboptions['enablesearches']">
<div class="searchBox">

<form action="search.php?{vb:raw session.sessionurl}do=process" method="post">
<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" />
<ul>
<li><div class="searchWrap"><input class="searchinput" type="text" name="query" tabindex="1004" value="Type Here..." onfocus="if (this.value == 'Type Here...') this.value = '';" onblur="if (this.value == '') this.value = 'Type Here...';" size="23" /></div></li>
<li><input type="image" src="{vb:stylevar imgdir_themedir}/searchButton-{vb:stylevar left}.png" value="Search" alt="Submit" /></li>
</ul>
</form>

</div>
<div class="bannerBox">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
</vb:if>
</div>
</div>

<div id="midBar" class="clearfix">
<vb:if condition="$show['member']">
<div id="toplinks" class="toplinks clearfix">
<ul class="isuser">
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&logouthash={vb:ra w 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>{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="welcomeWrap"><div class="welcomeBar">
<vb:if condition="$show['registerbutton']">
<a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow" class="registerButton"><img src="{vb:stylevar imgdir_themedir}/button-register.png" alt="{vb:rawphrase register}" /></a>
</vb:if>
</div></div>
<div class="loginWrap"><div class="loginBox">

<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<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})">
<ul class="clearfix">
<li class="inputPad"><div class="loginBoxInput"><input type="text" class="loginInput<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" /></div></li>
<li><div class="loginBoxInput"><input type="password" class="loginInput" tabindex="102" name="vb_login_password" id="navbar_password" size="10" /><input type="text" class="loginInput default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" /></div></li>
<li class="submitButton"><input type="image" src="{vb:stylevar imgdir_themedir}/loginButton.png" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" /></li>
</ul>
<div class="loginBottom">
<a href="login.php?do=lostpw">Forgot Username?</a>
<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>
<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>
<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>
</div></div>
</vb:if>
</div>
<div id="breadcrumb" class="breadcrumb">
<div class="bcLeft"><div class="bcRight"><div class="bcWrap">
<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>
<hr />
</div></div></div>
</div>
<div id="contentMain"><div class="contentWrap">
<div class="contentLeft"><div class="contentRight">
<div class="contentTL"><div class="contentTR"><div class="contentBL"><div class="contentBR">
<div class="contentBodyWrap">
<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>


<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>


<g

lusone></g

lusone>

--------------- Added [DATE]1418072631[/DATE] at [TIME]1418072631[/TIME] ---------------

I just used FireBug in Mozilla to try and place it. Could it possibly be that I am using this program? I wanted to see the changes before applying them to the actual code.

Am i supposed to take out the searchBox class all together and just make it a div with the styles you have highlighted in red then?

--------------- Added [DATE]1418072749[/DATE] at [TIME]1418072749[/TIME] ---------------

And do I only need to move that section of the searchbox you posted. What about the coding above it : <vb:if condition="$vboptions['enablesearches']"> ??

Seven Skins · #8 12-08-2014, 07:19 PM

Mozilla Firebug will not work.
Yes remove searchbox class for now.

Save your template in the TEXT file and use the template below to see if it works.

HTML Code:

<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}
</ul>
</div>
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
<vb:if condition="$stylevar['titleimage']"><a name="top" href="{vb:link forumhome}" id="logo"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a>
<a href="http://store.killbillet.com/" target="_blank"><img class="banner-custom" src="/images/finished.gif" /></a>
</vb:if>

<div class="bannerBox">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>

</div>
</div><!-- closing div for above_body -->
<!-- Custom Content Wrap -->
<div id="midBar" class="clearfix">
<vb:if condition="$show['member']">
<div id="toplinks" class="toplinks clearfix">
<ul class="isuser">
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;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>{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="welcomeWrap"><div class="welcomeBar">
<vb:if condition="$show['registerbutton']">
<a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow" class="registerButton"><img src="{vb:stylevar imgdir_themedir}/button-register.png" alt="{vb:rawphrase register}" /></a>
</vb:if>
</div></div>
<div class="loginWrap"><div class="loginBox">
<!-- login form -->
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<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})">
<ul class="clearfix">
<li class="inputPad"><div class="loginBoxInput"><input type="text" class="loginInput<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" /></div></li>
<li><div class="loginBoxInput"><input type="password" class="loginInput" tabindex="102" name="vb_login_password" id="navbar_password" size="10" /><input type="text" class="loginInput default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" /></div></li>
<li class="submitButton"><input type="image" src="{vb:stylevar imgdir_themedir}/loginButton.png" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" /></li>
</ul>
<div class="loginBottom">
<a href="login.php?do=lostpw">Forgot Username?</a>
<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>
<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>
<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>
</div></div>
</vb:if>
</div>
<div id="breadcrumb" class="breadcrumb">
<div class="bcLeft"><div class="bcRight"><div class="bcWrap">
<ul class="floatcontainer" style="float: left;">
<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>

<vb:if condition="$vboptions['enablesearches']">
<div style="float: right; position: relative; margin-top: -8px; margin-right: -10px;">
<!-- search form -->
<form action="search.php?{vb:raw session.sessionurl}do=process" method="post">
<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" />
<ul>
<li><div class="searchWrap"><input class="searchinput" type="text" name="query" tabindex="1004" value="Type Here..." onfocus="if (this.value == 'Type Here...') this.value = '';" onblur="if (this.value == '') this.value = 'Type Here...';" size="23" /></div></li>
<li><input type="image" src="{vb:stylevar imgdir_themedir}/searchButton-{vb:stylevar left}.png" value="Search" alt="Submit" /></li>
</ul>
</form>
<!-- / search form -->
</div>
</vb:if>

<hr />
</div></div></div>
</div>
<div id="contentMain"><div class="contentWrap">
<div class="contentLeft"><div class="contentRight">
<div class="contentTL"><div class="contentTR"><div class="contentBL"><div class="contentBR">
<div class="contentBodyWrap">
<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>

<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<!-- Place this tag where you want the +1 button to render -->
<glusone></glusone>

austinelse · #9 12-08-2014, 07:28 PM

I did this and the magnifying glass is now under the search bar and to the right.

See picture attached.

http://imgur.com/pQwOHkV

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04369 seconds Memory Usage 2,388KB Queries Executed 14 (?)
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 (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (1)bbcode_code (2)bbcode_html (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (9)post_thanks_box (9)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (9)post_thanks_postbit_info (9)postbit (2)postbit_attachment (9)postbit_onlinestatus (9)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_postinfo_query fetch_postinfo 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_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start 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!