PIXNET Logo登入

馬米思個人紀錄站

跳到主文

紀錄有關網頁設計、電腦應用、電腦問題 Firefox,Win7,Adobe AI、PS、DW 相關新聞與資訊 提供網站專案規劃設計|美編行銷設計|繪畫軟體教學|生活攝影教學...等服務

部落格全站分類:生活綜合

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 2月 21 週日 201612:35
  • [重點整理]CSS - How to master CSS 影片教學

div:selection{
color:black;
background-color:yellow;
}
div:first_letter{
font-size:36px
}
div:first-line{
font-size:24px;
color:green;
}
https://youtu.be/Vafp5xr_bxk?t=1h24m
div:first-child::first_letter{
font-size:36px
}
div:first-child::first-line{
font-size:24px;
color:green;
}
https://youtu.be/Vafp5xr_bxk?t=1h25m
(繼續閱讀...)
文章標籤

vmaya 發表在 痞客邦 留言(0) 人氣(35)

  • 個人分類:CSS
▲top
  • 2月 25 週四 201011:31
  • 強制隱藏右側捲軸

body {
background-color: #74BAE7;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow-x:hidden;
overflow-y:hidden;
}
只需在css中輸入綠色文字即可!
(繼續閱讀...)
文章標籤

vmaya 發表在 痞客邦 留言(0) 人氣(900)

  • 個人分類:CSS
▲top
  • 3月 01 週日 200923:07
  • CSS教學-在Dreamweaver要怎麼把圖層放在想放的位置上呢?

201圖層被Flash擋在後面.jpg
看看以下的圖示:


看吧!我的文字圖層出現在左邊,原因是因為我把電腦的螢幕解析度越設越大,
(繼續閱讀...)
文章標籤

vmaya 發表在 痞客邦 留言(0) 人氣(1,754)

  • 個人分類:CSS
▲top
  • 3月 01 週日 200922:51
  • Dreamweaver教學-SWF置入Dreamwever,卻蓋住其他元件

201圖層被Flash擋在後面.jpg
在我的個人網站中,一直有這樣的問題,我都沒有去做處理,
他在IE看,是正常的,但是在Firefox我的圖層卻不見了,
原因是如下圖:

(繼續閱讀...)
文章標籤

vmaya 發表在 痞客邦 留言(0) 人氣(683)

  • 個人分類:CSS
▲top
  • 11月 11 週二 200822:00
  • 用這種方法設置網頁頁首、頁尾的背景(旁門左道一則)


1.打開Dreamweaver,設置網站根目錄
2.新增一個html檔,存檔
3.新增一個css檔(圖一、圖二)
(圖一)
(繼續閱讀...)
文章標籤

vmaya 發表在 痞客邦 留言(0) 人氣(2,168)

  • 個人分類:CSS
▲top
  • 1月 15 週二 200811:29
  • 有趣的



  

 

(繼續閱讀...)
文章標籤

vmaya 發表在 痞客邦 留言(1) 人氣(110)

  • 個人分類:CSS
▲top
  • 1月 05 週六 200813: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 }
(繼續閱讀...)
文章標籤

vmaya 發表在 痞客邦 留言(0) 人氣(2,019)

  • 個人分類:CSS
▲top
1

廣告點點樂特區

展覽資訊+活動訊息

近期文章

  • [重點整理]Effective Navigation Development 用CSS設計下拉式選單
  • [重點整理]Unlock the Secret to the Lens Flare in Photoshop + English Note
  • [重點整理]Tutorials Video from "Envatotuts+" - Understanding the CSS Box Model
  • [重點整理]CSS疑問整理-一個簡單,響應式,流動式導覽教學
  • [軟體外掛]Brackets - Brackets-HTML-Templates外掛
  • [軟體分享]即見即所得Brackets免費網頁編輯器
  • [重點整理]RWD自適應的小技巧-別忘記Viewport Meta標籤
  • [重點整理]CSS - How to master CSS 影片教學
  • [教學]DIV+CSS-浮動 基礎教學
  • [教學]影片轉GIF動畫教學

文章分類

toggle 事件記錄 (3)
  • 一份敘述 (2)
  • 英文學習 (0)
  • 電影觀賞紀錄 (1)
toggle 旅遊記事 (1)
  • 旅遊 (4)
toggle 美術設計 (3)
  • 衣物設計 (1)
  • 節慶紀念 (2)
  • 隨手篇 (1)
toggle 網頁設計 (5)
  • 學習筆記 (9)
  • Flash教學 (1)
  • Javascript (6)
  • 網站分享 (6)
  • CSS (7)
toggle 軟硬體資訊 (4)
  • 整理資料 (1)
  • Firefox使用技巧 (3)
  • 電腦技巧 (5)
  • 我的電腦有問題 (4)
toggle 發牢騷特區 (2)
  • 抽獎活動 (1)
  • 其他 (3)
  • 未分類文章 (1)

參觀人氣

  • 本日人氣:
  • 累積人氣:

誰來我家