Kaie"s Blog 2.0 beta!
Back to "Top"

My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr
Back to "Top"
My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr

Thursday, April 19, 2007

[Javascript] Style Sheet Switcher

由於上次使用朋友的電腦,是屬於「16:9 WideScreen」,忽然覺得我的Blog的版面在WideScreen的螢幕底下看,似乎有點浪費空間,好空虛的感覺 ...XD,WideScreen也是未來的趨勢,以後應該買不到一般「4:3」的螢幕了吧..囧rz,看來我的 Eizo L365 可以退休了...於是改成「三欄式」或是「寬版面」Template的趨勢,似乎是不可或免的!

※根據 Google Analytics 的「螢幕解析度」分析數據如下:
結論是閱讀此Blog的人,大概還是有五成以上是使用「1024x768」,所以目前的版面配置樣式,似乎還可以再撐一陣子..^_^,但為了照料那些使用「1280x???」解析度的人,還是得將版面給加寬些,降子看起來比較順眼些(純屬個人自以為),所以就目前的情況來說,讓使用者能夠自行選擇版面大小是再適合不過的了,「力供丟嗯丟呀!」,並且Yahoo也有寬窄頁面切換的功能,看來我有跟得上時代的潮流..呃...

※使用方式,請見下圖:

※如何取得此功能
資料來源:
英文:Dynamic Drive DHTML Scripts- Style Sheet Switcher (v1.1)
中文: Ben's 部落不及格: Blogger進階玩-如何即時切換版型
註:懶得看英文的話,就看Ben兄的說明吧,生動又好懂低..

12 Comments:

Who: 戰地記者 Class:
When: April 20, 2007 3:01 AM  

常看英文Blog(窄)的文章,文繞圖,內文都是滿滿的一個段落一個區塊,
也滿整齊好看.

還有我用Maxthon/FF 等都有 sidebar區塊 ex Rss Reader/Flick Plugin等
叫出這些功能的時候(我用1280 x 1024) 就覺得窄版Blog不會被遮掩.

不過能做成 Switch是最贊拉!

Who: Tsung-Kai Chen Class:
When: April 20, 2007 8:00 AM  

To 戰地記者:
嗯,你所提到的,使用那些Plugins時,想起來,好像的確還蠻剛好的耶..^_^,只目前來說,會降子用的人…可能還不是太多,但以我這個Blog的性質來說,應該會有蠻多人是這麼使用的喔!!
我這個還在活"1024x768"的古早人,壓根兒沒考慮到這樣子用,謝謝你提供寶貴的意見…沒錯Selectable還是最贊的啦!

Who: Sue Class:
When: April 22, 2007 8:46 PM  

Cheers from Toronto Canada! Just surfing through via Ibibliophile .. :)

Who: Tsung-Kai Chen Class:
When: April 22, 2007 10:53 PM  

To Sue:
welcome here my friend, remember back here.. :p

Who: s[u]jau Class:
When: April 24, 2007 6:31 PM  

i love the tab bar at left. hows it created?

Who: Tsung-Kai Chen Class:
When: April 25, 2007 9:44 AM  

To s[u]jau:
view my html souce code, and find the keyword "<div id='SmallIcon'>"...then u will know how to create it.

Who: Anonymous Class:
When: April 14, 2009 9:22 PM  

Ben's 部落不及格: Blogger進階玩-如何即時切換版型

此博客仅对受邀请的读者开放.

Who: Tsung-Kai Chen Class:
When: April 14, 2009 11:43 PM  

To Anonymous:
沒錯,一個好站又關了,我也進不去..

Who: Anonymous Class:
When: June 29, 2009 8:48 PM  

我用feed看到了
Ben's 部落不及格: Blogger進階玩-如何即時切換版型
我要的模板是你设计的,所以套用了你的.css
只换了头部的图片而已。在IE7都成功了
但是在firefox和googel浏览器都不成功。不知道是怎么了!!!!!!!!!
还有那透明的hack也是换.css就可以实现的吗?
就直接在窄宽的。css下加透明的.css就OK。还是?

Who: Tsung-Kai Chen Class:
When: July 01, 2009 12:37 AM  

@Anonymous:
咦,沒道理IE7可行,Fx跟Chrome行不通呀,我主要都用Fireofx,所以應該不會有什麼問題才是!不然你裝個Firebug,看看哪裡出了問題就行了!
嗯~沒錯,透明的那個,也只是css動些手腳吧了..

Who: Anonymous Class:
When: July 02, 2009 10:54 PM  

真的,网站
http://youtubewo.blogspot.com
我就是把你的.css拿记事本来打开然后换里面的图像。在ie7就可以
FF和Chrome都不成功,难道是我们大陆问题?

Who: Tsung-Kai Chen Class:
When: July 02, 2009 11:53 PM  

@Anonymous:
感覺不像你們那邊的問題,畢竟IE7可以!我剛用Firefox連上去看,也是正常的說!! 這就怪了...沒道理呀XD