引子：
怎麼樣美化搜索框呢？如何添加百度谷歌等外部搜索功能呢？下面將以DEDECMS為例子，介紹搜索框的功能升級和美化方法。
DEDECMS的搜索框問題描述如下：
一：功能太少。
原來只有站內搜索，遠遠不能滿足日常運用。（解決方案：添加多種實用的外部搜索。）
二：submit按鈕無法按照要求排版。
submit老是發生錯位現象，無法按要求與text輸入框保持同一水平線，十分難看。（解決方案：去掉botton，改用a鏈接提交。）
三，色彩難看。
沒有顏色。（解決方案：根據自己的網頁配色進行美化。）
工具/原料
DEDECMS源程序
HTML編輯工具
JS編輯工具
CSS編輯工具
IE瀏覽器（測試用）
搜索框功能升級的詳細過程
升級功能：打開\templets\default 下的head.htm，右鍵複製粘貼，先備份一份。
然後點右鍵編輯，找到代碼：
將這段代碼改成：
配置說明：
總共有5種搜索，分別是站內，站外，圖片，資源下載和淘寶搜索，站外搜索都一樣，但是站內是需要根據網址的變化而更改的。
如果用的是DEDECMS5.7，只需要將紅色粗體字部分改成本站鏈接即可。
如果是其他類型，除了修改紅色字體部分外，還要將藍色部分改為本站搜索地址。
四種站外搜索是精心編寫且完全打包好的，如果需要增強功能，請自主修改。
搜索框美化的詳細：
打開\templets\default\style中的DEDECMS.css
查找：search-keyword
添加屬性如下：
.search-keyword{
padding:4px 0px 0px 22px;
height:20px;
width:200px;
border:1px solid #ccc;
color:#a0a0a0;
background:#fff url("http://www.veryhuo.com/uploads/allimg/1112/magglass.gif") no-repeat left;
}
查找：search-submit
添加屬性如下：
a.search-submit{
height:24px;
background:#2d2d2d;
width:50px;
cursor:pointer;
border:1px solid #7d7d7d;
margin-left:-1px;
text-align:center;
font:bold 20px/20px Arial, Sans-Serif;
color:#ccc;
text-decoration:none;
display:block;
}
a.search-submit:hover{
background:#FF0C8A;
color:#fff;
border-left:1px solid #FF0C8A;
}
最後效果清晰圖：
注意事項
如果以上屬性不符合自己的要求，請根據排版情況修改。