This is an old version of this answer!
Return to the current answerHi Chris, the following code create a custom Search Box:
And you can use this CSS:
<?php
function search_nav_menu() { ?>
<li class='search'>
<form class='search_form' method='get' action=''><input type='text' name='s' id='s' value='search' onfocus="if (this.value==='search') this.value='';" onblur="if (this.value=='') this.value='search';"/></form>
</li>
<?php
}
add_action('thesis_hook_last_nav_item','search_nav_menu');
?>And you can use this CSS:
.custom ul.menu li {
float:right;
font-size:10px;
height: 22px;
letter-spacing:1px;
overflow:hidden;
}
.custom ul.menu li.search {
background-color: #CCC;
border-bottom:none;
height:25px;
margin-bottom:0;
}
.custom ul.menu li.search input {
background-color: #CCC;
border:1px solid #333;
color:#333;
font-size:10px;
height:18px;
letter-spacing:1px;
padding:4px 10px 0 22px;
width:125px;
}
Gustavo Bordoni | 05/14/10 at 4:14am
