Knowledge Base > Customizations > DarkCore – Move Seach Box To Navigation Menu Bar

in Customizations

A lot of people want to move search button on DarkCore skin, well since I figured out a way I will show you, how to do it.

1. First search on “search in templates” for navbar and find

Code:

"<vb:if condition="$vboptions['enablesearches']">"

2.In programming languages each statements have start brackets and end brackets, like loops and if statements so, we need to find where the statement of <vb:if condition…..> is ending.. Hit ctrl + ‘f’ into your keyboard and type </vb:if> also mark highlight all to determine the location of our condition… below is the whole code…

Code:

<vb:if condition="$vboptions['enablesearches']">        <div>            <!-- 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><input 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>

3.When you find the above code select the whole code and cut it with right click mouse or ctrl+’x’ on your keyboard.

4.Paste the code at the beginning of the navbar. just before::

Code:

<div id="navbar">

[above code goes here…]

5.Search for “.searchBox” you will find it on additional.css
6.Replace the existing with the following.

Code:

.searchBox {    float:{vb:stylevar right};    padding:6px; 0 0 0;    padding-{vb:stylevar left}:0px;}