rubencio showcases

CLASSIPRESS SEARCH AT MENU BAR

1. Create the file ‘headersearch.php’ with the code:

<form method=”get” action=”<?php bloginfo(‘url’); ?>” >
<input type=”text” name=”s” value=”<?php _e(‘Search…’) ?>” onfocus=”if (this.value == ‘<?php _e(‘Search…’) ?>’) {this.value = ”;}” onblur=”if (this.value == ”) {this.value = ‘<?php _e(‘Search…’) ?>’;}” />
<input type=”image” src=”/images/btn-search.png” name=”submit” value=”Search”>
</form>

2. Copy it to your ‘includes’ folder in ClassiPress.

3. Some HTML to your ‘header.php’ at the menu:

<?php include(“includes/headersearch.php”); ?>

4. Custom CSS (in my case clasifichados.com):

form.searchform input.field.s {
-ms-border-radius: 8px;
background-image: none;
background-color: #FFFFFF;
border-style: none;
font-size: 14px;
color: #444444;
padding: 10px 20px;
width: 200px;
}