圖層框框製作 @ 傻女孩的 blog

~圖層框框製作~

...

如果你是 FrontPage XP (2002) 的或沒有插入圖層項目的請按 Alt + x 直達相關教學

圖層=框框

FrontPage 是 Mircosoft Office 裡的其中一套軟體

而CD-ROM版 FrontPage 2003 這套不附在Office2003裡..
要另外購買.Office FrontPage 2003 光碟.

首先開啟你的 FrontPage 2003 ....選擇螢幕下方分頁之分割模式
插入圖層
在圖層上方按右鍵選圖層內容
選好之後.....螢幕右方出現圖層側邊工作窗 ..按下框線及網底
出現框線及網底視窗....跟Word一模一樣...
可以在網底選擇背景色彩
設定完畢後按確定
這時看到做好樣式的框框....此時就可以複製到你的MSN SPACES編輯裡打入內容 ............要有捲軸請繼續往下看....如果不要請跳第18步驟
要加捲軸請在上方分割視窗
看到 position: absolute; 後方再加上 overflow:scroll; 如圖所示
選擇預覽模式看看有沒有出現
的確出現了...
回到分割模式，在圖層裡打入文字 ,要加圖片的也請從網站複製貼上去
注意:此時雖然打入文字..如果超過 ,框框會自動變大...但其實是不變的..可以由預覽模式求證。
再選擇預覽模式看看有沒有出現....的確出現捲軸了.....
如果要捲軸變化請繼續往下看....如果不要請跳第18步驟
.
連到網址 http://myurl.com.tw/bca9 按照上面說明選擇你喜歡的顏色
選好之後按下複製
(另一個網址中文的 http://cdh.idv.tw/cdh/no04.htm )
貼到記事本....請複製 { } 之間的內容
回到 FrontPage 20003，在上面的分割中，請先在　overflow:scroll;　後面多打一個分號 ;
然後再分號與分號中間 overflow:scroll; <這裡> ; width=100 貼上從記事本複製的內容
＜都看到這了...告訴你一個秘密把 width:100px;刪掉，框框的大小會寬度伸展網誌版面最大寬度，把 height:100px刪掉高度則是裡面有幾行就多高，兩個設定都刪掉就不會有捲軸出現。(見14項圖)＞
貼完之後選擇預覽模式 ....可以看到成功變化了....這時就能貼到你的MSN SPACES了
如果要把其中一方捲軸消失...請繼續看
回到分割模式，在上面的分割中，請在　overflow:scroll;
後在貼上 overflow-x:hidden; (隱藏左右) 或　overflow-y:hidden; (隱藏上下)
貼完之後選擇預覽模式 ....可以看到成功變化了....
回到分割模式，請在圖層上方的 layer1字的上方按右鍵複製
回到 MSN SPACES 按貼上(Crtl+V) ....
注意如果有隱藏任何一方之捲軸..將無法在此直接編輯,做最後修改的動作
貼完之後按預覽網誌內容看看有沒有出現....之後確認就可以送出成功了...^^
還有問題可在這留言發問

或到♠ 综合教學問題發問版♠
我不想用軟體請問還有其他辦法嗎?
Ans : 可以...請參考這篇的整理[點我]
謝謝你的觀賞。

FrontPage XP (2002) : (任一版本皆適用)

首先開啟你的 FrontPage XP (2002) ....選擇螢幕下方分頁之 HTML 模式
在<body></body>之間打入<div></div>
.在div上方按右鍵選標籤內容
出現修改樣式視窗,先在格式選擇框線
出現框線及網底視窗....跟Word一模一樣...
可以在網底選擇背景色彩
設定完畢後按確定
回到修改樣式視窗 ,在格式選擇位置調整寬和高
出現位置視窗,建議也都先輸入100(如果你清楚相關流程不再此限)
＜都看到這了...告訴你一個秘密把 width:100px;刪掉，框框的大小會寬度伸展網誌版面最大寬度，把 height:100px刪掉高度則是裡面有幾行就多高，兩個設定都刪掉就不會有捲軸出現。(見9項圖)＞
選擇一般或預覽模式看看有沒有出現(框框)
回到HTML模式，在圖層(框框)裡打入文字 ,要加圖片的也請從網站複製貼上去
注意:此時雖然打入文字..如果超過 ,框框會自動變大...但其實是不變的..可以由預覽模式求證。
這時看到做好樣式的框框....此時就可以複製到你的MSN SPACES編輯裡打入內容 ............要有捲軸請繼續往下看....如果不要請跳第11步驟
要加捲軸請在HTML模式
看到<div style=" 後方再加上 overflow:scroll; 如圖所示
再選擇預覽模式看看有沒有出現....的確出現捲軸了.....
如果要捲軸變化請接續FrontPage2003的第12步驟或按 Alt+c 直達 ....看完再回來
如果不要請繼續
因為FrontPageXP(2002)不像FrontPage2003有圖層可以選
所以請在一般模式先按 Ctrl+A 全選在按 Crtl+C 複製
回到 MSN SPACES 按貼上(Crtl+V) ....
注意如果有隱藏任何一方之捲軸..將無法在此直接編輯,做最後修改的動作
貼完之後按預覽網誌內容看看有沒有出現....之後確認就可以送出成功了...^^