香腸炒魷魚新佈景出爐囉!

最近發文量好低,又加上前一個佈景老是出問題,尤其是使用IE瀏覽時,問題更是大的誇張,最右手邊的側邊欄常常卡住,而且畫面也很窄,閱讀上很友善,後來找了一下佈景,再加上經過幾天的修正,現在正式出爐!

這次的佈景是採用兩欄式,不過它側邊本身設定比一般側邊大一些,這佈景把側邊欄切成四等分,分成東西南北四塊,剛好他的東、西兩區塊的大小剛好可以拿來放分類以及隨機連結,設計的真貼心。

不過話說回來,這次換佈景的間格時間好像超短,記得在今年10月初時,才換成三欄式的「PrimePress」,當時換它的想法是想要來試試看三欄的感覺,不過經過第一個月後,就陸續有網友反應IE無法正常讀取,常常會出現錯誤,這時囧了,那個佈景我調整很久,還打擾了一大堆人。

香腸炒魷魚新佈景出爐囉!
(↑香腸炒魷魚,2008年10月份佈景:PrimePress)

10月份整個是在趕稿中度過,那個稿子趕的就是這一本書:《WordPress部落格架設與經營:站長親授的十堂課》,所以沒有時間換、修改新佈景。到了11月初,雖然稿子趕完了,不過緊接著就是期中考阿,不要以為期中考只有一週,我們期中考可是拖了一個月,因為老師們都很貼心,想說學生期中考週考試可能很多,會忙不過來,所以順延了考試時間,變成從11月3日到11月27日是期中考週(應該是期中考月XD)。

當考試結束後,當然就要回來這裡除草、整地一下,因為草都長得和人一樣高了。所以在11月28日下午就開始找佈景,當然我找佈景的方法先前已經有教過了,大家可以回顧一下。但這次這個佈景我是在官方網站找到的,想說利用官方網站的評比去找一下,很快的,我就愛上「iNove」這個佈景了。

這次我換佈景的理由除了瀏覽器讀取有問題外,當然還有個因素就是在這篇中有提到,在此就不多說了。這個佈景我大概是星期五下午找到後,然後立刻修改,而星期六、星期天要打工沒時間,假日兩天在打工、感冒、腳痛中度過,沒多餘時間修改,接著到了星期一,晚上就加緊趕工,然後在晚上12點上架,就是現在這樣子囉!

inove
(↑香腸炒魷魚,2008年12月份新佈景:iNove)

這次算是改的最順利的一次,因為CSS越改越順手,缺哪裡補哪裡,利用Firebug進行微調,至於瀏覽器相容問題就多設定兩個CSS檔,並在header.php加入php語法來判斷瀏覽器是哪一種,而去讀取哪個CSS檔。然後使用IETester來偵測在IE6和IE7下的狀況,並進行修正、微調。當然這佈景這次我沒去調它的寬度,因為前兩個佈景就是去調寬度,造成CSS改了老半天都沒調好,這次學乖了,不要亂弄XD,但也是因為這佈景寬度夠,也沒有調整的必要。

這次除了換佈景之外,當然我們也順便換了一下本站的LOGO,讓LOGO和佈景主題更搭。這個LOGO首先要感謝魷魚絲的幫忙,因為這個LOGO陸陸續續修改,總共製作了10個版本,到了第9版本時,原先以為完成了,也跟他說OK了,但我後來發現LOGO圖片背景沒有透明,然後又請他弄了一下,才變成現在這個LOGO。

title
(↑香腸炒魷魚,2008年12月份新LOGO)

這個LOGO還要謝謝阿骨,有看到中間的「炒」字嗎?這是阿骨先前和我交換連結時,特地製做的小圖案,放在她網站上呢!所以我就跟她要來使用了,感謝阿骨。大家可以到她的部落格看看他寫的photoshop教學,清晰明瞭喔!

網誌名稱:Mavis★設計部落
網誌網址http://love80375.pixnet.net/blog

最後,就不再多廢話了,因為寫到這裡時,已經到了我要去上課的時間了,雖然說今天只有一門課(三堂,3點~5點6點,打字打太快了~),而且這門課還是不可能會過的「離散數學」,但基於我是不翹課的,所以還是要去上一下XD。另外,網站的右上方有這次新佈景的投票,大家趕快去幫忙投一下吧!

在Google News上追蹤我們最新文章
香腸
香腸

喜歡在網路上透過文字與圖片分文章教學,默默地用鍵盤烤了9年的香腸。另外還身兼阿腸接案餬口飯吃。對了,別叫我阿腸,請叫我香腸,這樣我才知道你看我部落格長大的。

文章: 1781

