Re: [問題] 一張以上的背景？

看板Web_Design作者xFANx (^^)時間19年前 (2005/07/09 14:53)推噓1(1推 0噓 0→)

留言1則, 1人參與討論串1/1

※ 引述《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)