Huxsna


"...Follow me on Instagram @huxsna..."


Wednesday, 29 April 2015 - 0 Complain

Assalamualaikum.. Harini husna nak ajar krang Customize search box.. ada 4 style.. ! haa.. key jom mula !

S T Y L E 1



T H E CODES ;

<br /><center><form action="/search" id="searchThis" method="get" style="display: inline;"><input id="searchBox" name="q" style="background: #EBF5FF; border:1px solid #D6EBFF; color:#444444; font-size: 13px; width: 150px;" type="text" value="" onclick="this.value=&#39;&#39;" /><input id="searchButton" style="background: #EBF5FF; border:1px solid #D6EBFF; color:#555555; font-size:12px;" type="submit" value="Find it" /></form></center><br />



S T Y L E 2


THE CODES ;

<center><form id="searchthis" action="/search"
 style="display:inline;" method="get">
<inputid="search-box"name="qsize="25"type="text" style="background:#ccccff; border:2px solid#FF99CC"/><input id="Search" type="image" src="http://dryicons.com/images/icon_sets/stickers_icon_
set/png/16x16/search_magnifier.png" style="margin-left:
 5px; margin: 3px 0 0 5px;"/></form>

S T Y L E 3


THE CODES ;

<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Search" type="submit"/></form>



S T Y L E 4

THE CODES ;

<br /><center><form action="/search" id="searchThis" method="get" style="display: inline;"><input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background:#FFFFE5; border-bottom-left-radius: 10px 10px;border-top-left-radius: 10px 10px;border: #FFEEEE solid 3px;color: #666666; font-size: 11px;font-family:century gothic; width:135px;padding:3px;padding-left:5px; " type="text" value="Enter some keyword" vinput="" /> <input id="searchButton" style="background:#FFF7F7;border-bottom-right-radius: 10px 10px;border-top-right-radius: 10px 10px; border: #FFEEEE solid 3px;color: #444444; font-size: 11px;font-family:century gothic;padding:2px;width:50px;" type="submit" value="Search" /></form></center><br />



COPY CODE DIATAS (PILIH) AND THEN PASTEKAN DI HTML/JAVASCRIPT
KALAU UNTUK CLASSIC TEMPLATES DI SIDEBAR KORANG YA !

MERAH : Background Colour
ORANGE: warna border
HIJAU : Search Text
PINK : Url icon
PURPLE : text Search button and ..... (lupa lah nama dye)



CREDITS : Akak Esha and Akak Ehza

Post a Comment

Ada masalah? Ada benda yang hendak dipuji? Suka dengan blog nie? Complain lah apa lagi!


Hello From The Otherside!

click this button ^^

de' little map

cbox

Fairytales Time Machine

credit