給blogger用的語音搜尋框

這個搜尋框在chrome可以用語音搜尋,

效果可參考綜合口味的搜尋區~開放給需要的人使用:)

以下直接複製並貼到html/javascript小工具即可,如果想放在除了側邊欄以外的地方就請自行去範本小工具內貼囉!


複製開始!

<!--madeBy-chodaict-->

<div id='searchBar'>
<style>
#search-box {
position: relative;
margin: 0;
padding: 0;
float:right;
}


#search-form{
width: 220px;
height: 30px;
border: 1px solid #ccc;
background-color: #fff;
overflow: hidden;
margin: 0 70px 0 0;

-webkit-border-radius: 30px 0 0 30px; //搜尋框的圓角,四個數字分別是左上、右上、右下、左下
-moz-border-radius: 30px 0 0 30px; //搜尋框的圓角,四個數字分別是左上、右上、右下、左下
border-radius: 30px 0 0 30px; //搜尋框的圓角,四個數字分別是左上、右上、右下、左下
}

#search-text{
font-size: 14px;
color: #ccc;
border-width: 0;
background: transparent;
}


#search-box input[type=&quot;text&quot;]{
width: 90%;
padding: 10px 0 10px 1.5em;
color: #333;
outline: none;
}


#search-button {
position: absolute;
top: 0;
right: 0;
height: 32px;
width: 70px;
font-size: 26px;
color: #fff; //搜尋符號的顏色
text-align: center;

-webkit-border-radius: 0 30px 30px 0; //搜尋按鈕的圓角,四個數字分別是左上、右上、右下、左下
-moz-border-radius: 0 30px 30px 0 ; //搜尋按鈕的圓角,四個數字分別是左上、右上、右下、左下
border-radius: 0 30px 30px 0 ; //搜尋按鈕的圓角,四個數字分別是左上、右上、右下、左下

border-width: 0;
background-color: #666;//搜尋按鈕的顏色
cursor: pointer;

-webkit-transform: scaley(-1);
-moz-transform: scaley(-1);
-o-transform: scaley(-1);
transform: scaley(-1);

line-height: 0px;
}

#search-button:hover{
background: #999; //滑鼠經過搜尋按鈕時的顏色
}

</style>

<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='想找點什麼嗎?'
size='30' type='text'
x-webkit-speech='true' //這個就是語音功能!
/>
<button id='search-button' type='submit' value='Google Search'><span>&#9740;</span></button>
</form>
</div></div>
<!--madeBy-chodaict-->

複製結束!


如果想調整的話請自便~XD
Read More...

如何在Mac OS X 10.9 開啓Root權限?步驟截圖!

由於Apple官方的步驟流程不夠詳盡,想當初我也研究了很久才看懂;
這次剛好有網友詢問,就來幫Apple整理一下截圖吧XD!



  1. 從 Apple 選單中選擇系統偏好設定...。
  2. 從顯示方式選單中選擇使用者與群組。
  3. 按一下鎖頭圖案,以管理者帳號的身分進行認證。
  4. 按一下「登入選項...」。
  5. 按一下右下方的「編輯...」或「加入...」按鈕。
  6. 按一下「打開目錄工具程式...」按鈕。

  7. 按一下「目錄工具程式」視窗中的鎖頭。
  8. 輸入管理者帳號名稱和密碼,然後按一下修改設定
  9. 從編輯選單中選擇啟用 Root 使用者。
  10. 輸入您要在「密碼」與「驗證」欄位中使用的 Root 密碼,然後按一下「好」。
  11. 接下來重新開機就會看到一個叫做「其他」的使用者!
  12. 點擊後,帳號輸入root,密碼就打剛才輸入過並驗證的密碼。
  13. 成功以root身份進入!
  14. 若要停用root,請從步驟1走到步驟8,選停用root即可!

以上步驟截圖完畢!希望能幫助到一樣困惑的使用者囉!
Read More...