All Credit For This TUTORIAL Goes To: anymvs
A lot of people want to move search button on DarkCore skin, well since I figure out a way I will show you, how to do it...
1. First search on "search in templates" for navbar and find
Code:
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']">"
Code:
3.When you find the above code select the whole code and cut it with right click mouse or ctrl+'x' on your keyboard.Code:<vb:if condition="$vboptions['enablesearches']"> <div class="searchBox"> <!-- 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>
4.Paste the code at the beginning of the navbar. just before::
Code:
[above code goes here...]Code:<div id="navbar" class="navbar">
5.Search for ".searchBox" you will find it on additional.css
6.Replace the existing with the following.
Code:
Code:.searchBox { float:{vb:stylevar right}; padding:6px; 0 0 0; padding-{vb:stylevar left}:0px;}



LinkBack URL
About LinkBacks




Reply With Quote
