<>

谈论msn space代码教学（一）——

引用

msn space代码教学（一）——模块的添加

转自能量魔法

一、主旨： 使用 Windows Media Player PowerToy模组加上背景音乐或影片

Step by Step 教学： (也有影片教学 按此观看^^)

先进入编辑模式（编辑你的共享空间）里面，在网址栏的后方加上&powertoy=musicvideo，按下Enter重新打开网页，

ps：不在日志编辑模式中的，你会看到在自定义->模块->建立PowerToy: Windows Media Player点击建立，然后按保存，就会看到

(支持的最后网址字串:
WMA,WMV,WAV,AVI,MPG,MPEG,MP3,SWF(flash动画档),ASF,ASX,.....)

 不好意思图片中的字不方便用ps改了，直接的引用

就这样就出来media的模块了，就是在我首页中的播放器。

 

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

• 以前要加上计数器必须加到日志裡，每次有新文章時又要删掉移到新的日志，现在使用独立的模組块就不用麻烦罗。
• 常加入的大概就是 计数器、贴图(例如LOGO)、小公告等..

先进入编辑模式（编辑你的共享空间）里面，在网址栏的后方加上&powertoy=sandbox，按下Enter重新打开网页，

ps：不在日志编辑模式中的，你会看到在自定义->模块->建立PowerToy: Custom HTMLPlayer点击建立，然后按保存，就会看到

(自从Spaces更新之后,现在已经不受512个字数之限制)

这里提供一些相关语法:

计数器:<img src="计数器图片网址">

计数器申请网址:网址一、网址二
 
Logo图:<img src="Logo图片网址" width="宽" height="高">

像左列最大的宽就是162,比这个大也没关系..只是会超出格子

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

背景音乐：请加上<bgsound src="音乐网址" autostart=true loop=infinite>

 

三、主旨： 使用 Tweak UI PowerToy 模块 自订MSN Spaces介面（由于这个于我无用，我的space中么有）

