2006/06/01

不拉格大改版

難得的一個端午節,除了吃粽子以外,當然還要利用時間來大改Blog啊!
所以很合理的,我將原來由SimpleBits所提供的TicTac主題"小小"的修改一下。
本來的主題簡單又不失大方,修改過一些字體大小以後就很合用。
但是由於日漸花俏的Sidebar拉長了版面,總有一種灌頁面的感覺,
為了好好利用空間,所以決定從原來的基礎開始,修改成3-column版。
不過在大改時,由於對CSS的不了解,真是吃足了苦頭啊!

首先要修改的是背景圖,重點是要在1024x678的解析度時不會出現橫捲軸,
所以將寬度定為990px,並依此標準橫移或加寬原來的圖片,
並在左邊仿原來的Sidebar再貼個新的出來。
不過因為寬度有點小,所以弄出來的新Sidebar寬度較原來小一些,
幸好要貼過去的東東也比較細一點。

在花了一小時俢改過圖以後,上傳到學校空間,並開始修改Template。
一開始在平移原有的東西時非常順利,很快的就定好了位,一切看起來非常美好。
但,在加上新的左Sidebar時,簡直是個大爆炸!
不管怎麼調整都是會飛來飛去,整個網頁好像被鋸子鋸過一樣的破爛。
後來仔細研究原來的CSS時才發現他所用的並不是一般調整position的方法,
而是巧妙的用了float的並排功能,至於為什麼要這樣我也不知道....
後來依樣畫葫蘆後才弄了個比較像樣的東西,這應該是原作者太厲害吧!

後來又大戰IE快幾十回合,要應付這個爛瀏覽器的畫面顯示真的是很麻煩~"~
結果犧牲掉一些在Firefox上很好看的排版,只為了避免IE看起來是個大花臉...
最後到了晚上快十點多才調整出現在的風貌,嘿嘿,還不賴吧?

另外,由於本人平常有用Palm TC瀏覽的習慣,所以也稍微注意了PDA上的瀏覽效果,
很幸運的原本的主題也附有修改成PDA版本的範例,再照樣畫個葫蘆了以後....
決定把左邊的直接藏起來!反正只是耍花俏用的XD
有PDA的可以瀏覽看看本站,應該稱的上是PDA Friendly吧~

可惜難過的是,本來很想要趁機掛上去的POQUE竟然結束營業了,
結束就算了,理論上只要有抓到flash檔就可以用的才對,結果他的參數根本沒辦法直接設|||那一串數字我想沒有人猜的出來吧,所以只好放棄了,想放些照片的說....

為了彌補受傷的心靈,所以轉戰了UrMap
說實話這是個了不起的網站,沒有多餘的廣告,又開放API給大家玩,
效果上還挺不錯,可以稱的上是中文版的Google Map了。
想看看成果的可以設按一下左下角的UrMap區,我先放了一些以前玩過的地點,
移到藍點上時會顯示相關訊息喔,也許還有些小連結!
應用有很多,例如下次po食記時就可以測試了ccc 如果有空的話再寫篇教學吧!

寫完這篇紀錄文以後,嗯,該去唸書了 Orz
期末啊期末,我來對付你了!

3 則留言:

  1. 您好,想請問您,Technorati的search bar
    是怎麼改的呀?Technorati似乎只是提供一個
    java script而且沒辦法改..請問你是怎麼辦到的?

    回覆刪除
  2. http://www.technorati.com/developers/help/searchlet.html
    這裡有教如何放上自訂的search bar~

    回覆刪除