公告版位
Selected Category: CSS (5)
- Mar 01 Sun 2009 23:07
CSS教學-在Dreamweaver要怎麼把圖層放在想放的位置上呢?
- Mar 01 Sun 2009 22:51
Dreamweaver教學-SWF置入Dreamwever，卻蓋住其他元件
在我的個人網站中，一直有這樣的問題，我都沒有去做處理，
他在IE看，是正常的，但是在Firefox我的圖層卻不見了，
原因是如下圖：
如上圖：我的文字圖層被擋在flash之後，而且無論我已經將圖層的Z軸數字調到多大(99)(數字越大越上層)也無效
這是因為在我的SWF參數中，少了這麼一欄
<param name="wmode" value="transparent" />
意思是將SWF檔的參數屬性設為透明。
方法是在
1.點swf檔
2.屬性面板-參數
3.按下左上角"+"按鈕
4.在參數輸入"wmode" 而值輸入"transparent"
這樣就可以囉！
---------------以下為不成功者，另外的修正辦法，若成功就不用看囉！--------
假如還是無法成功，就必須直接更改程式碼，以防他更新不全
請直接在程式碼面板中，Ctrl+F，直接搜尋"param name"
這時，你應該會發現有好幾個以下的格式
<param name="參數" value="值" />
那麼呢！請在這些屬性的最上面，手動貼入以下程式碼
<param name="wmode" value="transparent" />
如下圖所示：
存檔，上傳至ftp就可以囉！
- Nov 11 Tue 2008 22:00
用這種方法設置網頁頁首、頁尾的背景(旁門左道一則)
1.打開Dreamweaver，設置網站根目錄
2.新增一個html檔，存檔
3.新增一個css檔(圖一、圖二)
(圖一)
(圖二)
4.將新增的css檔案存檔(圖三)
(圖三)
5.選取要使用的頁首背景圖片，並選擇重複方式，我在這裡將會選擇水平重複(圖四)
(圖四)
6.此時查看css.css檔案，裡面會新增第6.7行兩行的語法(圖五)
(其中margin-left、margin-top、margin-right、margin-bottom則是代表頁面四個邊界的距離)
請自行輸入，並將margin-top設定為你頁尾與頂端的距離，在這裡我設定600px
(圖五)
7.再新增一個新的css規則，選擇進階，在圈選工具的地方寫#footer，名字可自取，但是要加#號
定義在我們之前新增的css檔中
(圖六)
8.同第8個步驟，但是此時選擇的是頁尾的圖片與重複方式(圖七)
(圖七)
9.此時css.css檔中，會呈現如下，多了#footer的描述
(圖八)
10.還有最重要的一點，回到你的網頁檔，分別在兩個新增的css規則上按右鍵>套用
11.那麼便大功告成拉。
- Jan 15 Tue 2008 11:29
有趣的
- Jan 05 Sat 2008 13:47
自訂視窗捲軸色彩
自訂捲軸顏色
(Dreamweaver以下簡稱DR)
效果：可加強網站視覺統一。
方法： 一、建立外部連結CSS檔案
1.在DR開啟新的HTML頁面並儲存
2.開啟CSS樣式面板
3.新增CSS樣式規則(圖一)
4.開啟存檔的css檔案輸入以下資料
body {
scrollbar-face-color: #FCFCFC; /*（軸面顏色）
scrollbar-shadow-color: #E1E1E1; /*（軸面右角邊顏色
scrollbar-highlight-color: #FCFCFC; /*（軸面左角邊顏色）
scrollbar-3dlight-color:#FFFFFF; /*（左立體邊顏色）
scrollbar-darkshadow-color: #E5E6EE;/*（右立體邊顏色）
scrollbar-track-color: #FFFFFF; /*（軸軌顏色）
scrollbar-arrow-color: #044587 /*（箭頭顏色） }
二、在想要變換捲軸顏色的網頁中輸入連結
<CSS檔名.css" rel="CSS檔名" type="CSS檔名/css">
p.s 若兩個網頁要有兩種不同色的視窗捲軸，就設兩個不同色彩的CSS檔，
網頁外部連結至想要的色彩CSS檔。
另外，若您的網頁裡有「文字區域」，它的捲軸也會變成所設的顏色。
備註： 如果什麼設好了，捲軸卻沒變色，
請看一下在DR裡的原始碼，最上面有沒有
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">？
如果有的話，就把那串網址刪掉，變成
再附註： 可以把body換成html，就不用刪原始碼了
以上資訊參考自筆記本
以下範例為版主自行模仿viva-graphic網站
body { scrollbar-face-color: #008080;
scrollbar-shadow-color: #008080;
scrollbar-highlight-color: #00BDBD;
scrollbar-3dlight-color:#006A6A;
scrollbar-darkshadow-color: #006A6A;
scrollbar-track-color: #cccccc;
scrollbar-arrow-color: #ffffff }
其他相關自訂捲軸Scroll bar的相關支援
事件記錄(2)