Searchbox II

input { border: none; background: #fff; color: #6CA19E; padding: 5px; display: block; text-transform: uppercase; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; letter-spacing: 1px; word-spacing: 0.3em; font: 7pt 'museo-300', sans-serif; margin-top: 5px;margin-left:-3px; width: 160px; }
input:hover, input:focus { background: #6CA19E; color: #fff; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; }

<form action="/search" method="get" >
<input type="text" name="q" value="search this blog" onfocus="if (this.value == 'search this blog') {this.value = '';}" onblur="if (this.value == '') {this.value = 'search this blog';}"/>
</form> 

Labels: Tutorial

0 Comments:

Post a Comment