和服女孩的樣式用了非常久了呢(其實是從一開騏格子就一直用到最近),第一次摸索CSS所製作出的ひなたぼっこ樣式,因為IE的bug實在太多,所以作罷。這次弄好的「寶貝說騏~」,FirefoxIEOperaSafari應該都沒什麼問題,真是太好了~


Fig 1: 「寶貝說騏~」新樣式!

既然都發文公告了,那麼就來說說關於這個樣式的小故事吧。

首先,為什麼樣式名稱是這樣子的呢?來看看banner的圖吧,可愛的小寶貝,櫻桃小口微開不知道在說些什麼,不知道沒關係,嘴角的「ち」(讀音「chii」,也就是「騏」囉!),因此樣式名稱的原委就在霎那間豁然開朗了吧!(不過其實應該用片假名的,就別太在意了吧……)

接著,來Check一下本樣式的其他特點吧!


Fig 2: Check Point 1: 回應留言single post的樣子!



Fig 3: Check Point 2: box title的background!



Fig 4: Check Point 3: 回應新視窗的樣子


稍微看一下在其他瀏覽器的樣子吧,首先是Opera,第一次使用Opera,換了字型的網頁,原來是這麼漂亮啊!


Fig 5: 「寶貝說騏~」在Opera


接著是使用者非常大宗的IE……看來瑕疵都沒有很明顯(遮眼),哈哈!


Fig 6: 「寶貝說騏~」在IE7


別忘了號稱最快的瀏覽器呀~稍微使用一下的結果,喔!真的快很多耶!


Fig 7: 「寶貝說騏~」在Safari


雖然Opera換了乍看之下很漂亮的字型,但是其實細瘦的文字挺傷眼的,在Opera看到的樣式也是瑕疵最大的(都跟你說font-size是0了你還跑出來那麼大是怎樣!);接著的IE7,有一個很小的瑕疵(還是出在font-size的地方),但是應該看不太清楚,另外一個瑕疵就算了吧(別人都算得正正的,就是只有你會算歪……),在其他瀏覽器都嘛不會有;最後的Safari對我最好了,載入頁面那麼地快,還沒看到瑕疵呢!Safari的字型也有變些,不過與其說是換字型,感覺比較像是字體修飾,而且沒Opera那麼傷眼,看起來還挺舒服的,但是上面那一槓那麼灰,我還沒找到可以換佈景主題的,不太喜歡呀攤手。

最後,到了跟「和服女孩」說再見的時候了,這麼長的時間麻煩妳獨自作著看板娘,妳辛苦了!


Fig 8: 使用許久的「和服女孩」樣式
arrow
arrow
    全站熱搜

    騏騏 (Elfachiy) 發表在 痞客邦 留言(3) 人氣()