香腸炒魷魚新佈景出爐囉!
※請注意,本站文章未經授權,嚴禁轉載!謝謝。
最近發文量好低,又加上前一個佈景老是出問題,尤其是使用IE瀏覽時,問題更是大的誇張,最右手邊的側邊欄常常卡住,而且畫面也很窄,閱讀上很友善,後來找了一下佈景,再加上經過幾天的修正,現在正式出爐!
|
|
|
這次的佈景是採用兩欄式,不過它側邊本身設定比一般側邊大一些,這佈景把側邊欄切成四等分,分成東西南北四塊,剛好他的東、西兩區塊的大小剛好可以拿來放分類以及隨機連結,設計的真貼心。
不過話說回來,這次換佈景的間格時間好像超短,記得在今年10月初時,才換成三欄式的「PrimePress」,當時換它的想法是想要來試試看三欄的感覺,不過經過第一個月後,就陸續有網友反應IE無法正常讀取,常常會出現錯誤,這時囧了,那個佈景我調整很久,還打擾了一大堆人。

(↑香腸炒魷魚,2008年10月份佈景:PrimePress)
10月份整個是在趕稿中度過,那個稿子趕的就是這一本書:《WordPress部落格架設與經營:站長親授的十堂課》,所以沒有時間換、修改新佈景。到了11月初,雖然稿子趕完了,不過緊接著就是期中考阿,不要以為期中考只有一週,我們期中考可是拖了一個月,因為老師們都很貼心,想說學生期中考週考試可能很多,會忙不過來,所以順延了考試時間,變成從11月3日到11月27日是期中考週(應該是期中考月XD)。
當考試結束後,當然就要回來這裡除草、整地一下,因為草都長得和人一樣高了。所以在11月28日下午就開始找佈景,當然我找佈景的方法先前已經有教過了,大家可以回顧一下。但這次這個佈景我是在官方網站找到的,想說利用官方網站的評比去找一下,很快的,我就愛上「iNove」這個佈景了。
這次我換佈景的理由除了瀏覽器讀取有問題外,當然還有個因素就是在這篇中有提到,在此就不多說了。這個佈景我大概是星期五下午找到後,然後立刻修改,而星期六、星期天要打工沒時間,假日兩天在打工、感冒、腳痛中度過,沒多餘時間修改,接著到了星期一,晚上就加緊趕工,然後在晚上12點上架,就是現在這樣子囉!

(↑香腸炒魷魚,2008年12月份新佈景:iNove)
這次算是改的最順利的一次,因為CSS越改越順手,缺哪裡補哪裡,利用Firebug進行微調,至於瀏覽器相容問題就多設定兩個CSS檔,並在header.php加入php語法來判斷瀏覽器是哪一種,而去讀取哪個CSS檔。然後使用IETester來偵測在IE6和IE7下的狀況,並進行修正、微調。當然這佈景這次我沒去調它的寬度,因為前兩個佈景就是去調寬度,造成CSS改了老半天都沒調好,這次學乖了,不要亂弄XD,但也是因為這佈景寬度夠,也沒有調整的必要。
這次除了換佈景之外,當然我們也順便換了一下本站的LOGO,讓LOGO和佈景主題更搭。這個LOGO首先要感謝魷魚絲的幫忙,因為這個LOGO陸陸續續修改,總共製作了10個版本,到了第9版本時,原先以為完成了,也跟他說OK了,但我後來發現LOGO圖片背景沒有透明,然後又請他弄了一下,才變成現在這個LOGO。

(↑香腸炒魷魚,2008年12月份新LOGO)
這個LOGO還要謝謝阿骨,有看到中間的「炒」字嗎?這是阿骨先前和我交換連結時,特地製做的小圖案,放在她網站上呢!所以我就跟她要來使用了,感謝阿骨。大家可以到她的部落格看看他寫的photoshop教學,清晰明瞭喔!
網誌名稱:Mavis★設計部落
網誌網址:http://love80375.pixnet.net/blog
最後,就不再多廢話了,因為寫到這裡時,已經到了我要去上課的時間了,雖然說今天只有一門課(三堂,3點~5點6點,打字打太快了~),而且這門課還是不可能會過的「離散數學」,但基於我是不翹課的,所以還是要去上一下XD。另外,網站的右上方有這次新佈景的投票,大家趕快去幫忙投一下吧!

