
又換上新版面了。不曉得這樣是否過於善變,距離上次改版僅3個月。
這次是「Coldblue」。
我很喜歡上個「Blue revo」,它的排版方是相當特殊,根據峰的描述,即:「兩欄,其中一欄再分兩欄那種」。
但由於其上方是一整個圖像,導致很難加寬,文字都必須擠在一起,感覺越看越擠。
所以還是拾回比較簡單的風格了。
現在這個模版不是其原始的樣子,我做了些改變。
最可愛的大概是這個小小訊息框,顯示回應數。

它是從另一個模版「Wordpress Admin」中「抽」出來的。
(從這個名字可看出,它是從WP專用模版改寫而來的。Blogger世界裡很多模版都是如此)
在引言(blockquote)部分,我沿用舊模版的CSS樣式。

.post blockquote {
background: #eeeeee;
border-left: 2px solid #5778a1;
padding: 8px;
margin-left:10px;
margin-right:20px;
}
.post blockquote p {
margin: .75em 0;
}
此外,原本按Bill的建議,想要裝上如NightSpirit那樣超級整合的jQuery UI Tab。

但是我遲遲等不到NightSpirit撰教學文,自己也研究不來。
於是打算改採現成的jQuery UI系列,幻想把側邊欄中的文章列表、近期回應等Widgets整合在accordion menu裡。
然而我發現這種比較複雜的Widgets與accordion相衝,於是幻想破滅。
但是研究了很久捨不得完全不派上用場,所以就用它以整合相關連結了。

我發現jQuery UI能顯現瀏覽器的能力。
這個accordion於IE跑起來卡卡的;於Firefox就像抹了油,比較滑一點;在Safari則像是磁浮一般,超級滑順。
在速度方面,由於jQuery UI需要龐大的javascript與CSS,故應該不會有變快,但是也不致於變慢。
不過必須擔心往後我是否又會手癢,而加裝一大堆jQuert插件拖慢速度了。:P
-----
*Pingveno's:改版記錄
- 23 Apr, '08-《黃企鵝的Blog已自無名搬家至此!》
- 6 Sep, '08-《此blog做了改進》
- 4 Nov, '08-《改成 Pingveno's》
- 17 May, '09-《換新版面》


唔...我想我可能要等到我真的學會CSS及Javascript的那一天我才會動手改我的樣板,不過其實我根本看不膩,所以大概兩年內都不用換XD
剛剛發現你把我的部落格網址弄錯了...點進去看你就會知道了...
我用 IE 8 跟 Firefox 看 jQuery UI accordion menu 一整個都超滑順的 =ˇ=
不同的地方在於,Firefox 下那三顆標籤是圓角矩形,IE 下則沒有圓角
另外,「黃企鵝出沒的blogs」&「黃企鵝喜歡的網站」最後都多出「/blank/」呢 @@
-
回覆時都會轉到什麼「重複動作錯誤」頁呢,blogspot 這個問題好像已經持續很久了,都沒修好 = =|||
To 寬寬,
阿抱歉。= =
那時我正在讀你那篇文章,從網址列複製網址沒有把後面去掉。
To 洪國峰,
到這個時代還不滑就是垃圾了,你用ie6開開看。
我的原始碼內有滿滿13行的CSS用於讓它產生圓角,看起來只支援Firefox與使用WebKit核心的瀏覽器(如Apple Safari、Google Chrome、Maxthon)
話說使用WebKit的瀏覽器都超快。XD
那個/blank/是我故意擺著的,這樣以後加入新項目比較方便。
不過還是拿掉好了,不然看起來很像是發生錯誤。@@
之前有一陣子常會轉到「重複動作錯誤」的頁面,那時Blogger不太穩定(可能在系統升級)。
現在沒有了吧?我已經很久沒遇到了。=v=
所以不論在何處,留言之前我都會習慣複製一下。尤其在無名根本不知道我的內容會不會被擋掉;被擋掉竟然還不會告知一下,真是ooxx。
不是在下面有教學嗎?
以下會分幾個步驟來講解,首先是TOC(Table of content)全文列表的做法
從這裡開始就是
是說
blogger換模板不是很麻煩嗎?
想到就頭痛。
To 阿勳bill,
嗯,但是不太像教學。
也就是無法臨時快速做好,要自己有學過才做得出來。
我會在研究研究。=)
To 海參,
我覺得還好,只不過真的需要花好幾個禮拜用測試用的blog上建置,然後才能套用到目前的blog。
其實我在Blogger另有3個測試用的blog(浪費資源的小孩)。
那個accordion menu看起來很好玩,我也要研究研究一下,看看有沒有用武之地。XD
那根本是無腦安裝,到 "jQuery UI 網站去,客製化選擇需要的項目、修改CSS後打包下載,然後就能安裝上去了。XD
(真的一點技巧也沒有,可說是現成的 :P)
我自己的要改很多東西,因為我的blog一直用Prototype,跟Qjuery的會沖突,所以不得不一下子把所有有關prototype的玩意換成Qjuery...不過我現在就是喜歡qjuery的輕巧。
"Prototype"是指你原本「Links收藏」與「文章標籤」用的效果嗎?
我一直好喜歡那「點一下『冒』出來」的的感覺。:D
嗯。Qjuery其實也有類似的,jQueryUI_demos_show有很多示範,可以去看看。但我現在用的還是jQuery最基本的彈出效果。
原來如此。;)
我安裝了LinkWithin相關文章插件,雖然它號稱選文的演算法超聰明,但是我覺得他選得很笨 (tags沒有對應到,真不知怎麼選的)。
尤其只能顯示3則相關文章,不能改變。
我原本想要自行安裝Abin的javascript相關文章功能,但是我習慣用很多tags,選起來會很多很雜。
又做了小幅度的修改,並加入一些可愛的圖示,這些是以背景的方式加入的。
其實我那篇教學文有寫出來:
http://nightspirit622.blogspot.com/2009/02/blogger-hack-jquery-ui-tab-toc.html
不過寫的有點雜亂~ 你不妨自行研究看看~ 有問題再來問我吧
@NightSpirit
謝謝。考完試後我會試試看。:)
張貼意見
- 欲留下名稱(像普通網誌那樣),身分請選擇「名稱/網址」 -