Apple hires...

I love Drupal and I love Artisteer because together they are just brilliant for very productive work. But every now and then there's something that one or other of them can't do 'out of the box'. Work-arounds can usually be found by judicious Google-ing, but often the slickest solution is a combination of two or more suggestions.

Here's a good example - how to get a Search box in the page header. Artisteer can't manage it yet, but it's a common requirement for many website clients.

Here's how in three easy steps. Once you've created your theme and made sure that the search box in enabled in your Drupal theme settings go to your theme folder - all the files mentioned below are found there...

Step 1:

Open page.tpl.php in an editor and locate the following tag:

<div class="art-header-jpeg">

Immediately after this paste in the following:

<div id="searchbox"><?php echo $search_box?></div>

Step 2:

Open style.css and paste in the following anywhere after the Artisteer comments at the top:

#searchbox { float:right; position:relative; top:130px; right:12px; }

You can amend the pixel values later to position as required.

Step 3:

Create a new document in your theme folder called 'search-theme-form.tpl.php' with the following:

<div class="container-inline"> <input type="text" maxlength="128" name="search_theme_form" id="edit-search-theme-form-1" size="25" value="" title="Enter the terms you wish to search for." class="form-text" />  <span class="art-button-wrapper"><span class="l"></span><span class="r"></span><input type="submit" name="op" id="edit-submit-button" value="Search" class="form-submit art-button"/></span> <input type="hidden" name="form_build_id" id="<?php print drupal_get_token('form_build_id'); ?>" value="<?php print drupal_get_token('form_build_id'); ?>" /> <input type="hidden" name="form_token" id="edit-search-theme-form-form-token" value="<?php print drupal_get_token('search_theme_form'); ?>" /> <input type="hidden" name="form_id" id="edit-search-theme-form" value="search_theme_form" /> </div>

That's it - you're done! With a little experimentation on where to paste in the code on Step 1 above you can also position in menu-bar and other page regions as required.

Let me know how you get on!