days here| Online
﹥I am 桑妮 :D arrow_61.gif 加我為Pixnet好友
﹥最佳解析度、瀏覽器:1024*768↑ on Firefox & Chrome

※ 近來少使用痞客邦,無法即時回應留言,請見諒噢。
 不回應籠統的問題,沒禮貌的留言也不會回覆。若是有明確問題的留言,看到就會回應。

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



創作者介紹

Learn to live *

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


留言列表 (14)

發表留言
  • 酥西
  • 真的好久不見桑妮製作新樣式了!!
    soft的整體和配色好好看!!很有暖洋洋的感覺 桃子看起來更是鮮嫩欲滴的讓人好想咬一口!>_<
  • 讓我們看看這次可以撐多久 > __ ^
    暖洋洋嗎~其實我本來想取Warm耶XDD
    (啊不然改回Warm好了?:D)
    桃子是外國網站找到的桌布,就放在我的桌布資料夾裡,每天都會看到然後就好想吃XD

    桑妮♥ 於 2013/01/13 08:10 回覆

  • 悄悄話
  • Daisy Hsiao
  • 可以請要要怎麼自己製作自己想要的版面設計嗎?
    像是CSS的顏色要怎麼寫呢?
    謝謝您!
  • 顏色請找色碼。

    桑妮♥ 於 2013/04/11 08:12 回覆

  • 艾醬
  • 謝謝 ^^
  • 貓子
  • 很喜歡桑妮的這個版型~會開放分享嗎?^^
  • 嗯~等我換新版型就會了吧!XD

    桑妮♥ 於 2014/01/18 08:35 回覆

  • selfblue
  • 我目前套用的是您的樣式
    找了些方法修改CSS樣式 把廣告弄掉
    現在想把左邊的虛線隱藏 請問如何修改呢 ?
  • 不好意思這麼晚才看到,
    我不知道為什麼你那邊會有那些虛線,是因為加入擋廣告的CSS才出現的嗎?

    桑妮♥ 於 2014/01/18 08:40 回覆

  • 戀楓 ܤ抹茶嵐
  • 不好意思..我想修改您的CSS樣式(只有上面的圖片)

    想請問像素是多少..

    ((0012-2款))
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 185國語言翻譯公司
  • 你出成發新人出有向見能他也,人後本外也不子。

    翻□譯是☆一﹎門◇藝﹎術☉,好□的○翻譯能讓□人﹂跨☉過﹎語◇言﹍的﹋隔閡,§使人心意相﹉通☉
    萬♂國◇翻♂譯﹋社﹉: ppt.cc/Grnhv
    LINE線上§客服ID: 0989298406
  • 小舞
  • 版主你好
    我想要更改您的CSS樣式
    只有最上面的圖片
    請問該怎麼做?
找更多相關文章與討論