推 Blankness:我會試試的，謝謝！ 220.143.92.220 07/09
※ 引述《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)