換新版面

2009年2月22日星期日



新的版面(template)終於大致完成了。

這個是「Blue revo」,一看到就喜歡上了。XD

剛好父母到日月潭去玩,我才有辦法一連弄了快12個小時,一天就把它完成。
好笑的是,我花了3個小時試了各種「繼續閱讀」的組件,但是沒有一個能用的。
後來才發現這個版面的設計者已經裝好這個功能了。囧

但是原本的「繼續閱讀」靠的是
<div id="fullpost">裡面放要隱藏的部分</div>

新的是靠
<span class="fullpost">裡面放要隱藏的部份</span>

我沒辦法每個文章都改,只改了會在首頁顯示的文章。

-----

聽說這個比舊版快?我不覺得有什麼差別。
不過新版面在Safari載入的速度大概是Firefox3的2倍,我不清楚怎麼會差這麼多。:\

-----

*Pingveno's:改版記錄
--

修改版面的過程需感謝Firebug的協助。
Related Posts with Thumbnails

26 意見

cal 提到...

右上方的Edit沒藏起來喔
oh...20人在線上!?= =?

黃企鵝 提到...

「最新留言」與「whos.amung(線上人數)」有些適應不良。
前者會缺少部分,後者則一度顯示28人在線上(深夜2點)。= ="

黃企鵝 提到...

話說那個edit我自己按了也沒反應。= =
這個版面預設是沒有Blogger NavBar的,因此才擺上那個按鈕吧。:s

提到...

這版面頗有專業之 feel 啊~!
不過適應不良的最新回應看起來有點兒彆扭呢
加油唷!
改樣板很耗神的

黃企鵝 提到...

嘿嘿,新回應的部份是因為CSS,我已經改好了。

但是剩下超連結的字型...這個template裡的超連結文字都太低調了。= =

洪國峰 提到...

我截了一張圖:http://tinyurl.com/bqyju5
文章列表的三角形在 IE6 下很粗壯 = =
最新回應在 Firefox 下看起來會有點擠

賢來無肆 提到...

據說文章放左邊SEO會比較好。(?)
新版面很清爽啊。
超連結只是字小了點吧。

不過說真的,
有時一換版面就常常會有讓人發囧的情況...
懂一些HTML和CSS的東西真的會有幫助。

我最近也正在徵求版面中(?)
瘋狂一點的話會自己動手作。
(前提是要有那個美國時間...)

黃企鵝 提到...

To 洪國峰,
這個問題在以前的版面也有出現 = =,所以是ie6的問題。
我也覺得很擠,那排是sidebar3,原始版面有盡量去分行的設計,後來我把全部有關的都改掉了,反而變擠。= =

To 賢來無肆,
其實我一邊些改一邊上CSS教學網站。:P
我不知道怎麼自己做版面。= =

黃企鵝 提到...

1. 我發現這個模版的「繼續閱讀」是真正切斷的 XD。之前那個只有ie6能真正切斷,其餘還是完全載入。

2. 頭像還是無法正常顯示...Orz

賢來無肆 提到...

To 黃企鵝:

其實應該是「學」怎麼做才對XD
自製版面我毫無經驗可言。
要這樣做,不只程式碼連美工也要夠好。@ @

我目前的版面也只是用Blogger的預設Minima佈景
再稍微修一下背景顏色和寬度這樣。

看一段考完有沒有空作。

黃企鵝 提到...

喔喔。

話說好多template超複雜,原始碼超難改的。= ="

黃企鵝 提到...

Blogger有個有趣之處--
更新文章或blog原始碼後,會暫時出現不存在的瀏覽者。

這個週末密集修改新模版,兩天有376人次,一堆幽靈。

Vector Grunder 提到...

重新刷新下的產物?

黃企鵝 提到...

應該是吧。
你可以裝whos.amung試試看,通常發表文章後會出現一隻幽靈。= =

黃企鵝 提到...

2 Mar 2009
-修復「文章列表」不能顯示文章數、08年10月前無法展開(用舊模板的原始碼來直接替換)
-發現當content欄東西少的時候,側邊欄會跑到中間:!:

黃企鵝 提到...

8 Mar 2009
之前我的文章內文字體之所以比較大,是因為當初不會用CSS來改,而在編輯時在原文內加入span標籤把字放大到130%。
結果就一直這樣子治標不治本好久好久,後來換新模版重新改原始碼,才意識到不能再這樣下去。
因為130%在新模版看來太大,只好用CSS把內文字體壓小,結果是好多個字體大小的百分比互相壓來壓去的授受不清場面。囧

昨天熬夜把全部有放大字體的文章全改小,約150幾個文章吧。
(複製到文字編輯後尋找取代)
-
這就是治標不治本的報應。

Cal 提到...

其實用class才是正確的。

黃企鵝 提到...
Cal 提到...

一個id只能一個
class可以有很多個

黃企鵝 提到...
黃企鵝 提到...

14 Mar 2009
最右邊那欄(sidebar2)變窄了,因為標籤不需要太寬。(Cal的建議)
Cbox變肥、輸入區增加。(Vector寬寬的教學)

黃企鵝 提到...

15 Mar 2009
加入回應顯示「第幾樓」。
參考自:Abin's Tech Note

Bill 提到...

JQuery 的TAB UI不錯看,可以試試看
http://ppt.cc/B@aY

黃企鵝 提到...

看起真是高度的整合呢,好像很困難。= ="
(我還以為只有WP能做到那樣)

Bill 提到...

那一篇教學文很清楚解釋要放哪些東西。
應該不會很難,應該是難在要怎樣去改。
PIXNET也有內建JQUERY的JS,不過動不了HTML的程式碼
要想很多方法改程式。

黃企鵝 提到...

我滿喜歡他列出文章時,能只顯示標題,同時還有日期與標籤。
我之前改過原始碼,讓blog搜尋的頁面中(即不在首頁時)只顯示標題,但是時間與標籤不能一起出現。

張貼意見

- 欲留下名稱(像普通網誌那樣),身分請選擇「名稱/網址」 -