April 21,2005
版面更換法 ( 雙圖 )
→
『雙圖』的部份
我以上山採藥 sharec3做解說吧
它就是屬於『雙圖』型的版面
a、在CSS 語法的BODY 出現了第一張圖→bg
b、在CSS 語法的#container出現了第二張圖→top
1、一開始的作法跟『單圖』一樣,一定要先下載這兩張圖
2、一樣為這兩張圖量身訂做一樣大小的〝開新檔案〞
其實如果會做『單圖』的部份
有些『雙圖』是屬於比較簡單的
像這個,你可以隨心所欲的改
有些人會想說‧‧可是版版有淺灰色的部份耶?!
其實你也可以把bg改成白色丫
( 若是這樣,top的下半部也要改成白色唷 ^_^ )
如此一來,你就不用擔心銜接上的問題了 ^_^
再來‧‧
製作『雙圖』版版
我建議〝bg〞部份寬度可以稍微寬一點
例如:本來是〝740*20〞,那你可以改成〝740*30〞
如圖:

長度不變,銜接上不太會有問題
可是若是寬度太窄,這樣的話
上圖與下圖銜接的時候會有一條小小的縫隙
接下來的步驟,就跟『單圖』一樣了
其實『雙圖』麻煩的地方就在於上下圖的銜接部份
像我的Blog 也是屬於『雙圖』版,下圖部份
前3/5 是白色的,中間一截是水藍色的,後面又接白色
而中間水藍色的部份的左右又有深藍色的細線
想知道我是如何處理的嗎?!
拍謝啦~我拿一張紙,對著原本的bg 圖做上記號 ^^"
把每一段距離在紙上標明出來,接著再開新檔案,依樣畫葫蘆標出來滴
細線部份,就是用小畫家的線條功能
而中間水藍色的部份,則是用小畫家的填滿功能囉 ^_^
如圖:

p.s.
給大家一個Blog 網址看看
這位朋友就是屬於只換上圖,但是也搭配的很好唷 ^_^
PIGY'S BLOG
他是用sport的版型下去改滴
至於他選擇哪一個sport ?那我就不知道囉 ^^"
我以上山採藥 sharec3做解說吧
它就是屬於『雙圖』型的版面
a、在CSS 語法的BODY 出現了第一張圖→bg
b、在CSS 語法的#container出現了第二張圖→top
1、一開始的作法跟『單圖』一樣,一定要先下載這兩張圖
2、一樣為這兩張圖量身訂做一樣大小的〝開新檔案〞
其實如果會做『單圖』的部份
有些『雙圖』是屬於比較簡單的
像這個,你可以隨心所欲的改
有些人會想說‧‧可是版版有淺灰色的部份耶?!
其實你也可以把bg改成白色丫
( 若是這樣,top的下半部也要改成白色唷 ^_^ )
如此一來,你就不用擔心銜接上的問題了 ^_^
再來‧‧
製作『雙圖』版版
我建議〝bg〞部份寬度可以稍微寬一點
例如:本來是〝740*20〞,那你可以改成〝740*30〞
如圖:

長度不變,銜接上不太會有問題
可是若是寬度太窄,這樣的話
上圖與下圖銜接的時候會有一條小小的縫隙
接下來的步驟,就跟『單圖』一樣了
其實『雙圖』麻煩的地方就在於上下圖的銜接部份
像我的Blog 也是屬於『雙圖』版,下圖部份
前3/5 是白色的,中間一截是水藍色的,後面又接白色
而中間水藍色的部份的左右又有深藍色的細線
想知道我是如何處理的嗎?!
拍謝啦~我拿一張紙,對著原本的bg 圖做上記號 ^^"
把每一段距離在紙上標明出來,接著再開新檔案,依樣畫葫蘆標出來滴
細線部份,就是用小畫家的線條功能
而中間水藍色的部份,則是用小畫家的填滿功能囉 ^_^
如圖:

p.s.
給大家一個Blog 網址看看
這位朋友就是屬於只換上圖,但是也搭配的很好唷 ^_^
PIGY'S BLOG
他是用sport的版型下去改滴
至於他選擇哪一個sport ?那我就不知道囉 ^^"
回應文章 
很詳細的分享
妳最很真的是卯起來研究CSS喔!!
回覆:
謝謝啦!
可是我覺得寫的不是很好耶 ^^"
妳最很真的是卯起來研究CSS喔!!
回覆:
謝謝啦!
可是我覺得寫的不是很好耶 ^^"
Posted by Stacy
at April 21,2005 17:12
我用的是「足球」那個,哈哈!
不過已經改版囉,換成lantern了
回覆:
呵 ^^"
對丫~
那怎麼辦?
要不要下架咧??
不過已經改版囉,換成lantern了
回覆:
呵 ^^"
對丫~
那怎麼辦?
要不要下架咧??
Posted by pigy
at May 18,2005 22:56