網站新佈景,上架測試中!

哈,自從2008年5月9日以來,本站佈景就一直沒更換過,一種佈景看久了會膩(希望不是本站內容看久了會膩XD),所以最近趁著颱風假一鼓作氣完成,進行新佈景的大翻修,讓網站有個新氣象!

大家不好意思啦!最近就一直忙著改佈景,讓一些教學文章都沒有出爐,永遠停留在我的Firefox書籤中,又碰到開學,整個就沒有像暑假那麼悠哉,可以除了打工之外,還每天宅在電腦前,所以最近訂閱RSS人數又降到900多(原本有破千XD),因為最近生活上的事情比較多,可能會多發些生活文章XD

接下來就是要講一下這次佈景修改的心得了,這佈景我挑超級無敵久的,先前挑了幾款不錯的,不過不知道為什麼?那種佈景只要側邊欄放了javascript語法後,網頁就不能正常開啟了,害得我只好又去爬佈景!

於是我就上了官方網站的佈景站開始爬佈景,爬著爬著就不小給我爬到現在這一個,看上他的原因不外乎我想要體驗三欄式了,其實我很久以前就用過艾徳開發的三欄式佈景「Eduardo M1.0」,不過一種佈景用久了,多少會想要替換,所以我後來才換成「curved-10」。

sofree-1
(本站前一版的佈景:curved-10)

不過「curved-10」這佈景的頂端圖片和底端圖片,我一直覺得太多了,嚴重影響開啟速度,所以這次我就挑選一個更是簡單的佈景「PrimePress」。這佈景原先頂端有個大大的隨機圖片,如果你喜愛拍照,那這佈景絕對適合你,首頁頂端可以隨機跳出不同的圖片,很讚的。

但我比較龜毛,喜歡簡單一點的,因此我就把頂端圖片改掉,然後內文覺得太窄,又把他改寬,並且可以讓使用1024×768的朋友,擁有最佳的瀏覽狀態(就是底部不用滾來滾去)。而留言區部分,預設的佈景有底色,感覺很雜,所以我也把他去掉了,然後又因為龜毛所使然,我在標題前面加上月曆圖案,來顯示這篇文章發佈日期,不過這日期算是借用艾徳的最新佈景「Black and White」,雖然是參考,可是調整對位調整超級久的!

修改的部分還有很多,包括中文化佈景、側邊欄的調整、右上角新增廣告欄位等等,整整搞了快一個禮拜了,幸好颱風天有時間,一鼓作氣把他改完,在改的同時,當然不是我自己就可以完成的啦,當然要改謝一下KENT艾徳這兩位朋友囉!(不好意思,若有疏漏名單,請通知我^^)

在前天(9月29日)晚上佈景上架時,剛好碰上我老爸一直叫我去睡覺,害我沒空做進一步的修正就跑去睡了,不過睡前在網站側邊欄偷偷加上投票外掛 :p

但到昨天(9月30日)時,卻發現我的投票結果選擇爛的比最好的還要多,又剛好彥子在MSN敲我,告訴我說我的網站很醜….(打擊),然後我當然立刻反問他,你瀏覽器是…?他說他是IE6,呃…這下頭痛了,因為調整CSS最怕的就是瀏覽器之間對於CSS解釋的不同,更慘的事遇到IE6,在windows xp sp2之前的用戶,都會事IE6,除非他有手動升級,這就是麻煩點了!

重點版面醜掉不是別的,而是我純樸的三欄式佈景,在IE6自動少掉一欄變成兩欄式,而且右手邊還空一大區塊,整個是傻眼了,我要改之前,用IE6上了佈景官方網站查詢一下,想說是不是我自己亂改才造成掉下來,呃….結論不是,官方佈景在IE6也是兩欄式,真是好樣的!

每次改佈景時,最怕就是IE6+IE7+Firefox這三種大匯集的CSS問題,相信有修改過自己佈景CSS的朋友應該很了解這種痛處….,因此我當然就馬上Call Out,找上MSN上的幾位朋友,不過大家都轉到IE7了,不然就是都在忙…然後我就找阿找,找到了花姐(最近花水木從小花升級到花姐)以及KENT,感謝他們兩位的大力協助,讓網站和IE6的相容性變好。

sofree-2
(↑香腸炒魷魚,2008年10月份新佈景:PrimePress)

