30 Kasım 2012 Cuma

attractive search box form for blogger blogspot

*Demo: click here!
Get Code:
CSS:
#s {width: 230px; border-spacing: 0px; margin: 1px; padding: 0px; space: 0px; border: none; float:left; height:29px;}
#srch { width: 268px; border: 1px solid #999999; height: 31px;}

Form:
<div id='srch'>
<FORM action='/search' id='searchform' method='get'>
        <INPUT id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}' onfocus='if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}' type='text' value='Search'/>
<INPUT src='http://4.bp.blogspot.com/-Srxi90tzH7c/ULja5VqzC5I/AAAAAAAAAAw/m1VuBKeo8F0/s1600/Search.png' style='border:none; background-image:url(http://1.bp.blogspot.com/-Y8cu7-DIRVE/ULjcoarCZBI/AAAAAAAAAA4/C52gX5X4wo4/s1600/bg.gif);vertical-align:top;float:right;height:29px;width:34px;margin:1px;'  type='image'/>    </FORM></div>

if you get stuck you can get support via comment section below.Remember! this search box works good on surfaces whose background color is white.
*if you can't see DEMO please poke me by commenting....



0 yorum:

Yorum Gönder