※ 引述《Blankness (Blankness)》之銘言： : 抱歉，我看不太懂您的意思耶？ : CSS Zen Garden裡的那個範例，有三張背景圖片， : 分別為top、contain、bottom， : 他的top包括選單的┌─┐ : 然後contain是包含選單的│ │跟內文背景一起 : bottom也把選單的└─┘算在內。 : 您的切割方式好像不太相同？ : 呃..另外..可以請您解釋一下， : "B處圖片背景做成可依內容長短往下延伸的圖樣" : 不懂..@@ 其實我沒有看這個網頁的原始碼 但依據自己經驗判斷這樣的網頁是這麼做的 剛才看了原始碼之後好像不是這麼做(有點懶的看..:P) 但提供你做參考 因為我覺得我的方法以製作上來講並不難 1.在photoshop後切片切成 ┌───────┐ │ A │ ├───────┤ │ │ │ B │ │ │ ├───────┤ │　　　 C │ 　　└───────┘ 2.然後B的部分再切成 ┌────────────┐ │ 選單頭 內文頭 │ ├────┬───────┤ │ │ │ │ 選單腰 │ 內文腰 │ │ │ │ ├────┴───────┤ │ 選單腳 內文腳 │ └────────────┘ * 詳細一點可以這麼說(黃線為圖片 白色為切片線) ┌──────────────────────┐ │┌───────┐ ┌──────────┐│ ├─┬─────┬─┬─┬────────┬─┤ │││ │││││ │││ │││ 選單 │││││ 內文 │││ │││ │││││ │││ ├─┴─────┴─┴─┴────────┴─┤ │└───────┘ └──────────┘│ └──────────────────────┘ 3.然後選單腰和內文腰做成背景圖 包括左右側的邊線 做成1單位背景圖 比如說 │ \ \ \ \ │ → │ 高度1pix圖 \ \ \ → \ 3pix*3pix圖 │ \ \ \ \ \ \ \ \ 這樣就可依內文長度跑圖了 感覺就像是把頭跟腳切掉 把中間的腰拿出來切一切 然後再把頭跟腳接上去... 這樣比喻不知道適不適當 :P --

※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 218.166.34.163 ※ 編輯: xFANx 來自: 218.166.34.163 (07/09 15:30)