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

真的好久不見桑妮製作新樣式了!! soft的整體和配色好好看!!很有暖洋洋的感覺 桃子看起來更是鮮嫩欲滴的讓人好想咬一口!>_<
讓我們看看這次可以撐多久 > __ ^ 暖洋洋嗎~其實我本來想取Warm耶XDD (啊不然改回Warm好了?:D) 桃子是外國網站找到的桌布,就放在我的桌布資料夾裡,每天都會看到然後就好想吃XD
*****
*****
可以請要要怎麼自己製作自己想要的版面設計嗎? 像是CSS的顏色要怎麼寫呢? 謝謝您!
顏色請找色碼。
謝謝 ^^
貓咪很可愛
很喜歡桑妮的這個版型~會開放分享嗎?^^
嗯~等我換新版型就會了吧!XD
我目前套用的是您的樣式 找了些方法修改CSS樣式 把廣告弄掉 現在想把左邊的虛線隱藏 請問如何修改呢 ?
不好意思這麼晚才看到, 我不知道為什麼你那邊會有那些虛線,是因為加入擋廣告的CSS才出現的嗎?
不好意思..我想修改您的CSS樣式(只有上面的圖片) 想請問像素是多少.. ((0012-2款))
*****
*****
*****
*****
*****
你出成發新人出有向見能他也,人後本外也不子。 翻□譯是☆一﹎門◇藝﹎術☉,好□的○翻譯能讓□人﹂跨☉過﹎語◇言﹍的﹋隔閡,§使人心意相﹉通☉ 萬♂國◇翻♂譯﹋社﹉: ppt.cc/Grnhv LINE線上§客服ID: 0989298406
版主你好 我想要更改您的CSS樣式 只有最上面的圖片 請問該怎麼做?