Alien Blog

雖然CSS語法是我自修來的，經驗還不是很多，
不過這次Xuite大家長的大翻新也真是嚇到我了。

嗯哼，各位格友們，這是我原本的部落格樣式：

這是Alien Blog Ver.6的版面設計，
嚴格上說來是Ver.6.5版，剛好是2008到2009年交際之時起用，
原本的Ver.6在設計過程裡被我砍掉重練了三分之二，
現在被我砍掉的屍骸早就塵歸塵土歸土了。

看久了就會覺得是很無聊的版面，
不過因為之前沒心情作更新所以也就讓它去了。
而在自己的個人網站重新啟動之後
（詳見文《十日談之個人網站重新啟動》），
我本來打算要在BANNER區的右邊再加上新的快速連結，
用來連結個人網站，
也就是大家看到上圖的右上角有綠色和紅色長條的東西，
那是我自己寫上去的小語法，
而且我相信沒什麼人在用。　XD

就像過去一樣的，我進入管理後台，
點選了CSS版面，開始修改起CSS語法，
因為已經有之前做好的語法範本，
所以我只需要複製貼上修改部分的屬性就可以完成了，
前後不用三分鐘，我點開預覽的網頁看看... ...

咦欸！？這是什麼東西？
為什麼我的左右欄位會掉下來掛在中間欄位的下面呢？

是的，如果把BANNER當作人的頭的話，
那麼中間的欄位就像是身體一樣，
而應該是左右手的左右欄位現在卻長在腰上了？
這是什麼獵奇的狀況！？　＠口＠

我反覆檢查我自己寫的語法，
結果不管怎麼修改『那雙手』就是長不回來了，
甚至就算是我恢復修改前的狀態也一樣。

後來未免版面大亂，我並沒有存檔的就把編輯器關掉。
心想依照剛才的樣子看來，
之前Xuite大家長在十一月初說要更新新版的CSS系統大有問題，
於是跑去大家長那裡看公告，
才發現人家幾乎把整個主系統都換掉了，
結果新版的好像會讓舊版的CSS出現BUG，
也就是現在的新系統已經不吃舊版的CSS語法了，
如果你要修改的話就得要照新的規矩來。

雖然有不少大手格友趕緊提出教學方法，
指導大家怎麼把舊版的順利接上新版軌道，
但是在討論區裡還是引起了一陣騷動。

如果一樣是Xuiter的格友並不太清楚這裡面是發生了什麼事情，
以下我整理一些目前所觀察到的部分跟大家簡單分享一下。

首先在站長日誌中，
大家長所公告的《日誌新版日誌CSS樣版》一文裡，
裡面講了很多很多的東西，我們可能未必看得懂，
但是最重要一句話其實是在文章後半段，
提到了有關於『DOCTYPE』的版本宣告。

所謂『DOCTYPE』指的是有關於HTML網頁檔案的版本訊息，
用來定義網頁語法內的各種宣告是要依照哪種版本規則進行解讀。
簡單的說來就像是玩遊戲的時候，
在同一個遊戲裡的同一把武器，雖然造型和名稱都一樣，
但是因為遊戲更新的版本不同，
結果讓武器的威力有所差異一樣。

原本我們所使用的『DOCTYPE』版本是
『HTML 4.01 Transitional//EN』，
現在換成了
『HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd』。
我是不清楚這兩個版本的差異性在哪裡啦，
不過只要換了版本有些東西的寫法就會不一樣是一定的，
是不是舊版版面會出現『手長在腰上』的情況的原因呢？
我無法確定這一點，但是我有在這樣猜。

增加了新的CSS標籤定義ul、li、h1、h2、h3。
ul 跟 li 是html語法中用來定義清單的標籤，
h1、h2、h3則是定義標題格式的標籤。
有在使用CSS語法的格友大概都還有印象，
以前舊版的CSS裡大多是對應html裡的div標籤來做聯繫，
現在在幾個關鍵位置上改用清單和標題格式標籤來聯繫，
是更符合原本html的語法編寫方式。

然後這個我不太清楚是怎麼弄的，
就是現在Xuite部落格在下載以及頁面呈現的順序和速度上，
會讓主要文章內容優先出現，
也就是在語法裡優先讓標籤 id 為 #mid 的內容呈現，
指的就是主要文章欄位會最先出現在你的螢幕上就對了，
當然這也就符合部落客的瀏覽習慣。

然後其他大概就是比較小、瑣碎一點的細節了，
各位可以在大家長的公告裡看到《日誌新版日誌CSS樣版》，
基本上看起來好像是我們CSS的編輯自由度變高了，
這點我想在我自己之後的新版面編輯上就能實際測試看看。

喔，對了，因為我覺得要讓舊版面接軌上新的系統，
是一段很~~~ ~~~ 長也很繁瑣的作業，
所以我乾脆直接選了一個跟我的舊版面結構類似的預設版型。

在新的預設版型選項中，目前只提供了73種版面，
而以前舊的預設版面也在這次的大更新裡被刷掉了，
其實是有種被迫更新的感覺：
『你可以繼續用原本的檔案或是選擇新版，
但是只要你一修改原本的就會有BUG』大概是這樣。 ˊˋ|||

我一向是習慣改造預設版面的使用者，
所以對我來說正好乾脆也跟著更新版面換裝潢，
那如果是純手工自己寫的人可能會在這次更新裡嘔死吧？

最後我在新的預設版面列表裡發現一件很有趣的事情，
雖然有73種新版面可以選，而且這些版面大多好看於舊版的，
但是只有11種版面是三欄式的。

等等，我再算一次，1、2、3... ...
的確是只有11種版面是三欄式的，
我覺得這樣不對，
搞的好像沒人在用三欄式的版面在寫部落格一樣，
害我也差點選不到版面可以用，
於是我決定去提醒一下大家長，
不要忽視我們三欄式版面的使用者權益，
不過才剛進大家長家裡就看到已經有人跳出來講話了，
請見文《版面樣式》。

既然大家長這樣說了，請讓我們期待下次的新增吧。　ˊvˋ

我們的大家長非常用心的更新系統，
我也比較看好這次的更新，
只是現在還是過度時期，我們都需要點時間來習慣，
為了減少過度期的震盪和更完整的測試新系統，
大家長在CSS版面編輯器裡保留了舊版的檔案，
讓大家隨時都還能『迴光返照』，
所以應該不需要太過恐慌才是。

只有一點是我真的很認真想要吐槽的！

73種新的預設版面裡只有11種三欄式版面，
而再更其中的三種版面，
分別是：《陶瓷藝術》、《愛情誓言》和《山上風情》，
乍看之下還是很漂亮的版面，
但是當你把這三個放在一起做比較的時候，
你才會發現發生了什麼事？（笑）

瀏覽版面：《陶瓷藝術》　《愛情誓言》　《山上風情》

看得出來應該都是同一個人做的，
實在很想跟他說：『U good！』　XD

請記得給他們掌聲嚕～
我們的大家長－－Xuite站長群
Xuiter大手－－狗貓