Arras 1.5.1.2: 將搜尋框移至Top-Menu右側

arras_top-menu_for_searchbar

最近有網友問到新版的Arras 1.5.0.1如何將那個搜尋框移到頂部選單去,雖然我家還是停留在1.4x多,不過既然有人問了就po篇改寫教學囉~~

首先開啟arras/header.php,在以下這段程式碼

 

的下一行加入以下程式碼


 

再來刪除約第92行附近的這段程式碼


 

最後開啟arras/css/styles/default.css

尋找以下這段程式碼

#top-menu-content  { height: 25px; padding: 3px 0; }

 

並改寫替換成如下

#top-menu-content  { max-width: 680px; float:left; height: 25px; padding: 3px 0; }

 

然後再上一行插入此段程式碼

#right-search  { float:right; }

 

0 0 votes
Article Rating
Subscribe
Notify of
6 Comments
Inline Feedbacks
View all comments
Tu
Tu
13 years ago

試過了,firefox和chrome,沒有問題,IE則跑到下面去了。看來是瀏覽器的問題。不過我的IE還在用6.0的[感覺7.0的不好用],估計是版本的問題。
對了,小夫的圖片都是用photoshop做的嗎?推薦個簡單實用的軟件給我吧,能夠把圖片的四個角變圓,可以把圖片弄傾斜[就像你的圖片這樣子]的就OK了 😀
還有,很喜歡email提醒,新加的吧,很好哦 🙂

反詐騙作戰中心
13 years ago

謝謝版主的分享! 喜歡 arras theme 🙂

Akisa
13 years ago

請問怎麼取消搜尋框

trackback
12 years ago

[…] Arras 1.5.1.2: 將搜尋框移至Top-Menu右側 « WordPress 研究者日記 與本文類似的主題: […]