因為很不習慣搜尋框是擺在頁首而不是在導航列裡,所以就花點時間把他改放在導航列囉~
順便將改寫過程寫出來供需要的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; }
感謝教學~^^
我先來測試看看,家裡電腦剛好顯示黑屏…囧!
這一篇真的是很實用又美觀!(拇指)
黑屏就送修吧?
成功了:-)
教學真是簡單明瞭啊~
不過我做出來的…顯示上有相當微妙的差異,囧
大感謝!
有所差異的話就改改css檔裡的數值吧,不過我家的是有拿掉那些RSS小圖示所以看起來跟教學的是會有一些差異啦~
嗯…我也試著拿掉RSS小圖示了,自己亂測試刪掉header.php內的數值試試看:
<a id="rss" title="” href=””>
<a id="rss" title="” href=””>
結果圖示真的不見了XD目前使用上沒什麼問題…(抖)
我也將CSS內的搜尋欄修改得比較好看了,雖然不知道這樣修正式不是正確的XD
你也不想顯示RSS那些小圖的話可以把整段< ul class="quick-nav clearfix" >~~< /ul >刪掉
請問,
1.5.0版的arras怎麼改呢?程式碼好像不太一樣
這個主題”Arras 1.5.0.1: 將搜尋框移至Top-Menu右側”
看不到內容耶~
已修正~
請問”Arras 1.5.0.1″的版本,該如何修改呢?
http://wordpress.play-learn.net/wordpress/theme-hack/arras_top-menu_for_searchbar.html