不過話說回來,最近真的很巧,幾個朋友接連也換了新佈景,依稀記得是老貓兔爸高登阿源阿福,大家都換了新佈景了。老貓換佈景,好像是因為他的佈景和快取外掛有相互制衡的問題(應該是說相衝XD),之前看到兔爸換佈景時,曾有一度想要跟他直接要修改好的原始檔來使用,因為感覺很清爽。而老爺的則是改的有好一陣子了,他有在側邊加入tabber的東西,對佈景很講究!阿源好像是網站重新改版吧,就順便換了XD。阿福….呃…他最近很少群聊,當我在MSN上遇到他的時候,他已經換好了。

不過本站想要換三欄的主要原因是因為側邊欄可以塞更多東西,好讓網站變得更慢(大誤),有發現側邊欄加入一個很可愛的東西嗎?他叫做hiiir,是一種RSS的閱讀器,很Q吧!不過不知道會不會很拖網站速度,先測試再說XD

sofree-3
(這是傳說中的hiiir,他是一個RSS閱讀器)

最後,感謝大家在9月30日對於本站新佈景的投票,對於IE6的朋友很不好意思,讓你們看到一整天醜醜的香腸炒魷魚,目前我們已經盡力修復完成,若網站仍然有任何佈景上的問題歡迎給我們一些回饋….另外,網站側邊欄的投票我們已經歸零重記,希望大家能夠再看一下現在的佈景,重新投票一下,若有想法與意見,有勞大家回應一下,感謝各位的支持啦!

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

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

文章: 1781

