HTML de MSN Spaces :        三月的晴

Adresse (填入地址栏，编写的前提HTML):

javascript:if%20(navigator.userAgent.indexOf("MSIE")>0%20&&%20document.all.rtebox!=null)%20{EditBox.setToolbar("tbmode",true);EditBox.setToolbar("tbfontstyle",true);EditBox.setToolbar("tbfontsize",true);EditBox.setToolbar("tbcut",true);EditBox.setToolbar("tbcopy",true);EditBox.setToolbar("tbpaste",true);EditBox.setToolbar("tbbar1",true);EditBox.setToolbar("tbbar2",true);void(document.all.rtebox.style.height="400");void(document.all.EditBox.style.height="400")}

Musique :

<P><IMG height=0 loop=infinite dynsrc=音频文件链接地址 width=0 border=0></P>

Infinite = 次数

日志的滚动条：

<DIV align=center
style='
color: #ffffff;
background-color: #000000;
border: solid 1px black;
width: 375px;
height: 281px;
overflow: scroll;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
'>日志文字</DIV>

1 = 外围间隙

- scrollbar-face-color: #FFA000= 拖条顶端面板和拖动钮  

(只需改动此数值，以可改善外观，现是橘红)

( #FFFFFF=白色 / #FFA000=橘红 / #A0A0E0=淡紫 / #A0A0A0= 灰色)

- background-color: #ffffff= 背景色

- scrollbar-shadow-color: #3D5054= 下方三角标记 和 拖条顶端外框右下阴影
- scrollbar-highlight-color: #C3D6DA=拖条顶端左上高光区
- scrollbar-3dlight-color: #3D5054=拖条顶端外框左上阴影
- scrollbar-darkshadow-color: #85989C= 拖条顶端外框右下阴影
- scrollbar-track-color: #95A6AA=拖轨
- scrollbar-arrow-color: #FFD6DA= 右边三角标记
日志文字 = HTML格式

文字竖排：

<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>日志文字</P></DIV>

9 = 字体大小

计数器： http://www.amazingcounters.com

背景播放影片+圖片(圖片為說明)

<img height=圖高 loop=infinite dynsrc=http://www.你的.com/影片或音樂.asf  src=http://www.你的.com/圖片.jpg  width=圖寬>

影片连接：.mpg /.mpeg / .avi

方法1：

<P><IMG height=300 loop=3 dynsrc=http://csq324.free.fr/element/Vedio/Chats battent.mpg width=400 align=center></P>

(鼠标点击播放- start=mouseover) ：

<P><IMG style="WIDTH: 253px; HEIGHT: 185px" start=mouseover height=185 dynsrc=http://guadeloupe.vac.9online.fr/animauxstupiddog.mpeg width=253 align=center></P>

loop=3 détermine le nombre de fois que la vidéo passe en boucle. Si vous voulez qu'elle ne passe qu'une seule fois mettez false à la place du chiffre. Si vous voulez qu'elle passe indéfiniment en boucle, mettez true

方法2：

<P>
<OBJECT id=msplayer style="WIDTH: 384px; HEIGHT: 294px" codeBase=http://www.microsoft.com/ntserver/netshow/download/en/nsmp2inf.cab#Version=5,1,51,415 type=application/x-oleobject height=384 standby="Loading Microsoft Media Player components..." width=294 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 name=msplayer><PARAM NAME="URL" VALUE="http://aliang-shy.myweb.hinet.net/data/2pro.wmv"><PARAM NAME="rate" VALUE="1"><PARAM NAME="balance" VALUE="0"><PARAM NAME="currentPosition" VALUE="0"><PARAM NAME="defaultFrame" VALUE=""><PARAM NAME="playCount" VALUE="1"><PARAM NAME="autoStart" VALUE="0"><PARAM NAME="currentMarker" VALUE="0"><PARAM NAME="invokeURLs" VALUE="-1"><PARAM NAME="baseURL" VALUE=""><PARAM NAME="volume" VALUE="60"><PARAM NAME="mute" VALUE="0"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="0"><PARAM NAME="windowlessVideo" VALUE="0"><PARAM NAME="enabled" VALUE="-1"><PARAM NAME="enableContextMenu" VALUE="0"><PARAM NAME="fullScreen" VALUE="0"><PARAM NAME="SAMIStyle" VALUE=""><PARAM NAME="SAMILang" VALUE=""><PARAM NAME="SAMIFilename" VALUE=""><PARAM NAME="captioningID" VALUE=""><PARAM NAME="enableErrorDialogs" VALUE="0"><PARAM NAME="_cx" VALUE="10160"><PARAM NAME="_cy" VALUE="7779"></OBJECT></P>

Flash:

方法1 ???：

<DIV id=byGene align=center>
<P><A id=byGene href="javascript:document.getElementById('playflash2').innerHTML='<embed width=370 height=277 src=http://csq324.free.fr/element/flash/adam.swf></embed>';document.getElementById('playflash2').releaseCapture();"><U>Adam Malheureux 烦恼的亚当</U></A></P>
<DIV id=playflash2 style="WIDTH: 370px; HEIGHT: 277px;border:1px solid #C0C0C0;"></DIV></DIV>
　

方法2：

<iframe src="http://csq324.free.fr/element/flash/Evolution%20du%20Monde.swf" scrolling="no" align="absmiddle" border="0" width="370" height="277"></iframe>

全頁面效果 : ???

蝶   樹   蕨   鷗  魚  花  關閉

按我看HTML碼    不看HTML碼了

<DIV id=byGene align=center>

<P><A id=byGene href="javascript:document.getElementById('playflash5').innerHTML='<embed width=1050 height=500 src=http://www.expo2005.co.nz/img/visit.swf wmode=transparent style=\'position: absolute; left:-50; top:0\'></embed><embed width=1050 height=500 src=http://www.expo2005.co.nz/img/visit.swf wmode=transparent style=\'position: absolute; left:-50; top:400\'></embed><embed width=1050 height=500 src=http://www.expo2005.co.nz/img/visit.swf wmode=transparent style=\'position: absolute; left:-50; top:800\'></embed>';document.getElementById('playflash5').releaseCapture();"><U>蝶</U></A>&nbsp;&nbsp; <A id=byGene href="javascript:document.getElementById('playflash5').innerHTML='<embed width=1050 height=500 src=http://www.expo2005.co.nz/img/trade.swf wmode=transparent style=\'position: absolute; left:-50; top:0\'></embed><embed width=1050 height=500 src=http://www.expo2005.co.nz/img/trade.swf wmode=transparent style=\'position: absolute; left:-50; top:500\'></embed>';document.getElementById('playflash5').releaseCapture();"><U>樹</U></A>&nbsp;&nbsp; <A id=byGene href="javascript:document.getElementById('playflash5').innerHTML='<embed width=1050 height=500 src=http://www.expo2005.co.nz/img/learn.swf wmode=transparent style=\'position: absolute; left:-50; top:0\'></embed><embed width=1050 height=500 src=http://www.expo2005.co.nz/img/learn.swf wmode=transparent style=\'position: absolute; left:-50; top:500\'></embed>';document.getElementById('playflash5').releaseCapture();"><U>蕨</U></A>&nbsp;&nbsp; <A id=byGene href="javascript:document.getElementById('playflash5').innerHTML='<embed width=1050 height=300 src=http://www.expo2005.co.nz/img/home.swf wmode=transparent style=\'position: absolute; left:-50; top:0\'></embed><embed width=1050 height=300 src=http://www.expo2005.co.nz/img/home.swf wmode=transparent style=\'position: absolute; left:-50; top:300\'></embed><embed width=1050 height=300 src=http://www.expo2005.co.nz/img/home.swf wmode=transparent style=\'position: absolute; left:-50; top:600\'></embed>';document.getElementById('playflash5').releaseCapture();"><U>鷗</U></A>&nbsp;&nbsp;<A id=byGene href="javascript:document.getElementById('playflash5').innerHTML='<embed width=1050 height=350 src=http://www.expo2005.co.nz/img/pavilion.swf wmode=transparent style=\'position: absolute; left:-50; top:0\'></embed><embed width=1050 height=350 src=http://www.expo2005.co.nz/img/pavilion.swf wmode=transparent style=\'position: absolute; left:-50; top:350\'></embed><embed width=1050 height=350 src=http://www.expo2005.co.nz/img/pavilion.swf wmode=transparent style=\'position: absolute; left:-50; top:700\'></embed>';document.getElementById('playflash5').releaseCapture();"><U>魚</U></A>&nbsp;&nbsp;<A id=byGene href="javascript:document.getElementById('playflash5').innerHTML='<embed width=1050 height=768 src=http://www.expo2005.co.nz/img/study.swf wmode=transparent style=\'position: absolute; left:-50; top:0\'></embed><embed width=1050 height=768 src=http://www.expo2005.co.nz/img/study.swf wmode=transparent style=\'position: absolute; left:-50; top:768\'></embed>';document.getElementById('playflash5').releaseCapture();"><U>花</U></A>&nbsp;&nbsp;<A id=byGene href="javascript:document.getElementById('playflash5').innerHTML='';document.getElementById('playflash5').releaseCapture();"><U>關閉</U></A></P></DIV>
<DIV id=playflash5></DIV>

参考：小绿人、m1net                  三月的晴

Windows Media Player PowerToy 教學

   主旨： 使用 Windows Media Player PowerToy 模組 加上背景音樂    

• 不用再使用克難語法貼上背景音樂,把<img dynsrc="">丟掉囉..
• 有緩衝功能，所以不需要再刻意轉成小檔
• 不用每次換音樂時，還要修改網誌
• 具有撥放控制列，可以讓使用著調整音量等
• 可以設定是否自動播放

  Step by Step 教學： (也有 影片教學 按此觀看^^)

1. 先登入到編輯模式(編輯您的分享空間)裡，在網址列的網誌後方加上&powertoy=musicvideo，按下Enter重新讀取網頁
   
   PS.不是網誌編輯模式
    
    
2. 網頁重新讀取完畢之後，按［自訂］→［模組］→［建立PowerToy: Windows Media Player］→［按儲存］，新增模組完畢..^^
   
    
3. 接下來就可以設定你的音樂網址、播放次數、播放控制列顯示模式、是否自動播放，最後不要忘記按下儲存囉....^^ (支援格式:WMA,WMV,WAV,AVI,MPG,MPEG,MP3)
   
    
4. 之後你/妳的MSN Spaces裡也有 Windows Media Player 模組囉...
   
    

PS. 因為不支援flash檔..所以別想放小時鐘了..>.<"

Q&A:

1.放在硬碟裡的音樂要如何變成網址?..請看 Xuite 日誌空間教學 ~ mp3,wmv,swf 都放這啦~!

2.如果還是沒看到PowerToy: Windows Media Player模組? 請先換成英文語系[按此]，加完再換回中文語系[按此]

3.要無限重複播放? 就把Times to play 設大一點...如1000次..

後記:
Windows Media Player是有比以前好，但是不支援Firefox阿，又是壟斷市場？
其他貼上背景音樂方法:使用［自訂HTML模組］裡面寫上<bgsound src="">語法吧~~

 

 

 

Custom HTML PowerToy 教學

   主旨： 使用 Custom HTML PowerToy 模組 加上計數器和其他內容    

• 以前要加上計數器必須加到網誌裡，每次有新文章時又要刪掉移到新的網誌，現在使用獨立的模組，就不用麻煩囉。
• 因為能貼的HTML語法字數有點少，限制在512個字之內而且該鎖的語法也鎖，還有只能使用一個本模組，所以能加的內容不多，大概就是計數器、貼圖(例如LOGO)、小公告等等的..

  Step by Step 教學：

1. 先登入到編輯模式(編輯您的分享空間)裡，
   在網址列的網誌後方加上&powertoy=sandbox，按下Enter重新讀取網頁
   
   PS.不是網誌編輯模式
    
    
2. 網頁重新讀取完畢之後，按［自訂］→［模組］→［建立PowerToy: Custom HTML］→［按儲存］，新增模組完畢..^^
   
    
3. 接下來就可以輸入HTML，最後不要忘記按下儲存囉....^^

       

4.              4. 要輸入什麼HTML語法?

Ans:你可以先在網誌編輯處編輯，編輯完成之後，按HTML，把那些HTML語法輸入就行。

這裡提供一些相關語法:

計數器:<img src="計數器圖片網址">

計數器申請網址:網址一、網址二
 
Logo圖:<img src="Logo圖片網址" width="寬" height="高">

像左列最大的寬就是162,比這個大也沒關係..只是會超出格子

如何置中：請在要置中的內容前加上<div align=center>並在要置中的內容後加上</div>

 

 

 

白色 #FFFFFF
　红色 　 #FF0000
　绿色 　　　 #00FF00
　蓝色 　　 #0000FF
　牡丹红 　　 #FF00FF
　青色　　 #00FFFF
　黄色 　　　 #FFFF00
　黑色 　　　　 #000000
　海蓝 　　　　 #70DB93
　巧克力色 　　　　#5C3317
　蓝紫色　　　 　 #9F5F9F
　黄铜色 　　　　　#B5A642
　亮金色 　　　　　#D9D919
　棕色 　　　　　　#A67D3D
　青铜色　　　　　 #8C7853
　2号青铜色　　 #A67D3D
　士官服蓝色　　　 #5F9F9F
　冷铜色　　　　　 #D98719
　铜色　　　　　　 #B87333
　珊瑚红　　　　　 #FF7F00
　紫蓝色　　　　　 #42426F
　深棕　　　　　　 #5C4033
　深绿　　　　　　 #2F4F2F
　深铜绿色　　　　 #4A766E
　深橄榄绿　　　　 #4F4F2F
　深兰花色　　　　 #9932CD
　深紫色　　　　　 #871F78
深石板蓝　　　 #6B238E
　深铅灰色　　　　 #2F4F4F
　深棕褐色　　　　 #97694F
　深绿松石色　　　 #7093DB
　暗木色　　　　　 #855E42
　淡灰色　　　　　 #545454
　土灰玫瑰红色　　 #856363
　长石色　　　　　 #D19275
　火砖色 　　　　　#8E2323
　森林绿　　　　　 #238E23
　金色　　　　　　 #CD7F32
　鲜黄色　　　　　 #DBDB70
　灰色　　　　　　 #C0C0C0
　铜绿色　　　　　 #527F76
　青黄色　　　　　 #93DB70
　猎人绿　　　　　 #215E21
　印度红　　　　　 #4E2F2F
　土黄色　　　　　 #9F9F5F
　浅蓝色　　　　　 #C0D9D9
　浅灰色　　　　　 #A8A8A8
　浅钢蓝色　　　　 #8F8FBD
　浅木色　　　　　 #E9C2A6
　石灰绿色　　　　 #32CD32
　桔黄色　　　　　 #E47833
　褐红色　　　　　 #8E236B
　中海蓝色　　　　 #32CD99
　中蓝色　　　　　 #3232CD
　中森林绿　　　　 #6B8E23
　中鲜黄色　　　　 #EAEAAE
　中兰花色　　　　 #9370DB
　中海绿色　　　　 #426F42
　中石板蓝色　　　 #7F00FF
　中春绿色　　　　 #7FFF00
　中绿松石色　　　 #70DBDB
　中紫红色　　　　 #DB7093
　中木色　　　　　 #A68064
　深藏青色　　　　 #2F2F4F
　海军蓝　　　　　 #23238E
　霓虹篮　　　　　 #4D4DFF
　霓虹粉红　　　　 #FF6EC7
　新深藏青色　　　 #00009C
　新棕褐色　　　　 #EBC79E
　暗金黄色　　　　 #CFB53B
　橙色　　　　　　 #FF7F00
　橙红色　　　　　 #FF2400
　淡紫色　　　　　 #DB70DB
　浅绿色　　　　　 #8FBC8F
　粉红色　　　　　 #BC8F8F
　李子色　　　　　 #EAADEA
　石英色　　　　　 #D9D9F3
　艳蓝色　　　　　 #5959AB
　鲑鱼色　　　　　 #6F4242
　猩红色　　　　　 #BC1717
　海绿色　　　　　 #238E68
　半甜巧克力色　　 #6B4226
　赭色　　　　　　 #8E6B23
　银色　　　　　　 #E6E8FA
　天蓝　　　　　　 #3299CC
　石板蓝　　　　　 #007FFF
　艳粉红色　　　　 #FF1CAE
　春绿色　　　 　#00FF7F
　钢蓝色　　　 　#236B8E
　亮天蓝色　　 #38B0DE
　棕褐色　　　　 #DB9370
　紫红色　　　　 #D8BFD8
　石板蓝色　　　　 #ADEAEA
　浓深棕色　　　　 #5C4033
　淡浅灰色　　　 　#CDCDCD
　紫罗兰色　　　　 #4F2F4F
　紫罗兰红色　　　 #CC3299
　麦黄色 　　 　 　 #D8D8BF
　黄绿色　　　　 #99CC32

- 引用自 m1net

線上配色工具收集

　　平常使用顏色可以隨心所欲，但如果是要呈現給別人看的話，配色就是一門學問。在課堂報告裡頭，如果顏色配的恰到好處，老師和台下同學能清楚的觀賞，讓報告效果增加，當然有助於分數的提高，在網路世界也一樣，愈來愈多人透過網頁向世界傳達個人訊息，在瀏覽網頁的同時也能欣賞到形形色色的風格。當然就得考慮是否與主題相符、印象一致以及背景和文字配色的問題了。


線上配色工具收集：

這些配色工具的配色方式有些不同, 但都基於相同原則: "用你的手一直配到您發現一群有對您有吸引力顏色為止"。 mambofrog站長因為常常不止使用一個配色工具，怕忘記和搞混哪個是哪個，所以張貼了預覽圖和一些文字說明。除了mambofrog站長所提供的，在這裡也增加一些其他的配色工具。

　

1. color palette creator
   這是mambofrog站長的喜愛的當中一個: 他能產生十種色調，還能將十種色調建立成PNG檔。
   click
   
   　
2. 4096 Color Wheel Version 2.1
   這是一個很自由的配色工具，當你的滑鼠在顏色盤點一下，就能產生全色板。
   click
   
   　
3. technicolor
   這個工具將給您自動上色到一個網頁與調色板, 然後就能產生CSS和顏色代碼給您。
   click
   
   　
4. color scheme generator
   這是一個靈巧的工具，能讓你快速的產生全色板, 然後能調整色調，飽和和亮度。
   還能為色盲的人調整適當的顏色，可以說是很專業的工具。
   click
   
   　
5. color scheme generator 2
   這是color scheme generator的第二代。可以說是很專業的工具。
   click 　中文
   
   
   
   
   　
6. colr.org
   這是一種輸入英文字並根據字來產生色表的一種工具，像輸入"forest" 就會產生跟森林相關的顏色。是一個蠻特殊的調色工具。
   click
   
   
   　
7. color blender
   這個工具可以先讓你選擇二種顏色，然後可以產生在這兩色之間的顏色。
   click
   
   　
8. color schemer v2
   按下您底下選擇的基色，然後可以產生16種相關的顏色的配色方案。您能把整組顏色調亮或調暗, 也能按16種顏色當做基色。
   click
   
   
   　
9. visibone color lab
   產生的顏色限制網頁安全色範圍內。先按其中一種顏色，然後再按一次隨便一種顏色，過程中會紀錄你所選的顏色，直到您配到一個中意的調色板。
   click
   
   
   　
10. RGB color charts
    直接收錄一般常用顏色表。
    click
    
    　
11. full screen picker
    只要您的滑鼠隨意在視窗內移動，邊移動就邊變換顏色，當看到喜歡的顏色就按一下，就會給你色碼。老實說是一個蠻怪異的工具。
    click
    
    
    　
12. colormixers
    使用RGB捲軸來產生一系列相關的顏色.
    click
    
    
    　
13. 配色分類字典
    收錄很多主題的配色方法。
    　中文
    
    
    　
14. ColorMatch 5K
    使用RGB捲軸來產生一6種相關的顏色.
    click
    
    
    　
15. Colortoy
    使用RGB捲軸來產生一5種相關的顏色. (FLASH版)
    click
    
    
    
    　
16. 256-colors mode
    以00 33 66 99 CC FF 等16進位值所建立的顏色表
    click