Arras: 搜尋框移到導航列右側

因為很不習慣搜尋框是擺在頁首而不是在導航列裡,所以就花點時間把他改放在導航列囉~
順便將改寫過程寫出來供需要的Arras使用者們去改來玩玩。

首先開啟arras-theme/header.php,並且將以下的程式碼刪掉或是註解掉也可以。


 

然後將下面段程式碼加在< ul class="quick-nav clearfix" >的上面。


 

改完結果如下


 

再來開啟arras-theme/css/styles/default.css,隨便一行加入下列程式碼就打完收工。

#quick-nav_searchbar	{ float: right; margin: 0 8px 0 0; border: 3px solid #141212; background: #EFEFEF; padding: 0; height: 21px; }
0 0 votes
Article Rating
Subscribe
Notify of
11 Comments
Inline Feedbacks
View all comments
美樂果
美樂果
13 years ago

感謝教學~^^

我先來測試看看,家裡電腦剛好顯示黑屏…囧!

這一篇真的是很實用又美觀!(拇指)

美樂果
美樂果
13 years ago

成功了:-)

教學真是簡單明瞭啊~

不過我做出來的…顯示上有相當微妙的差異,囧

大感謝!

美樂果
美樂果
13 years ago

嗯…我也試著拿掉RSS小圖示了,自己亂測試刪掉header.php內的數值試試看:

<a id="rss" title="” href=””>

<a id="rss" title="” href=””>

結果圖示真的不見了XD目前使用上沒什麼問題…(抖)
我也將CSS內的搜尋欄修改得比較好看了,雖然不知道這樣修正式不是正確的XD

peggy
12 years ago

請問,
1.5.0版的arras怎麼改呢?程式碼好像不太一樣

peggy
12 years ago

這個主題”Arras 1.5.0.1: 將搜尋框移至Top-Menu右側”
看不到內容耶~

peggy
12 years ago

請問”Arras 1.5.0.1″的版本,該如何修改呢?