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

4   Comments

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
水晶版 Google 搜尋框- Crystal google search box
Subject : 水晶版 Google 搜尋框- Crystal google search box
Author : - Dream Talker Updated at: 7:52 AM
Votes : 100% - 5.0 - based on 2015
自訂Blogger搜尋框.水晶版Google搜尋框分享.
5 Stars - Reviews
留言提示 - Comment Tips
◆ 如果您有任何想法或意見,歡迎參與留言。
◆ Disqus匿名留言,信箱及個人資訊不會公開顯示。
◆ 請多使用社群帳號留言,可簡化流程並訂閱回復。
◆ 『私密留言』請使用Google+分享按鍵,留言須使用『@Mark X』在訊息中,以免遺漏通知。
◆ G+ 訊息中指名分享對象的參考文件: 『 說明
  • Disqus
  • Blogger
  • Facebook
Anonymous left your nick please
  1. 這組也帶走參考~謝謝哦.

    ReplyDelete
  2. To @Angela :
    You are welcome. :)

    ReplyDelete
  3. good! 收錄起來~

    ReplyDelete
    Replies
    1. 歡迎連結. 大部分格友使用官方模組吧?

      Delete