23 則留言

  1. 那以後有不懂的地方請多多指教囉 :smile:
    現在有2個小問題
    1.想要出現友站連結那些字要在哪修改
    2.香腸你的south_sidebar那兩個怎麼弄的~~

    香腸回應:
    1.那是使用外掛,然後設定模組。
    2.那是預設的,他預設的邊欄分成「東西南北」四區域。
    有問題可以到討論區發問: http://sofree.tw/forum-37-1.html

  2. 突然發現網站最下方”回頂端”按鈕很帥

    版主回應:
    那是佈景本身設計,好像是用javascript語法,會慢慢滑回去XD

  3. 可以請問你, 你內文字體大小與行距是在哪個地方改的嗎??

    版主回應:
    CSS我不太會….
    印象中是在content的那邊…

  4. 呵呵早改换了 当初我给你说 用IE浏览有问题你还不信
    现在才知道啊
    你还不感谢我 快请我吃香肠吧

    我的BBS也有自己设计的新布景
    恭喜我下吧

    版主回應:
    ….
    當初我只使用IE看看樣版有無跑掉,沒注意瀏覽上有無錯誤,所以當時才不相信啦 :P
    感謝您囉!

  5. 個人是覺得讓訪客自己去決定他的最適字體大小(個人家中是設定 18pt ,辦公室因為螢幕小所以只設定 14pt 而以)遠比幫他決定固定規格來的更為友善。

    當然,伸縮自如的版面寬度也是為了能把選擇權交還給訪客的作法!

    版主回應:
    能給訪客自由選當然是最佳的狀態,不過目前狀況,好像要處理的話會很麻煩Orz

  6. 這個佈景,真的不錯耶,
    之前會因為廣告而導致變成白頁的情況,
    也都沒了!!!
    整挺很整齊,哈哈!

    版主回應:
    對阿,先前都因為廣告造成空白,最右邊那欄都出不來,真囧。

  7. @香腸:

    那是 Firefox@X Window …

    其實目前的版面要再修改成可伸縮自如的版型的話並不難,問題只有在 title 的背景圖會出狀況… 如前述擷圖…

    個人覺得這些 blog 系統的版型非常容易修改,只要注意:position, margin-left, margin-right, margin-top, left, right, top 這幾個和定位有關的屬性及注意 width 的指定時機,然後儘量不要使用 float … 我後來覺得 float 常常會因為瀏覽器太自動化而破壞了版面…

    版主回應:
    我覺得應該不簡單…因為我是CSS初學者XD
    當然你說的那些我知道在不同瀏覽器下解釋的大小會不一樣,所以才有瀏覽器相容問題對吧!

  8. 哇~又換佈景啦~這次間格超短捏~@Q@
    各瀏覽器相容問題我也喬好久。ˊˋ

    改Theme時,我是用FireFox的IE Tab的外掛額外開一個IE6視窗,修改CSS後同時F5兩個網頁來修改的,整個改完後再用IE7來瀏覽,把IE6跟IE7的差異部份再做小修正。(不斷的試錯法)

    這方法很笨又費時,但看到的最真實,為了畫面能一致就這樣修改了。ˊˋ

    國外的Theme很多字體大小單位都用「em」,對於IE跟英文字體沒差,但中文字在FireFox遇到0.85em以下的中文字會變超小且糊在一起,還是習慣改成「px」的單位。

    FireFox可以改瀏覽設定在:
    工具 → 選項 → 字型與色彩的進階 → 將最小字型大小從「無」改成「12」。
    不過由於非原廠設定,不能奢求每個人都這樣改,所以還是改成12px,方便FireFox瀏覽。

    版主回應:
    你也換佈景了耶~~
    我改theme就是開「Appserv」+「Firebug」+「IETester」+「Notepad++」去調整,完成後才會上傳。
    因為Firefox的Firebug超好用,不過IE部分就要去猜看看了。
    我不是很喜歡用em,因為它是算父級字體大小,要去設定很麻煩,不過有時候em也不錯,因為他字體大小比較有彈性。
    網頁瀏覽調15px是最佳瀏覽效果XD

  9. 其實我比較喜歡這種伸縮自如的版面寬度… 而且我眼殘,還要能保留自行調整字體大小的空間…

    like http://img219.imageshack.us/my.php?image=widelargersf9.jpg

    香腸回應:
    會伸縮的那種,寬度好像都是用百分比去寫的,
    因為這佈景預設是採用px設定,如果要去改,那可能會暈倒。
    其時我和你一樣也很喜歡那種會依照瀏覽器縮放的佈景XD
    對了,你網址中的圖片是要跟我說啥?還有圖片中的瀏覽器是哪一個?好像沒看過耶~

  10. 哇 換新佈景了~~ 也對啦之前的 實在是怪怪的@_@

    香腸翹課不好喔~~~

    打完收工~~

    香腸回應:
    我沒有翹課 ~””~
    那你有要換佈景了嗎@@

  11. 新的theme 我很喜歡
    我都想拿來用了
    不僅側邊欄窄窄的
    閱讀文章不會有壓迫感外
    且側邊欄竟然還有三欄的效果
    I LIKE IT. 晚點再來跟你請教一些問題 ^^

    香腸回應:
    OK,如果你喜歡可以給你~

  12. 哇賽~~
    香腸!!
    你不用上最後一節喔!
    這麼威
    比我還會翹課ㄋ
    我都要乖乖坐滿三節ㄟ
    你最後一節要去做什麼壞事阿!!
    @@
    好噁心喔你
    這樣不可以唷
    香腸要乖乖的
    怎麼這麼快就變壞ㄋ

    聽說
    來這邊留言有個習俗喔
    就是一定要重複說話
    為ㄌ不落習俗
    送你

    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!

    香腸回應:
    常翹課的人不可以來反嗆不翹課的喔!
    請上一下學生系統查看一下你的翹課時數是多少?應該破20了吧!

  13. ~真巧耶~我也要上離散數學耶~0.0+
    不過~好像是3:00~6:00唷~@_@”

    怎麼你的上課時數都比別人少阿0.0?
    ..剩下那一小時你要去哪阿= =?

    ~你要翹課吼~!!!!!

    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!
    香腸要翹課!!!!!!!!

    ~打完收工!!

    香腸回應:
    你來洗版的嗎?
    記得上線性代數的時候,進教室要小聲一點,會吵到同學!

  14. 我的課是3點到6點耶~~

    你的是3點到5點……….
    少我一小時呢!!

    香先生要翹課喔!!!!!!
    香先生要翹第10節課喔!!!!!!

    香腸回應:
    這是打錯字….腦子想著提早下課,但是我一定會撐到六點!

發佈留言

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

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料