水晶版 Google 搜尋框- Crystal google search box
Blogger Search box (站內搜尋) 搭配水晶介面的設計. Sample ►
請自行下載圖檔至自己的網路空間, 並更改 " A " 的網址.
或, 直接使用這裡的圖檔網址也可以. 右鍵複製網址.
(應該不會誤刪圖檔)
<style type="text/css">
#man-searchbox{background:url(A) no-repeat scroll center center transparent;width:230px;height:67px;disaply:block;}
form#man-searchform{display: block;padding: 5px 10px;margin:0;}
form#man-searchform #s{padding: 5px;margin:0;width: 150px;font-size:18px;color:#ffffff;vertical-align: top;border:none;background:transparent;}
form#man-searchform #sbutton{margin:0;padding:;height:35px;width:35px;vertical-align:top;border:none;background:transparent;}
</style>
<div id="man-searchbox">
<form id="man-searchform" method="get" action="/search"><input onblur="if (this.value == "") {this.value = "Search this blog...";}" id="s" onfocus="if (this.value == "Search this blog...") {this.value = ""}" value="Search this blog..." name="q"> <input id="sbutton" src="http://sites.google.com/site/agogodream/blank" type="image"> </form></div>
其他顏色 ►