34 則留言

  1. 而留言區部分,預設的佈景有底色,感覺很雜,所以我也把他去掉了———–请问这个底色想去掉应该怎么去? 在昵称、信箱这些输入框里只要点一下就会出来底色,想去掉,应该在哪里去?

    香腸回應:
    在style.css中,應該是在comment部分,至於詳細的,可能要請你自己找找了,我對CSS並沒有很熟。

  2. 我放了好多地方可都不對><幫我看要放在哪個位子

    <div class=”post” id=”post-“>

    <a href=”” rel=”bookmark” title=”Permanent Link to “>

    Filed Under () by on

    <?php if ( function_exists(‘the_tags’)) the_tags(‘Tagged Under : ‘, ‘, ‘, ‘ ‘); ?>

    <?php comments_popup_link(‘No Comments’, ‘(1) Comment’, ‘(%) Comments’); ?>

    <a class=”readmore” href=”” >Read More

    Not Found
    Sorry, but you are looking for something that isn’t here.

    香腸回應:
    請問您是要放什麼@@?

  3. 我想要再我的首頁那邊加上一個瀏覽人數,可我不會用,不知道可不可以敎敎我><

    香腸回應:

    到這裡 http://fantasyworld.idv.tw/programs/wp_postviews_plus/2 ,找第一個語法,

    語法:the_views('Views', true)

    然後我就把語法加入在index.php的你想顯示出來的地方,

    而加入的語法就是變成是

    把這語法加入index.php的你想顯示出來的地方,

    這樣就完成了,大致上是這樣子,請多試試看^^

    PS.使用人次外掛時,記的啟用喔!!

  4. 謝謝你有記得提到我 XDD
    是說當初在另一個空間測試時我用 IE6 看沒問題耶
    我也不知道為什麼 囧

    我那邊目前佈景還沒動力換,
    昨天才發現 9 月我只發了 4 篇文章 …
    嗯,不知道怎麼生出時間發文

    總之,再次恭喜新佈景終於正式上架了
    也恭喜你入圍年度最佳教育應用部落格

    版主回應:
    一定要提到你的阿,幫我弄這麼多CSS怎可以不提到你呢XD
    話說你文章真的很少哩..有沒有規劃以後要怎樣生文章呢!?
    感謝你你的道賀…我要繼續衝進決選!

  5. 能打 CSS 教學文嗎@_@
    哈哈 教學CSS>_<

    版主回應:
    能力不足…沒辦法 囧
    話說這佈景不要看他很簡單…調相容性問題就有得受XD
    建議你可以用Firebug(Firefox外掛)來玩玩css喔~~

  6. 換成三欄不管怎樣都有可能會比較擠一點
    像之前我的是用四欄…更擠
    後來換怖景除了外掛之外,還有想要版面更清爽一些
    不過現在也又越來越多東西了 囧

    發現你旁邊還連掛3個BlogAD
    一掛就掛死你了 XD
    我現在把BlogAD拿掉了

    版主回應:
    四欄真的是超擠的~~
    掛三個是錢要三倍領,滿付款金額就要收手了XD

  7. 新造形新氣象呀~! 三欄式可以把東西擺得滿滿的…
    投票的widget蠻酷的耶…

    版主回應:
    對阿,塞滿滿~
    每晚都會有大愛電視台XD
    那個投票是WP外掛,叫做WP-Polls,去試試看,有中文語系檔喔!

  8. 老闆 來一條 香腸
    香腸 妳真是厲害
    CSS 目前一俏不通
    佈景 也不太會修改>_<

    版主回應:
    是”你”不是”妳”XD
    CSS部分就用Firebug+IETester+問人才搞出來的,超級無敵麻煩的!

  9. 有了引用符號
    板主回應四個自就免了吧XD

    版主回應:
    如果以後換佈景,可能就沒那符號哩….((雖然說改css就可以加入了
    還是習慣有版主回應四個字,比較好分辨XD

  10. 我現在用的Blue Blog在IE6底下也是變成二欄式的
    大腸 有空教我一下唄

    版主回應:
    通常只要改改sidebar部分的CSS,側邊欄就會回來了,應該是被擠掉了。
    如果你的佈景檔案中有多一個ie6.css調整起來比較好調,
    因為調整該檔只會套用IE6,如果你佈景檔中沒那個,那就麻煩了,
    好比你要在IE6+IE7+FF之間取得最大公因數….囧!

  11. 了解!不要差太多就可以了!

    嗯嗯,我稍早已經有試過了,很棒!
    (用搜尋找教學比較快!哈!)

    謝謝~

    版主回應:
    嗯,時間不準,可能要去問問你主機商…一般來說我們調時差都是設定GMT+8。

  12. 我已經有將設定調整過了,不過還是慢了快10分鐘…

    版主回應:
    呃….那可能他們伺服器本身時間也不正確,所以+8後也是會慢掉吧?
    另外我的搜尋框可以用了,試試看 :P

  13. 感覺比較乾淨了
    不過旁邊Sidebar有點擠…囧

    我要用AdBlockPlus了…XD

    版主回應:
    很擠!?
    我覺得還好哩…..
    AdBlockPlus?Firefox外掛!?

  14. 啊嗚~怎麼大家都偏好白色系佈景。
    只有我的是黑嬷嬷一片,好孤單。QQ

    版主回應:
    呃…因為我比較喜歡白色的背景,感覺閱讀上不會有壓力^^

  15. 嗯嗯~香腸啊…看完這篇文章我有三點要說…

    1.文章裡面提到的「接連幾個朋友換布景」竟然沒有提到我(我也剛換不久啊)..太令人難過了…哭給你看…

    2.我這邊是IE6+sp2,看起來跟 FF3的感覺差不多,是調整過了嗎?還是我一時眼殘沒看出問題..=.=a?

    3.啊..我記得有個軟體叫ietester,可以讓你測試每個版本的IE6,其實你可以考慮下次使用,這樣就不用擔心IE6的問題了…

    版主回應:
    呃…

    1.我舉例的都是WordPress的耶….Sorry!!
    2.因為我改好了,所以差不多,調超久的,昨晚一直在修正XD
    3.我就是用那軟體來測試,不然我只有IE7&FF3&Google瀏覽器&MAC瀏覽器XD

  16. 怖景很不賴喔~
    但內容欄好像窄了點
    有點擠擠的

    版主回應:
    挑錯字:「佈」景
    因為上一版內容是特意調寬的,一般佈景內文大該都和我這樣子的差不多吧XD

  17. 我來糾正錯字

    不過不知道會不會很多網站速度—->不過不知道會不會很拖網站速度

    你的部落格新theme 超簡潔的 我很喜歡
    現在沒住宿舍 為了省錢 常待在學校很晚才回去
    假日都回家了 回去休息 就沒上線
    有空來來MSN喇賽吧 今天應該會問你THEME 側邊欄問題
    還在DEBUG中……….

    剛發現 http://sofree.twbbs.org/blog/contact/ 頁面中
    側邊欄會掉下去 ~~~

    版主回應:
    感謝糾正錯字…這篇是昨晚寫的XD
    原來是很晚回家阿,呵呵~
    CSS我不是很懂,我盡量XD
    那個聯絡頁面我有修改了,麻煩在幫忙看一下 :P

  18. 喔,我喜歡之前的那個theme
    現在的感覺有點擠….
    話說之前的讀取速度也沒多慢啊XDD

    版主回應:
    這次是想說把廣告放到最右側邊攔,側邊可以塞其他東西,
    先前那佈景圖片太多了,又加上上方圖片顏色不好看XD (龜毛….)
    因為我覺得三欄可以塞很多東西,目前在台灣好像還沒看到有和我重複的XD

發佈留言

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

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