水晶版 Google 搜尋框- Crystal google search box

Blogger Search box (站內搜尋) 搭配水晶介面的設計.  Sample  ►

裝設及搜尋文字顏色, 請看上一篇 ► Click here
請自行下載圖檔至自己的網路空間, 並更改 " 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 == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" id="s" onfocus="if (this.value == &quot;Search this blog...&quot;) {this.value = &quot;&quot;}" value="Search this blog..." name="q"> <input id="sbutton" src="http://sites.google.com/site/agogodream/blank" type="image"> </form></div>


其他顏色  ►

---

Author Summary

Subject : 水晶版 Google 搜尋框- Crystal google search box
Author : Unknown - Dream Talker Updated at: 7:52 AM
Votes : 100% - 5.0 - based on 2015
自訂Blogger搜尋框.水晶版Google搜尋框分享.

Unknown

5 Stars - Reviews