You have ( 0 ) items in your

vBulletin Tutorials

PurevB offers you not only a FAQ page, but a step by step Tutorial Page that will help guide you through your own questions about modifying your skin, text / link color changes and more.

Results 1 to 4 of 4

Thread: DarkCore - Move Seach Box To Navigation Menu Bar

  1. #1
    PurevB Designer
    Join Date
    Apr 2010
    Posts
    2,961

    Thumbs up DarkCore - Move Seach Box To Navigation Menu Bar

    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:
    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:
    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>
    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:
    Code:
    <div id="navbar" class="navbar">
    [above code goes here...]

    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;}
     

    Article Rating (1 )
    Register to vote
    Last edited by Nicholas; 07-21-2012 at 08:50 AM.
    PurevB.com - Quality vBulletin Themes @ a Quality Price!

    PURE ONE MEDIA

    PurevB - PureIPB - PurecP - PureDA - PureAd - PureWP

  2. #2
    Pure Customer
    Join Date
    May 2012
    Posts
    21

    Default

    You must be an PurevB customer and logged in to view this response. Join today!

  3. #3
    Pure Customer
    Join Date
    May 2012
    Posts
    21

    Default

    You must be an PurevB customer and logged in to view this response. Join today!

  4. #4
    Pure Customer
    Join Date
    Jun 2012
    Posts
    2

    Default

    You must be an PurevB customer and logged in to view this response. Join today!

 

 

Similar Threads

  1. How to move the socialbox location?
    By iraqiboy90 in forum ZoneOne vBulletin Theme
    Replies: 2
    Last Post: 11-12-2012, 03:45 PM
  2. How to move search button on DarkCore
    By anymvs in forum DarkCore vBulletin Theme
    Replies: 1
    Last Post: 07-21-2012, 08:52 AM
  3. Move Search Box
    By gregorys33 in forum Luburox vBulletin Theme
    Replies: 6
    Last Post: 03-09-2012, 01:07 PM
  4. How to move signature up on postbit
    By Adam in forum Tutorials
    Replies: 1
    Last Post: 03-09-2012, 06:14 AM
  5. Gap between top and Menu Bar
    By DirtRider in forum Movara vBulletin Theme
    Replies: 2
    Last Post: 02-17-2011, 10:30 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •