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 ?那我就不知道囉 ^^"

Posted by happy1211230 at 樂多Roodo! │09:55 │回應(2)Miss. 分享
樂多分類:日記/一般 工具:編輯本文
Ads by Roodo! 
回應文章
很詳細的分享
妳最很真的是卯起來研究CSS喔!!


回覆:

謝謝啦!
可是我覺得寫的不是很好耶 ^^"
Posted by Stacy at April 21,2005 17:12
我用的是「足球」那個,哈哈!
不過已經改版囉,換成lantern了


回覆:

呵 ^^"
對丫~
那怎麼辦?
要不要下架咧??
Posted by pigy at May 18,2005 22:56