我的課是3點到6點耶~~
你的是3點到5點..........
少我一小時呢!!
香先生要翹課喔!!!!!!
香先生要翹第10節課喔!!!!!!
~真巧耶~我也要上離散數學耶~0.0+
不過~好像是3:00~6:00唷~@_@"
怎麼你的上課時數都比別人少阿0.0?
..剩下那一小時你要去哪阿= =?
~你要翹課吼~!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
~打完收工!!
哇賽~~
香腸!!
你不用上最後一節喔!
這麼威
比我還會翹課ㄋ
我都要乖乖坐滿三節ㄟ
你最後一節要去做什麼壞事阿!!
@@
好噁心喔你
這樣不可以唷
香腸要乖乖的
怎麼這麼快就變壞ㄋ
聽說
來這邊留言有個習俗喔
就是一定要重複說話
為ㄌ不落習俗
送你
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
香腸要翹課!!!!!!!!
感覺普通
還蠻特別的
有說不出的風格
還不錯
感覺比以前好啦^^
新的theme 我很喜歡
我都想拿來用了
不僅側邊欄窄窄的
閱讀文章不會有壓迫感外
且側邊欄竟然還有三欄的效果
I LIKE IT. 晚點再來跟你請教一些問題 ^^
哇 換新佈景了~~ 也對啦之前的 實在是怪怪的@_@
香腸翹課不好喔~~~
打完收工~~
我也用跟您一樣的佈景!
可是我有2個地方不會改
問題1. http://pix.gogobox.com.tw/out.php?i=38565_38.png
問題2. http://pix.gogobox.com.tw/out.php?i=38566_39.png
其實我比較喜歡這種伸縮自如的版面寬度... 而且我眼殘,還要能保留自行調整字體大小的空間...
like http://img219.imageshack.us/my.php?image=widelargersf9.jpg
新佈景讚阿
(心理話:本來佈景還換成跟你一樣的說)
哇~又換佈景啦~這次間格超短捏~@Q@
各瀏覽器相容問題我也喬好久。ˊˋ
改Theme時,我是用FireFox的IE Tab的外掛額外開一個IE6視窗,修改CSS後同時F5兩個網頁來修改的,整個改完後再用IE7來瀏覽,把IE6跟IE7的差異部份再做小修正。(不斷的試錯法)
這方法很笨又費時,但看到的最真實,為了畫面能一致就這樣修改了。ˊˋ
國外的Theme很多字體大小單位都用「em」,對於IE跟英文字體沒差,但中文字在FireFox遇到0.85em以下的中文字會變超小且糊在一起,還是習慣改成「px」的單位。
FireFox可以改瀏覽設定在:
工具 → 選項 → 字型與色彩的進階 → 將最小字型大小從「無」改成「12」。
不過由於非原廠設定,不能奢求每個人都這樣改,所以還是改成12px,方便FireFox瀏覽。
@香腸:
那是 Firefox@X Window ...
其實目前的版面要再修改成可伸縮自如的版型的話並不難,問題只有在 title 的背景圖會出狀況... 如前述擷圖...
個人覺得這些 blog 系統的版型非常容易修改,只要注意:position, margin-left, margin-right, margin-top, left, right, top 這幾個和定位有關的屬性及注意 width 的指定時機,然後儘量不要使用 float ... 我後來覺得 float 常常會因為瀏覽器太自動化而破壞了版面...
這個佈景,真的不錯耶,
之前會因為廣告而導致變成白頁的情況,
也都沒了!!!
整挺很整齊,哈哈!
個人是覺得讓訪客自己去決定他的最適字體大小(個人家中是設定 18pt ,辦公室因為螢幕小所以只設定 14pt 而以)遠比幫他決定固定規格來的更為友善。
當然,伸縮自如的版面寬度也是為了能把選擇權交還給訪客的作法!
呵呵早改换了 当初我给你说 用IE浏览有问题你还不信
现在才知道啊
你还不感谢我 快请我吃香肠吧
我的BBS也有自己设计的新布景
恭喜我下吧
哪裡可以下載來用呀
正缺好棒的面板
嗚.............
可以請問你, 你內文字體大小與行距是在哪個地方改的嗎??
留言那裏
我還是喜歡"老闆,來跟香腸"
突然發現網站最下方"回頂端"按鈕很帥
香腸你的佈景用的很好~~
不知可否分享一下呢??
我是剛接觸wp的新手
那以後有不懂的地方請多多指教囉
現在有2個小問題
1.想要出現友站連結那些字要在哪修改
2.香腸你的south_sidebar那兩個怎麼弄的~~
請問為什麼我裝了iNove佈景
卻沒辦法用呢...選擇後卻變這樣
http://img174.imageshack.us/img174/4921/12321ff0.png