• 以前只能使用固定几個主题来美化你的MSN Spaces，变化有限，现在多了Tweak UI PowerToy就能简单的自定你想要的背景颜色、背景图位置、字体颜色、模块背景、模块外框囉 :)
• 背景图片、模块标题 目前还不能设定，有点可惜... :(

先进入编辑模式（编辑你的共享空间）里面，在网址栏的后方加上&powertoy=tweakomatic，按下Enter重新打开网页，

ps：不在日志编辑模式中的，你会看

谈论msn space代码教学（二）——背景图片

引用

msn space代码教学（二）——背景图片

方法如下：一般的

<TABLE style="WIDTH: 100%" borderColor=#ffffff cellSpacing=0 cellPadding=0 border=0 background=图片地址>
<TBODY>
<TR  vAlign=top align=left>
<TD>
<P>文字写在这里</P></TD></TR></TBODY></TABLE>

将图片地址改为你希望使用的即可（右键单击图片，在属性中即有URL地址，粘贴替换“图片地址”字样即可）

这里说明一下

1、在style后的引号内添加  background-repeat: no-repeat;  可以禁止背景重复

2、如前面所提及的，width是宽度，100%表示原图的实际大小，有需要的可以把它改小，如50%之类

3、width档可以换成width="350px" height="300px" 以适应背景图片的大小（width为宽度，height为高度，单位一般使用px（像素，如屏幕大小的1024px*768px）。），当然，也可以利用在文字中添加空格与回车来控制图片显示的大小。

ps：这里实现的仅仅是网络日志的背景，在Space中整体背景是无法自行更改的（只能应用主题）。

1.只要设定背景图片位置和宽高(纯日志背景图而已)(background-color: TRANSPARENT;已省略)

<div style="WIDTH: 100%;">
<img height="图高" src="背景图片地址" width="图宽" align="right">
<div style="float:left;WIDTH: 100%; ">
內容
</div>
</div>
　

＊.最簡單背景之設法(純網誌背景圖而已)(連圖寬都不用設) <- 4/17

<img src="背景图片" align="right">
<div style="float:left;WIDTH: 100%;">
內容
</div>
　

＊2.可自行设定本文宽、本文高(需使用绝对大小如px)，也可自行加线框，配合★图层框框制作附加卷轴变化 教学，会有丰富效果。

HTML部分(background-color: TRANSPARENT;已省略)

<div style="WIDTH: 本文宽; HEIGHT: 本文高;">
<img height="图高" src="图片位址" width="图宽" align="right">
<div style=" WIDTH: 本文寬; HEIGHT: 本文高;">
內容
</div>
</div>
　

【永远置左】HTML语法：(就是多加一个透明图片，一起置右，置右宽度是100%)

<div style="WIDTH: 100%; ">
<img src="透明图片" width=100% align="right"><img

 

msn space代码教学（三）——

<>

引用

msn space代码教学（三）——滚动条

转自 卧虎藏龙

当要写篇幅较长的日志时，可以考虑给日志加上滚动条，这样日志在 MSN Space 空间中所占的页面就不会过长。另外，有的朋友希望每篇日志的大小都差不多，那么也可以考虑通过带滚动条的图文框的办法来统一篇幅。滚动条的添加是通过 CSS 语言中 Style 的使用来完成的，下面我就举几个简单的例子来介绍一下滚动条。

 

（一）右侧滚动条

实例：

数字、数学符号

⓪ ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳
❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾

⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂ ⒃ ⒄ ⒅ ⒆ ⒇

⒈ ⒉ ⒊ ⒋ ⒌ ⒍ ⒎ ⒏ ⒐ ⒑ ⒒ ⒓ ⒔ ⒕ ⒖ ⒗ ⒘ ⒙ ⒚ ⒛

ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ ⅺ ⅻ

Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ

㊀ ㊁ ㊂ ㊃ ㊄ ㊅ ㊆ ㊇ ㊈ ㊉

㈠ ㈡ ㈢ ㈣ ㈤ ㈥ ㈦ ㈧ ㈨ ㈩

№ ⅛ ¼ ⅜ ½ ⅝ ¾ ⅞ 

+ - × ÷ ± ＋ － ＝ ≡ ≠ ≒ ≈ ≌ ~ ～﹢ ╳ ⊕ Θ % ‰ ％ ∵ ∴ ∷ ∏ ＜ ＞ ≦ ≧ ≤ ≥﹤ ﹥∩ ∪ ∈ ￠ ° ⊥ ∠ ∟ ⊿ △ ㏒ ∑ ∂ ∫∮∞（ 〔 ﹙﹚ 〕） ｛ ﹛﹜｝ √ ㄨ

语句：

<DIV align=center>
<DIV style='color: blue; background-color: white; border: green solid 1px; width: 420px; height: 100px;
overflow: scroll; scrollbar-face-color: #ABCDEF; scrollbar-shadow-color: #6666FF; scrollbar-highlight-color: #CCCCCC; scrollbar-3dlight-color: #6666FF;  scrollbar-darkshadow-color: #6699CC; scrollbar-track-color: #99CCFF; scrollbar-arrow-color: #99CCFF;'>
日志图文内容
</DIV></DIV>

Style 语句解释：

Color: blue —— 前景文字颜色为蓝色

Background-color: white —— 背景颜色为白色

Border: black solid 1px —— 黑色实线边框，宽度为 1px

Width: 420px; Height: 100px —— 边框高度 420px，高度 100px

Overflow: scroll —— 总是显示滚动条；如果将 scroll 改为 auto，则仅当日志内容超过边框限制时，才显示滚动条（不需要下面的滚动条就用这个命令）；如果将 sroll 改为 hidden，则滚动文字窗口内不显示任何滚动条（特殊用途，以后讲吧）

其他语句均为滚动条颜色设置，大家可以自己动手改改看。

---

（二）左侧滚动条

实例：

特殊中文字符

㊐ ㊊ ㊎ ㊍ ㊌ ㊋ ㊏ ㊑ ㊒ ㊓ ㊔ ㊕ ㊖ ㊗ ㊘ ㊜ ㊝ ㊞ ㊟ ㊠ ㊡ ㊢ ㊩ ㊪ ㊫ ㊬ ㊭ ㊮ ㊯ ㊰ ㊚ ㊛ ㊙ ㊣ ㊤ ㊥ ㊦ ㊧ ㊨

㈱ ㍿ 囍 卐 卍

 

特殊西文字符

ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ

Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ
à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ø ù ú û ü ý þ ÿ ō ǒ ǎ

À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö Ø Ù Ú Û Ü Ý Þ ß ε ф μ ξ ζ ω Ω ψ Ψ Café

© ® ℗ ℃ ℉ Ω ㏎

语句：

<DIV align=center>

<DIV style="BORDER: black solid 1px; OVERFLOW: auto; WIDTH: 420px; HEIGHT: 100px; DIRECTION: rtl" >

&

msn space代码教学（四）——

引用

msn space代码教学（四）——背景音乐

转自 卧虎藏龙

当你知道怎样在日志中输入 HTML 语言之后，添加背景音乐就是一件非常容易的事情了。只要经过简单的三个步骤，就能给你的 MSN Space 添上背景音乐或者其他有趣的声音，具体方法如下：

1、先到网上找到你所喜欢的音乐文件，记下它的网络地址。例如：我留言簿所采用的背景音乐是韩国 Yiruma 的钢琴曲 "Kiss the Rain"，其网址为 http://blogfile.nate.com/data/11/newsirin/169420.wma。

2、在你的 MSN Space 中新添加一篇日志，点击编辑界面上的<HTML>按钮，进入 HTML 语言编辑状态，然后在编辑窗口内输入如下语句：

<IMG height=1 width=1 border=0 loop=infinite dynsrc="http://blogfile.nate.com/data/11/newsirin/169420.wma">

3、预览一下你的新日志，稍等片刻，听到音乐了吧？如果成功了，就可以把上面语句中的网址换成你自己喜欢的歌曲或音乐了。“loop=infinite”表示音乐循环播放无限次，你可以选择其他数字，改变播放次数，比如：“loop=1”。

你成功了么？

补充说明

1、建议选择文件较小的 Midi 或者 WMA 文件，还要选择连接速度比较快的网站，这样当打开你的 MSN Space 时，音乐能很快开始播放。音乐文件越大，网络速度越慢，等待音乐开始的时间就越长。

2、有些网站提供的歌曲下载网址，是经过加密的，这时需要通过一些特殊方法或者下载软件来找到音乐文件的真实地址，比如百度里可以点击“试听”链接，新窗口的右上角会显示出音乐文件的真实地址！

3、如果你发现背景音乐突然不能播放了，很可能是音乐文件的地址已经发生了变化。有些网站为了防止盗链，会经常改变歌曲的链接，这就需要你及时更新 Space 中的音乐文件地址。

4、虽然播放音乐的语句可以插入到你的日志中任何部分，但是如果做为背景音乐，最好把此语句放在最新一篇日志的起始处，以便背景音乐能尽快调入浏览器并开始播放。

 

msn space代码教学（五）——

引用

msn space代码教学（五）——电影的播放

转自 卧虎藏龙

（例一）自动播放的电影文件

下面就以插入一个 WMV 文件为例，采用了自动开始播放方式，其具体效果和步骤如下：

1、先到网上找到你所要插入的电影文件，记下它的网络地址。比如上面这个小电影的地址是：http://www.motoservices.com/phpbb2/votes/The_lion_sleeps_tonight.wmv 。

2、到你的 MSN Space 中新添加一篇 Blog，点击<HTML>模式转换按钮，进入 HTML 编辑状态。在编辑窗口内输入如下语句：

<DIV align=center>
<IMG height=240 width=320 border=1 loop=1 dynsrc="http://www.motoservices.com/phpbb2/votes/The_lion_sleeps_tonight.wmv">
</DIV>

其中：
align=center 是让电影文件在日志中间播放，也可以选择 left 或 right；
width=320 是电影的宽度；
height=240 是电影的高度，一般来说绝大多数电影的宽：高＝4：3；
board=1 是给电影加上了一个边框，这个数值越大，边框越粗，board=0 则没有边框；
loop=1 表示电影播放一遍后停止，可以选择其他数字，改变播放次数，如果写入 loop=infinite 则电影会无限循环播放。

3、预览一下你的新 Blog，就可以看到这个小电影了。

最后补充一点，如果想暂停电影播放，可以按 Esc 键，或者鼠标右键点击电影，在菜单中选择 Stop（停止）；恢复电影播放，可以按 F5 键（刷新屏幕），或者鼠标右键点击电影，在菜单中选择 Play（播放）。

（例二）用鼠标控制电影文件的播放

上例是通过简单的 HTML 语言在 MSN Space 中插入电影文件，当你浏览此教程时，一只可爱的小河马就开始唱歌了，那是一个电影自动播放的例子。假如不想让电影自动播放，是不是有办法做到呢？这个回答是肯定的。请看下面的例子：

当你浏览到这里，电影并没有自动播放，而只有当鼠标移动到图片框内或者用鼠标点击图片框后，电影才会开始播放。这样做的好处就是在一个日志页面里可以同时插入多个电影，但它们不是自动同时播放，而是点击哪个看那个，互不干扰。另外，可以用鼠标点击或滑过电影屏幕来重播电影，这和例一中的方法有所不同。具体代码如下：

<DIV align=center>

<IMG start=mouseover height=240 width=320 border=1 dynsrc="电影文件网址">

</DIV>

其中“start=mouseover”就是要求只有当鼠标移到此电影框内后，电影才开始播放。要想重播电影，需要将鼠标再移动到电影框内。

“电影文件地址”必须是以 http 或 ftp 开头的链接，此语句不支持 mms 或 rstp 链接。

希望看完这篇教程，朋友们的 MSN Space 也能“动”起来。如果想搜索电影动画文件，可以试试这两个网址：video.google.com 和 castpost.com 。最好把电影文件下载后，放到自己的网络空间上，一是便于自己管理，二是有些网站禁止外链。记得换上你自己喜欢的电影哦！

谈论msn space代码教程（六）——图片阴影

引用

msn space代码教程（六）——图片阴影

转自 msn space必读

本例代码：

<DIV style="FILTER: Dropshadow(color=#cccccc,offX=4,offY=4); OVERFLOW: visible; WIDTH: 415px; HEIGHT: 315px">
<DIV style="BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: white; FLOAT: left; OVERFLOW: visible; BORDER-LEFT: #999 1px solid; WIDTH: 10px; LINE-HEIGHT: 4px; BORDER-BOTTOM: #999 1px solid; LETTER-SPACING: 4px; HEIGHT: 10px">
<DIV style="BORDER-RIGHT: #ffffff 4px solid; BORDER-TOP: #ffffff 4px solid; BACKGROUND: white; OVERFLOW: visible; BORDER-LEFT: #ffffff 4px solid; WIDTH: 10px; LINE-HEIGHT: 4px; BORDER-BOTTOM: #ffffff 4px solid; LETTER-SPACING: 4px; HEIGHT: 10px"><IMG height=300 src="http://www.xmuoec.com/gb/hanyu/hanyu/eng/AmScenes/San_Francisco_Golden_Gate.jpg" width=400></DIV></DIV></DIV>

 

将http://www.xmuoec.com/gb/hanyu/hanyu/eng/AmScenes/San_Francisco_Golden_Gate.jpg换成你所要显示的图片即可

 

在此说明一下：#xxxxxx是色码，根据喜欢可以自己更改的，Dropshadow(color=#cccccc,offX=4,offY=4)是设置背影的颜色，横轴和纵轴的宽度的，可以根据自己的需要更改。

谈论msn space代码教程（七）——彩色边框

<>