blog - 1.png

這段時間看起來像消失了,其實我正在自修Photoshop影像處理技術,希望對Photoshop能更熟練,順勢就想到做新的版面,這是第一次嘗試深綠色,我很喜歡用整齊的方式排版,用了這麼久了痞客,第一次用心設計版面,要求自己每個細節都不能馬虎,在排版的時候我對痞客的標籤類別一點都不熟悉,直到切割好 PSD 檔進入CSS編寫的時候,才發現原來真不容易,因為我習慣用Firefox瀏覽器,第一次很快的排好版面後,打開IE...天ㄚ!居然所有區塊都是跑掉的,我發現CSS中標籤元素定位 position:relative; 和 position: absolute;要非常小心的使用,上層區塊定位使用錯誤也連帶影響下層區塊的位置,尤其是 #footer 真是難搞,位置老是往上跑,原本還預定在紅色主題圖的地方加上FLASH動畫,但又面臨一些連結會消失等..種種問題下,修改次數多到數不清,最後只好用個最簡單的方式來做。。

完成後我忍不住要稱讚一下痞客的標籤元素非常完整,除了CSS編寫更好發揮,也很容易容易融入 JS 或 AJAX,也因為這樣,大家才能更自由的發揮,創造更多變的樣式。
創作者介紹

Yes or No

Candy 發表在 痞客邦 留言(17) 人氣()


留言列表 (17)

發表留言
  • dearguo
  • ~

    糖~有小問題
    用IE7第一篇的繼續閱讀按鈕沒辦法點喔!應該是被某區塊蓋到的原因
  • 真的耶 = =" 沒關係啦!
    反正有主題可以按~呵呵!!

    Candy 於 2008/07/02 21:56 回覆

  • dearguo
  • ^^

    我沒猜錯的話。是
    .box-text 的PADDING 設定的問題,所以是左區塊蓋到他了。他才不能點。
    :p
  • 那個不能改啦!
    動了那個很多地方都要從新調整,
    所以保持原狀吧^^

    Candy 於 2008/07/02 22:39 回覆

  • dearguo
  • ~

    呵。反正是小問題。你不在意就沒關係囉。
  • 我覺得果在設計上有很大的進步說,
    從一些小細節上都可以看到你用的心思

    Candy 於 2008/07/02 23:42 回覆

  • dearguo
  • ~

    我老覺得這是職業病。哈...
    做愈久這樣的工作就愈容易對這種小地方感到龜毛。唉~
  • 我沒有職業病但是也跟妳一樣說~呵呵!!

    Candy 於 2008/07/03 22:02 回覆

  • ellen
  • 糖的設計真的有很完整的感覺XDD~~
    不過難得有用綠色搭配耶
    你以前網站好像幾乎都是偏向藍色調
  • 開心~^^~
    對ㄚ~想要嚐試中性感,
    會不會有人覺得版主應該是男生??

    Candy 於 2008/07/03 22:04 回覆

  • 原來版主是男的唷 XD
  • 哇哈哈哈
    啥?!原來版主是男的唷!
    好厲害唷!很有感覺耶!
    版主太厲害了>_<
    崇拜中~~
  • 好吧~給你崇拜 = ="
    好久不見了ㄋㄟ~~

    Candy 於 2008/07/04 21:13 回覆

  • donlien
  • 好棒的版型……

    要是有三欄式的就好了。

    請問版大這個版型會公開在痞客幫讓大家用嗎?
  • 設計的時候沒有想到要分享,圖上有我的站名
    欄位也是為自己做的,所以不適合放太多欄位
    下次做我會列入你的意見,謝謝!!

    Candy 於 2008/07/04 21:18 回覆

  • sezna627
  • 很棒的版型喔~

    對了,我剛才看到,原來我們生日差一天,我是627 呵

    小剎
  • 你現在用的版型作者生日跟我一樣呢^^~

    Candy 於 2008/07/07 22:09 回覆

  • s760502
  • 應該不會吧o.o....
    我覺得這比較像是女生設計的耶XDD
  • = = " 那我想太多了!!

    Candy 於 2008/07/27 11:09 回覆

  • small8
  • 原來糖姊有新站點
    開始玩起blog@ @
    呵~還是很有設計感
    這次配色也不錯優
    另外...好奇呢!!
    這也是免費的?
    不知好不好用^^
    無名現在樣式有些功能會被鎖住..
    --------
    改天再來細看
    高雄家裡網路頻寬好像都被佔著
    好慢.....
  • 你可以試試痞客邦,我自己覺得很穩定
    也是免費的~
    我記得後台可以匯入無名的網誌,很方便喔
    http://www.pixnet.net/

    Candy 於 2008/08/05 22:07 回覆

  • dacron9032
  • 還蠻好看的耶,我也想要學自己設計面板!
  • 對ㄚ!自己設計最好~^^

    Candy 於 2008/08/24 19:37 回覆

  • spirit
  • 很清爽的感覺很好耶:)
  • 謝謝~^^~

    Candy 於 2008/08/27 23:50 回覆

  • ahoya
  • =_,= 老實說痞客的CSS我研究半天還是沒個頭緒
    感覺自己真的好弱....
    每次說要專心設計版面,結果過幾天熱情又消失了
    就這樣日復一日,還是一樣什麼也弄不出來!
    哈哈~~好糗
  • 我也會這樣耶!好幾次都打算改版又放棄
    沒關係反正一定會有作品出爐,一起努力^^

    Candy 於 2008/10/22 21:17 回覆

  • ytung2002
  • 你好,我是從你曾參訪過我家的紀錄連過來的....覺得你的版面設計好棒...很喜歡...我也曾想自己設計版面..但一直搞不懂CSS的語法..想請教是否可以告知是用何軟體設計? 如何較容易學習CSS的語法? 謝謝。
  • 文字編輯軟體就很足夠,例如"記事本",不過這太過陽春
    所以我推薦 Emeditor 寫程式或做網頁都是很不錯的選擇
    不過主要還是要熟css樣式表,css樣式不像程式纇複雜
    用固定有限的東西來做變化而已
    這網站有詳細的css教學,有興趣可以去看看~^^~
    www.hsiu28.net

    Candy 於 2009/02/09 11:28 回覆

  • 短髮比
  • 這兩個設計也很棒耶!
    如果可以分享就好了XD
  • 那個側邊欄位太小了,
    而且css寫的不是很完整說^^"

    Candy 於 2009/03/25 22:01 回覆

  • 短髮比
  • 哈!是你太謙虛了吧!
    我還只是CSS的初學者呢!
    以後有問題再請教你啦!!XD
  • 不要這樣說,
    我只對css是比較有興趣些,
    有機會一起討論喔^^

    Candy 於 2009/03/27 07:29 回覆

  • 我是路人= =
  • 你的經驗我昨天才發生T-T
    在FF,Opera,Safari連Google的瀏覽器 DIV的位置都沒錯
    但是一到IE就全破功了!!!
    位置都用好了才發現IE不支援PNG = = 一整個吐血到要死
  • 對ㄚ,所以說越來越多人不使用IE了^^
    我是需要測試才會開呢

    Candy 於 2011/03/08 19:34 回覆