因為很不習慣搜尋框是擺在頁首而不是在導航列裡,所以就花點時間把他改放在導航列囉~
順便將改寫過程寫出來供需要的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; }

作者: Mr. 夫

唯有力量才能制衡一切,沒有力量什麼都保護不了,就連自身也難保...

參與討論

11 則留言

  1. 感謝教學~^^

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

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

  2. 成功了:-)

    教學真是簡單明瞭啊~

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

    大感謝!

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

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

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

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *