0014 // Soft

終於做了新樣式,這次用了快兩年…本來以為再怎麼樣也會一年一個,不過事實證明人懶腦筋頓,懶得構想,總是要到膩了才會動手。

這次不像以往那麼急著要一次做完,每天做一點,有想法就多弄一點。現在也差不多完成了,不過可能還會再改一些小地方,圖就先不拍。(結果還是暖色系的,本來想換個綠色白色的,可是怎麼用都不太順眼,下次再試好了。而且…怎麼到最後都會偏這種粉嫩色系?是很想談戀愛是不是?

樣式名稱本來想好要搭配白/綠色叫「Simple」,但是現在做成這樣都不Simple了,改叫「Soft」。

因為現在日記字打得比較多,所以弄了還算大的內文寬,看起來舒服多了。也把字放大、字距拉寬,眼睛老了還是不要太折磨他比較好。

這次又下了點功夫研究CSS 3。CSS真的是太好玩了,只要打幾個指令,瀏覽器就會乖乖的照我的指令呈現我要的效果,成就感如此觸手可及呀,顆顆。


拜CSS 3的強大以及瀏覽器的配合支援,這次整個樣式的圖片只有兩張,banner圖和通往各服務的連結。雖然電腦已經進步到即使很多圖片也可以輕鬆開啟,但用圖片做出來跟打幾個字就可以呈現效果的感覺是差很多的,也省了很多工時(而且應該也不是每台電腦都可以處理速度這麼快)


除此之外也沒有什麼特別值得說的,很基本款的一個樣式。

有開IE看一下,IE9看起來還不錯,大致上和另外兩款瀏覽器長一樣。(不過IE9以下就真的算了…)

噢,對了,講到兼容性,這次用的語法是最好打的,因為FireFox和Chrome都和CSS3相擁了,支援原本的語法,不用再指定一大堆,少打了很多字。不過舊版的還是不支援,所以有的效果一樣看不到(大概是 FireFox 4和Chrome 10以下的版本不支援,不過應該大部分的人都會按時升級瀏覽器,所以也不管這點了)

P.S. 不知道為什麼Chrome的字型沒有FireFox的好看,像公告欄的箭頭,FireFox就是很好看的小小的箭頭,Chrome就很大一顆…(抹臉)


Notes:
1) banner width: 996px; height: 422px;
2) content width: 730px 
3) links width: 230px



arrow
arrow
    全站熱搜

    桑妮♥ 發表在 痞客邦 留言(14) 人氣()