Mephis: MSN Space

Profil de QisongMephisPhotosBlogListes

Outils

Aide

Blog

Résumé

Regroupement par :

<< Première < Précédente Suivante > Dernière >>

About MSN Space Technologie

MSN Space Technologie中所有文章转自aTiger's Space -- MSN Space Easy Tutorial

http://spaces.msn.com/members/atiger/PersonalSpace.aspx?_c=

-- Mephis

17 septembre 02:01 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 31 - MSN Space 工具集

在使用 MSN Space 的几个月中，常常遇到一些看似简单，实际上很烦琐的事情。例如：我正在阅读一篇以前的教程，看到有人提问后，马上想修改完善教程内容。一般的方法，是要先进入“Edit Your Space”（编辑您的共享空间），然后从日志列表中找到那篇日志，再点击进入日志编辑模式。如果是篇较早的日志，那么找起来就很麻烦，要一页一页往前翻。又比如：给教程中的链接都加上“target=_blank”参数，以便点击的时候另开一个新窗口。如果一篇教程只有一两个链接还好办，超过五个以上，在<HTML>模式下查找修改就很烦琐了。幸运的是，网上很多编程高手提供了一些小工具来简化这些烦琐的过程。在此，我就挑选了一些我使用比较多、效果比较好的工具介绍给大家，我相信朋友们也一定会喜欢上它们的！

（一）原日志编辑工具 —— Edit It 和 Code It

Edit It 这个工具虽然现在已经被新的 MSN Space 编辑界面所取代了，但是不能不提一笔。这不仅因为它的强大功能给早期 MSN Space 使用者带来了编辑日志的便利，更主要是因为它给后人指出了一个方向 —— Javascript，后来很多工具都是仿照 Edit It 的编码格式写成的。因而 Edit It 可以说是 MSN Space 工具的第一个里程碑，他的作者 Scott Isaacs 也可以被称为 MSN Space 工具的开山鼻祖！（顺便说一句，Scott 是在 Microsoft 工作的 MSN 网站开发成员之一，所以他的网站曾经是 MSN Space 最新消息的来源。）

另外一个与 Edit It 功能非常类似，但完全独立的编辑工具就是 Code It。用它来研究代码比较方便，还可以预先在这里写好代码，再转贴到自己的日志中。尤其对于篇幅较长的日志，如果直接在日志编辑界面中编写的话，有时按了“Publish Entry”（发布项）按钮后，发现日志内容会部分或者全部消失，那真可谓损失惨重。但是如果你是写在 Code It 中，只要再重新复制一遍就应该没有问题了！

【工具作者】	MSN Space 官方程序
【工具代码】	http://spaces.msn.com/RteCode.aspx
【添加方法】	先鼠标右键点击这个红色链接 Code It，把它加入到收藏夹内，取名 Code It。
【使用办法】	当你需要编辑日志时，可以直接点击这个 Code It 链接，就可以直接进入日志编辑模式。点击屏幕下方的 HTML Mode（HTML 模式）就可以编辑、查看 HTML 代码了。（当然也可以在地址栏内输入 http://spaces.msn.com/RteCode.aspx 。）

（二）新日志编辑工具 —— Blog It

此工具主要是为编辑新日志之用。当你浏览自己的 Space 时，随时可以通过这个工具进入到日志编辑状态，发布新的日志。在《MSN Space 简易教程（十六）—— 无标题和彩色标题日志》中，发布无标题的日志，也可以使用这个工具。

【工具作者】	MSN Space 官方程序
【工具代码】	http://spaces.msn.com/blogit.aspx
【添加方法】	先鼠标右键点击这个红色链接 Blog It，把它加入到收藏夹内，取名 Blog It。
【使用办法】	当你已经登录 MSN Space 后，如果需要新发一篇日志时，可以点击这个 Blog It 链接，就能直接进入一篇新日志的编辑模式。（当然也可以在地址栏内输入 http://spaces.msn.com/blogit.aspx 。）

（三）日志跳转工具 —— Jump It

Blog It 是快速进入日志编辑界面来发布新日志的工具，而 Jump It 则是日志编辑界面与预览界面快速切换的Tool。当你在空间预览状态下阅读一篇日志时，通过此工具可以迅速地转换到此日志的编辑状态，来进行修改、编辑。同样，当你在日志编辑状态时，也可以通过 Jump It 跳转回这篇日志的浏览状态。（请确保当时编辑的日志已经保存，不然不建议使用此工具）

【工具作者】	Michael M.
【工具代码】	javascript:(function(){var b="_blogpart",a="http://spaces.msn.com/members/",l=window.location.href;/by noroom/if(l.match(a)){window.location=a+l.replace(/.+mbers\/([^\/]+)./,"$1")+((l.match(/blog\//i))?"/PersonalSpace.aspx?_c11"+b+"_handle="+l.replace(/.+blog\/([a-z0-9!_-]+)\.entry./i,"$1")+"&_c11"+b+b+"=blogentry&_c11"+b+"_frompart=myspace&_c=BlogPart&_c02_owner=1":"/Blog/"+l.replace(/.+handle=([^&]+).*/i,"$1")+".entry")}})()
【添加方法】	① 打开一个 IE 窗口（任何网页均可），选择添加到收藏夹，取名 Jump It。复制上述工具代码。在收藏夹中，鼠标右键点击那个 Jump It 链接，菜单中选择“属性”，弹出新窗口，将脚本粘贴到“URL”后面的文本框中，单击“确定”按钮，如果出现询问你“是否保留这一目标”的对话框，选择“是”即可。（蓝色部分是作者留在代码中的签名） ② 也可以使用 Mike 提供的网站，按照英文说明一步步完成。
【使用办法】	当你已经登录 MSN Space 后，浏览一篇旧日志时，直接点击这个 Jump It 链接，就可以快速进入此篇日志的编辑模式。

（四）日志留言工具 —— Comment It

Comment It 是自动修改留言姓名、Email地址、和日志链接的工具。比如说，MSN Space 留言的时候一般不显示留言者的Email地址，如果每次留言都要自己添加是否太麻烦了，另外如果自己留言的时候总想换个名称，不想使用默认的名字，那么这个 Comment It 工具就可以帮你解决问题。

【工具作者】	Eric Swanson
【工具代码】	javascript:void(c=document.getElementsByTagName('input'));for(i=0;i<c.length;i++){void(n=c[i].name);if(n.indexOf('txtName')>=0)void(c[i].value='Your Name');else if(n.indexOf('txtEmail')>=0)void(c[i].value='Your Email');else if(n.indexOf('txtURL')>=0)void(c[i].value='http://spaces.msn.com/members/atiger/');}void(c=document.getElementsByTagName('textarea'));for(i=0;i<c.length;i++){if(c[i].name.indexOf('txtComment')>=0)c[i].focus();}
【添加方法】	① 打开一个 IE 窗口（任何网页均可），选择添加到收藏夹，取名 Comment It。复制上述工具代码。在收藏夹中，鼠标右键点击那个 Comment It 链接，菜单中选择“属性”，弹出新窗口，将脚本粘贴到“URL”后面的文本框中，并将蓝色部分换成你自己的 ID、Email、和 Space 网址，然后单击“确定”按钮，如果出现询问你“是否保留这一目标”的对话框，选择“是”即可。 ② 也可以使用 Eric 提供的网站，按照英文说明一步步完成。
【使用办法】	当你浏览一篇日志，想要留言时，直接点击这个 Comment It 链接，就可以自动完成修改名称、填写Email地址、以及网络地址的步骤。

以上介绍的都是外国人开发的 MSN Space 工具，其实我们中国人中也有非常出色的编程高手，他们所提供的工具更是好东西多多。下面我就来介绍一下。

（五）日志置顶工具 —— Top It

大家曾经为发布置顶日志的重复劳动所困扰么？我曾经在《MSN Space 简易教程（九）—— 关于置顶日志》中介绍一个发布置顶日志的办法，后来在 Sanall Cobain's Memory 看到了这个工具，觉得也很不错，特此介绍给大家。（因为原作者 Sanall Cobain 没有给这个工具命名，于是我给这个工具起了个名字，叫做 Top It。）

【工具作者】	Sanall Cobain
【工具代码】	javascript:void(gblBEActionUrl = gblSpaceUrl+"PersonalSpace.aspx?_c11_BlogPart_blogpart=blogentry&_c=BlogPart&_c02_owner=1&frompart=myspace");void(document.all.entryid.value="");
【添加方法】	打开一个 IE 窗口（任何网页均可），选择添加到收藏夹，取名 Top It。复制上述工具代码。在收藏夹中，鼠标右键点击那个 Top It 链接，菜单中选择“属性”，弹出新窗口，将脚本粘贴到“URL”后面的文本框中，单击“确定”按钮，如果出现询问你“是否保留这一目标”的对话框，选择“是”即可。
【使用办法】	打开一个需要置顶的日志进行编辑，点击已加到收藏夹中的 Top It 链接，然后直接点击“Publish Entry”（发布项）按钮。发布之后页面会转到首页，你会看到服务器添加了原日志的一个副本于最新日志，而原日志仍然存在，现在只需做的就是删除掉原来的日志即可！

（六）无标题日志工具 —— Blank Title

我曾经在《MSN Space 简易教程（十六）—— 无标题与彩色标题日志》中介绍过 Sandall Cobain 的另一个 Javascript 编写的工具，主要用于发布“无标题日志”。它与 Blog It 最大不同之处在于，这个工具可以将旧日志变为“无标题日志”，而 Blog It 只能用于新发布的日志。

【工具作者】	Sanall Cobain
【工具代码】	javascript:void(document.all.btn1.disabled=false);void(document.all.btn2.disabled=false);
【添加方法】	打开一个 IE 窗口（任何网页均可），选择添加到收藏夹，取名 Blank Title。复制上述工具代码。在收藏夹中，鼠标右键点击那个 Blank Title 链接，菜单中选择“属性”，弹出新窗口，将脚本粘贴到“URL”后面的文本框中，单击“确定”按钮，如果出现询问你“是否保留这一目标”的对话框，选择“是”即可。
【使用办法】	打开一个要发布的日志，删除已有标题，点击这个收藏夹中的 Blank Title 链接，这时“Publish Entry”（发布项）按钮就会变成可点击状态。如果是新发布日志，那么“Save Draft”（保存草稿）按钮也会变成可点击状态。这样就可以发布无标题日志了。（当然也可以在地址栏内输入上述 Javascript 代码，点击 Enter（回车）键运行。）

（七）打开有最新评论的日志 —— Check Comments

近日在爬山虎的世界中推出了几个新的 Javascript 编写的 MSN Space 工具。我用得最多的一个工具就是这个“打开有最新评论的日志”。以前进入MSN Space 编辑界面，看到有最新留言时，我一般先点击有留言的日志，进入日志编辑窗口，再通过 Jump It 工具来跳转到此日志的浏览方式，进行回复。不过要是有五条在不同日志的留言，这样似乎也很麻烦。当使用了“打开有最新评论日志”这个工具后，一切变得简单起来。这个工具可以同时依次打开含有最新五条留言的日志，而且对于有多条留言的日志只打开一次！这一点就体现出编程人对程序的精心设计，以及对使用者的周到考虑。

【工具作者】	爬山虎
【工具代码】	javascript:var a=document.all("comment").getElementsByTagName("a");var i=0,j=0,s;var r=/(.)PersonalSpace.aspx._c11_BlogPart_handle=([^&])(&.\|$)/;for (i=0;i<a.length;i=i+2) {void(s=1);for (j=0;j<i;j=j+2) {if (a[i].href==a[j].href) {void(s=0);break;}}if (s==1) void(window.open(a[i].href.replace(r, "$1blog/$2.entry")));}
【添加方法】	打开一个 IE 窗口（任何网页均可），选择添加到收藏夹，取名 Check Comments。复制上述工具代码。在收藏夹中，鼠标右键点击那个 Check Comments 链接，菜单中选择“属性”，弹出新窗口，将脚本粘贴到“URL”后面的文本框中，单击“确定”按钮，如果出现询问你“是否保留这一目标”的对话框，选择“是”即可。
【使用办法】	进入 MSN Space 编辑页面时，如果看到有新留言，点击这个收藏夹中的 Check Comments 链接，此时含有最新五条留言的日志，会自动在新窗口中依次打开，这样就可以迅速浏览和回复留言了。

（八）设置更多的字体类型 —— More Fonts

MSN Space 最新的日志编辑界面，支持直接改变字体类型（Font Style），可是仅有八个固定选项，而且中文字体只有“宋体”和“黑体”，因而使用起来不是很方便。现在就介绍一个爬山虎提供的新工具，来设置更多的常用字体，比如：楷体_GB2312、隶书、Symbol 等。

【工具作者】	爬山虎
【工具代码】	javascript:var f0="宋体,黑体,楷体_GB2312,仿宋_GB2312,隶书,幼圆,Arial,Courier New,Lucida Handwriting,Times New Roman,Verdana";var f=f0.split(",");var m="请选序号: ";var i;for (i=1;i<=f.length;i++) {void(m=m+i+f[i-1]+",");}var j=window.prompt(m,1);if (j!=null) void(document.selection.createRangeCollection()[0].execCommand("FontName",false,f[j-1]));
【添加方法】	打开一个 IE 窗口（任何网页均可），选择添加到收藏夹，取名 More Fonts。复制上述工具代码。在收藏夹中，鼠标右键点击那个 More Fonts 链接，菜单中选择“属性”，弹出新窗口，将脚本粘贴到“URL”后面的文本框中，单击“确定”按钮，如果出现询问你“是否保留这一目标”的对话框，选择“是”即可。可以根据自己需要，改变上述代码中蓝色的字体名称及顺序，把自己常用的字体添加进来。
【使用办法】	进入日志编辑界面后（非<HTML>模式下），选择需要改变字体的文字，点击这个收藏夹中的 More Fonts 链接，在弹出窗口内输入字体前的编号后按“OK”或者 Enter 键即可。

（九）清除选中日志文字所有样式 —— Clear All Style

我们编辑日志时有时想要清除部分日志文字的所有字体类型、大小、颜色、背景色、加粗、倾斜、下划线等样式，重新进行编排，可是日志编辑器的设计模式并不支持该操作，因此只能在HTML方式下对每个元素的样式进行修改。针对该复杂操作，Clear All Style 工具就成为必不可少的好帮手。它可以清除所选文字部分的所有样式标记，而对其他代码没有影响。

【工具作者】	爬山虎
【工具代码】	javascript:document.all("rtebox").getElementsByTagName("div")[2].focus();void(document.selection.createRangeCollection()[0].execCommand("RemoveFormat"));
【添加方法】	打开一个 IE 窗口（任何网页均可），选择添加到收藏夹，取名 Clear All Style。复制上述工具代码。在收藏夹中，鼠标右键点击那个 Clear All Style 链接，菜单中选择“属性”，弹出新窗口，将脚本粘贴到“URL”后面的文本框中，单击“确定”按钮，如果出现询问你“是否保留这一目标”的对话框，选择“是”即可。
【使用办法】	进入日志编辑界面（非<HTML>模式下），选中需要清除字体样式标记的文字（全选按 Ctrl＋A 键），点击这个收藏夹中的 Clear All Style 链接即可。（当然也可以在地址栏内输入上述 Javascript 代码，点击 Enter（回车）键运行。）

（十）设置日志所有链接为新窗口打开 —— Target Blank

我们编辑日志时经常需要使用很多的页面链接，而且通常都希望链接是以新窗口的方式打开，在日志编辑器的设计状态下无法设置此功能，通常的做法是在<HTML>模式下为每个链接增加“target=_blank”属性。但是如果一篇日志中有很多此类链接，如此设置就会变得很繁琐。于是我们又有了新的工具 Target Blank。它会给正在编辑的日志内所有超链接加上“target=_blank”属性（非<HTML>模式下），自动设定成在新窗口打开，大大简化了我们的工作。

【工具作者】	爬山虎
【工具代码】	javascript:var a=document.all("rtebox").getElementsByTagName("div")[2].getElementsByTagName("a");var i=0;for (i=0;i<a.length;i++) {void(a[i].target="_blank");}
【添加方法】	打开一个 IE 窗口（任何网页均可），选择添加到收藏夹，取名 Target Blank。复制上述工具代码。在收藏夹中，鼠标右键点击那个 Target Blank 链接，菜单中选择“属性”，弹出新窗口，将脚本粘贴到“URL”后面的文本框中，单击“确定”按钮，如果出现询问你“是否保留这一目标”的对话框，选择“是”即可。可以根据自己需要，改变上述代码中蓝色的字体名称及顺序，把自己常用的字体添加进来。
【使用办法】	进入日志编辑界面（非<HTML>模式下），编辑完整篇日志后，点击这个收藏夹中的 Target Blank 链接即可。（当然也可以在地址栏内输入上述 Javascript 代码，点击 Enter（回车）键运行。）

以上工具全部在 IE 6.0 浏览器上测试通过，其发明权归工具作者所有。

-- from aTiger's Space

17 septembre 01:53 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 30 - 谈谈 Space 存在的问题与使用经验

从开始使用 MSN Space 到现在，已经快四个月了。MSN Space 虽然在不断改进，但是还存在着不少问题，比如：时常出现错误，导致日志不能发布，甚至丢失。这篇教程中，我就来讲讲我的使用心得体会，以及一些使用问题的解决办法。

（一）日志内容丢失的问题

在刚开始写日志的时候，很少会出现日志内容丢失的情况。但是近来 MSN Space 用户的急剧增加，MSN Space 的服务器可能有些难以招架了，而且随着 MSN Space 程序不断升级，似乎 Bug 也越来越多。于是经常出现写好了一篇日志，一按“发布项”（Publish Entry）按钮，就显示“

空间不可用”（This space is temporarily unavailable.），或者其他错误信息，导致编写的日志内容丢失。如果是写了两三个小时的长文章就这样丢了，那真可谓损失惨重，令人痛心不已！是否能够避免这样的事情的发生呢？办法还是有的。

1、简单的方法

每次写完一篇日志，先不要着急点击“发布项”（Publish Entry）按钮，而是先按 Ctrl＋A 键（全选），再按 Ctrl＋C 键（复制），然后再点击“发布项”（Publish Entry）。如果一切顺利，那是最好。万一出现了“空间不可用”或者其他错误信息，这时点击 IE 工具栏中的“后退”（Back）按钮，回到日志编辑界面中，检查一下日志内容。如果完整无缺，则可以再次点击“发布项”（Publish Entry）按钮，重新发布。如果发现日志内容部分或全部丢失，那么将鼠标点在日志编辑框内，看到光标后，按下 Ctrl＋A 键（全选），再按 Ctrl＋V 键（粘贴），就能恢复日志的内容，然后再尝试发布。

如果养成了习惯，这个方法使用起来其实是很方便的。最有可能出问题的地方是按错了键，比如：该按 Ctrl＋V 键的时候，按成了 Ctrl＋C，那样就会把原来在 Window 剪贴板中的日志内容给覆盖掉，以至无法恢复。这个我可是有惨痛教训的，希望大家要注意一下。

2、复杂的方法 —— 也可以说是最保险的

发布日志前，另开一 IE 窗口，打开教程（二十七）中所介绍的 Code It 工具，把要发布的日志内容先复制到 Code It 编辑界面中。如果发布日志项出现了问题，则还可以回到 Code It 窗口，把日志内容复制过去，直到日志发布成功为止。

3、补救的办法 —— 但不总是有效

当出现提示“空间不可用”或者错误信息时，发现自己忘了事先复制日志的内容，那么就直接点击 IE 工具栏中的“刷新”（Refresh）按钮，要是有提示框跳出，选择“是”（Yes）；如果还有问题，则再点击一次“刷新”（Refresh）按钮，如此反复多次，直到能出现 MSN Space 编辑主页为止。（每次点击“刷新”按钮后，请稍等片刻。）一般情况下，刚才写的日志应该还能发布出来，但有时会出现部分内容丢失的情况，而且也有极小可能，根本没有日志项发布出来。（如果是出现“Server Error”，那么这种方法就不是很有效。）

另外，在写新日志的同时，可以多使用“保存草稿”（Save as Draft）功能，这样即使出现问题，最多损失最后一次保存后的内容。不过有时在保存草稿时，也会出现错误信息，所以我还是建议使用我介绍的方法比较保险。当然，如果 MSN 能改进它们的服务器连接状况，那日志不能发布、丢失日志内容的问题也会减少很多。

（二）列表项排序的问题

MSN Space 一大缺陷就是列表模块里的项目排序 —— 所有项目都是最后添加的、最后修改的排在最底部。但是如果我们想把最后添加的项目放到一个列表的最前面，就比较麻烦了。唯一的办法就是选择“编辑列表”，然后点击“编辑”（Edit）需要排到后面的列表项，比如：第一项，再点击“保存”（Save），这一项就会掉到列表的最后，然后依次点击“编辑”（Edit）、“保存”（Save）其他项目，直到你所需要置于最前面的列表项之前。这样预览的时候，后添加的列表项就会移动到整个列表的顶端。但是如果列表里项目众多，这可就是件苦差事了！

所以有人提出要 MSN Space 增加列表项调整的工具，比如：在列表项后面增加向上和向下的箭头等。感兴趣的朋友还可以参加这里的请愿活动。

（三）MSN Space 中文界面的问题

我的 Space 一开始注册的时候就选用了英文模式，所以很长时间写日志、排版都是根据 MSN Space 英文界面的内容来做的。后来，知道怎样改换成中文界面了，进去一看，Space 显示效果似乎有些不同。再仔细对比了一下，发现：对于“左右不对称两列”版式（Layout）中，简体中文界面的日志栏的宽度要比英文界面的小好多！

或者

其中“左右不对称两列”版式在英文模式下，日志栏宽度（以日志栏放在版面中最宽列为准）为 558 px，而在简体中文模式下，日志栏宽度仅有 478 px，相差了 80 px，几乎有近 20% 的差距！这样我在英文模式下贴的一些图片（图片宽度大于 478 px）、设定绝对宽度的表格、以及某些日志排版都有可能在中文模式下显示不完全，甚至错位。以至后来我在教程中贴图的时候，还要把大图的宽度缩到 478px，才能发布。我衷心希望 MSN Space 能尽早修补这一漏洞，使大家的日志无论在何种语言模式下，都能显示出完全相同的效果。我现在的日志采用了教程（二十八）中的宽屏显示代码，所以中、英文模式之间的差别已经消除了。但对于其他采用“左右不对称两列”版式的朋友们，在发布日志的时候，可能要考虑一下这个问题。

备注：简体中文模式： http://spaces.msn.com/members/atiger/?mkt=zh-cn；英文模式：http://spaces.msn.com/members/atiger/?mkt=en-us。换上自己的 Space 地址，就可以看看中英文显示的区别了。（除了“左右不对称两列”外，其他版式下的日志列宽度，在中英文模式下无明显区别。）

-- from aTiger's Space

17 septembre 01:45 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 29 - 首页单篇日志的奥秘

以前实现首页单篇日志比较容易的办法是通过 Sanall Cobain 的首页设置工具来完成的。可是在8月初，MSN Space 在服务器上修改了代码，使这个工具彻底失效了。如果是以前使用这个工具设置的首页日志，则还能保持原设置，而对于想重新设置首页日志数的朋友，就不那么容易了。

“道高一尺，魔高一丈”！MSN Space 封锁了首页设置 Javascript 工具之后不久，一些朋友和我就研究出了新的方法 —— 利用 MSN Spce 页面中<TABLE>语句来隐藏日志。其原理和我的教程（二十一）中所介绍的用来隐藏日志回复栏的方法类似，只是语句复杂了些。本来没想介绍这个方法，因为我并不想在自己的空间中实现这一效果，而且对不太懂 HTML 语句的朋友来说，实现起来并不是很容易。但是自从教程（二十八）发布之后，就有好些朋友来询问关于首页版面的设置问题，其中有些就是关于如何设置首页单篇日志，于是我决定还是讲解一下。

声明：文中介绍的方法将使用“不对称”代码，使用不当可能造成日志显示不正常，甚至空间首页无法打开等问题，所以请严格按照教程中的步骤操作！如果发生上述问题，可以修改代码，或者将含有不对称代码的日志删除，空间即可恢复正常。

（一）设置首页单篇日志

1、几乎所有的日志排布格式都做出首页单篇日志的效果，我就先以“一列”日志排布格式为例。请首先将日志排布格式调整为“一列”，其中上方放置各种列表模块，最下方放网络日志（Blog）模块。

2、先写好首页的第一篇日志，并发布预览结果，确保正文无需改动。一定要发布一次，以避免出现其他错误！

3、返回此日志的编辑界面，点击<HTML>模式切换按钮，将光标移动到整篇日志的最后。在此写入如下代码：

</TD></TR></TABLE><TABLE style="Display: None"><TR><TD><DIV><TABLE>

4、检查代码无误后，直接点击“发布项”（Publish Entry），不用预览！

5、现在就可以去你的网络空间看结果了。这时应该看到除了首页第一篇日志以外，其他日志项已经看不到，而且首篇日志的回复栏也完全消失了！

实事上，如果你把上述代码添加到以前发布的日志中，那么你就可以设置你的 Space 显示 1～25 篇日志了。从第一篇到写有代码这篇日志会显示在你的 Space 中，而其后的日志都被隐藏起来。

（二）隐藏日志（Blog）标题框和发布日期及超宽显示

按照上述方法实现了首页单篇日志后，现在我就来回答网友问的另一个问题，怎么隐藏网络日志的标题框和发布日期。我还以“一列”日志排布格式为例，其他排布格式类似。

1、请首先将日志排布格式调整为“一列”，其中最上方放置各种列表模块，中间放 Custom HTML 模块，其下方放网络日志（Blog）模块。

2、先写好首页的第一篇日志，并发布预览结果，确保正文无需改动。一定要发布一次，以避免出现其他错误。

3、返回此日志的编辑界面，点击<HTML>模式切换按钮，将光标移动到整篇日志的最前部，写入如下代码：

4、在<HTML>模式下，再将光标移至日志最后此写入如下代码：

</TD></TR><TBODY></TABLE><TABLE style="Display: None"><TR><TD><DIV><TABLE></PRE>

5、检查代码无误后，直接点击“发布项”（Publish Entry），不要预览！

6、在 Custom HTML 模块中写入如下代码：

</TABLE><TABLE Style="Display: None"><TR><TD><TABLE style="Display: None">

7、现在就可以去你的网络空间看结果了。

其中 width=1003 是在 1024×768 显示模式下，IE 窗口内最大宽度。如果选择更大的数值，则可能会有部分内容超宽（屏幕下方会出现横向滚动条）；选择较小的值，则会在屏幕右侧留有空白。另外，background="background picture" 和 bgcolor=#FFFFFF 请任选其一使用，可以设定单篇日志的背景图片，或者选择日志背景颜色。具体效果参见网络空间“有话好好说”。

（三）隐藏列表模块

按照上述方法（二）实现的首页中，如果想不显示除日志模块外的其他模块，比如：相册，一个办法是将列表模块删除，另一个比较好的办法就是将列表模块置于 Custom HTML 模块和网络日志（Blog）模块之间，则列表模块会被隐藏起来。这样在日志中还能引用放在相册中的图片，但在首页上却看不到相册了。

（四）“左右两列”的首页单篇日志

实际效果参见我的“测试空间”，表面上看与教程（二十八）中的结果类似，实际上使用了不同的代码，使得首页仅显示一篇日志，而且网络日志（Blog）模块的标题、边框、日志发布日期、回复栏等均被隐藏起来，可以算是“首页单篇日志”的一个特例。我设计这个范例的想法就是：当首页采用上述方法，改成超宽的单篇日志显示后，如果我们还可以利用 MSN Space 提供的一些模块，不仅能减少一些自己设计页面的工作量，还可以保留“相册”、“Windows Media Player”等功能性的模块，何乐而不为呢？

1、请首先将日志排布格式调整为“左右两列”，其中左侧上方放置 Custom HTML 模块，其下方放网络日志（Blog）模块，右侧则放置其他需要显示的模块。

或者

2～7、与本教程第二部分所述几乎完全一样，只是日志栏宽度 width=1003 需要改成 width=820，给右侧的模块留下显示空间。

对于其他页面排布格式的首页单篇日志实现方式，可以参考此教程中的办法来完成。

-- from aTiger's Space

17 septembre 01:37 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 28 - 多个 PowerToy 模块的添加

能否在 MSN Space 中添加两个以上的 Custom HTML 或者 Windows Media Player 模块。现在有了肯定的答案，此研究成果要归功于 Mr. Yang。我仔细学习了一下，根据自己的心得体会，写了这篇教程，并配上插图，以便大家掌握。

注意：Mr. Yang 在原文中称如果使用不当，“可能造成毁灭性后果”。我曾经测试过同时拥有4个 Custome HTML 模块或者 Windows Media Player 模块，似乎还没出现问题，不过还是建议大家对于重复的模块不要贪多，试两三个就好了。

我下面就以添加多个 Custom HTML 模块为例，建议大家先尝试添加两个。

1、首先登陆到你的 MSN Space。

2、在 IE 地址栏内写入：http://spaces.msn.com/members/YourID/DLLayoutSettings.aspx，并按 Return（回车）键。记得要用你的 Space 注册代号来替换上述地址中的“YourID”，比如：你的代号是 abcde，那么要输入的地址就是 http://spaces.msn.com/members/abcde/DLLayoutSettings.aspx。

3、现在应该进入了“自定义版式”的界面，用鼠标点击 IE 工具栏上的 View（查看），选择下拉菜单中的 Source（源文件），则会在 Notepad（记事本）打开此页面的 HTML 源代码。在源代码中查找（快捷键：Ctrl＋F）<br></div></FORM>，找到后在<br></div>和</FORM>之间添加如下代码：

<div class=Part><input onclick='selectPartType(this);' type='checkbox' title='This is an unsupported module supplied for the purpose of evaluation.' id='CustomHTML' name='PowerToy: Custom HTML' value='CustomHTML'><label for='pCustomHTML'>PowerToy: Custom HTML</label> <br></div>

如果原来你已经有一个 Custom HTML 模块，则只需添加一次代码（原 Custom HTML 模块中的代码请事先保存）；如果原来没有安装过 Custom HTML 模块，则需要添加上述代码至少两次，以获得多个模块。

4、代码添加完成后，在 Notepad（记事本）菜单中选择 Save As...（另存为...），将文件保存为 .HTM 格式的文件（如下图所示）。

5、在另一个 IE 窗口中打开这个新保存的 .HTM 文件，就可以看到在 Modules（模块）栏内已经出现了两个 Custom HTML 模块。首先，请将两个模块都选中☑。

这时，在下面的 Module Arrangement（模块排列）中应该能看到有两个 Custom HTML 模块了，可以通过上、下、左、右按钮来移动模块到指定位置。最后点击页面最下方的 Save（保存）按钮即可。

6、返回你的 Space 编辑状态首页中，应该能看到两个 Custom HTML 模块了吧！在这两个模块中，最左边的一个是主模块，另一个是副模块，例如：上图中鼠标点中的那个模块。如果两个模块在同一列中，则最上面的一个是主模块。假若添加了多个 Custom HTML 模块，也只有一个是主模块，其他都是副模块。一般来说，副模块中的内容是由主模块来决定，在副模块中做任何更改都是无效的，多个副模块中的内容总是相同的。所以添加过多模块并无太大意义，而且可能会导致 Space 出问题。

7、如果需要主、副模块中的内容一致，则先在主模块中写好代码并保存，再将主、副模块移动到所需位置，保存 Layout（版式）即可。如果需要主、副模块中内容不同，则需要先把副模块的内容写入主模块内并保存，再将主、副模块移动到所需位置，保存 Layout（版式），然后在主模块内写入新的代码并保存。此时，主、副模块中的内容已经不相同了，不过你不能再改变版式，因为每一次改变版式后（例如：移动模块位置、改变页面排布），主、副模块中的内容会自动变为一致！

对于 Windows Media Player 模块，也可以采取类似的办法来添加多个模块，需要添加的代码是：

<div class=Part><input onclick='selectPartType(this);' type='checkbox' title='This is an unsupported module supplied for the purpose of evaluation.' id='MediaPlayer' name='PowerToy: Windows Media Player' value='MediaPlayer'><label for='pMediaPlayer'>PowerToy: Windows Media Player</label> <br></div>

而且所有 WMP 模块会播放同样的内容，具体效果可以看看这里。如果只添加两个 WMP 模块，则它们会同时开始播放；而多于两个 WMP 模块可能在播放时会出现明显不同步的情况。我这里只给出了添加多个 PowerToy 模块的办法，具体怎么使用，还要看大家的聪明才智了，请根据个人需要来选用吧！

-- from aTiger's Space

17 septembre 01:31 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 27 - PowerToy 之应用实例

MSN Space 推出 PowerToy 已经有十多天了，不少朋友的网页上已经有了很多变化，比如：添加了 Windows Media Player 模块来播放音乐或者电影文件，用 Tweak UI 模块来调节背景、模块、字体的颜色等。在这里我就说说几个大家可能感兴趣的应用，也算是回答一些朋友所提出的问题。对于 PowerToy 模块还不了解的朋友，请先看看教程（二十六）的内容。

（一）背景音乐中多首歌曲的连续播放

很早就有朋友问我，是否能在 Space 中连续播放多首背景音乐。当时所能想到的办法并不是很好，而且做起来很烦琐，比如：这里所写的办法。然而 MSN Space 新推出的 Windows Media Player 模块，则给我们解决单一的背景音乐提供了一个很好的途径。只要制作一个简单的音乐文件列表，再上传到网络上的免费空间，就可以达到目的了。具体方法如下：

1、音乐文件列表的制作
用“记事本”（Notepad）新建一个文本文件（比如：bgmusic_list.txt）。通过百度等网络搜索工具，查找到你所要播放的背景音乐文件地址，并依次放到这个文件中。其中每一行只能放一个地址，而且只要网址，不要加歌曲名、编号等注释！例如：三首轻音乐的列表文件内容

http://www.lyrebird.org/midi/secret.mid
http://blogfile.nate.com/data/11/newsirin/169420.wma
http://cw.hc.edu.tw/pupst0103/music/01.The%20Touch%20of%20Love.mp3

2、音乐列表文件的上传
将做好的音乐列表文件（.txt）保存后，改名为 MP3 文件（.mp3）。然后上传到你的免费网络空间中，记下其地址。例如：我的列表文件地址为

http://www31.websamba.com/atiger1974/MSN_Space/bgmusic_list.mp3

3、背景音乐文件的播放
将列表文件地址放到你的 Window Media Player 模块的 URL 中。按“Save”按钮后，就可以预览你的空间了。这三首轻音乐会按照列表文件中的顺序依次拨出。

通过这个办法，不仅可以连续播放多首背景音乐，而且有些原本 Windows Media Player 不支持的音乐类型 Midi（.MID 文件）~~和 Flash 动画（.SWF 文件）~~ 也能播放了！只要在列表中放入此类文件的网址即可。大家可以试一试用 Windows Media Player 来播放 Flash 动画，效果还是很不错的！

补充：Windows Media Player 播放 Flash 动画的功能似乎被 MSN 给禁止了！这已经是第三次 MSN Space 阻止 Flash 文件的播放了。

（二）宽屏显示的实现

可能 MSN Space 为了照顾那些依然使用 800×600 显示模式的用户，将日志和列表的屏幕显示宽度范围限制在 800px 之内。但是这样对于使用 1024×768 及以上显示模式的用户来说，就会在屏幕的右边留下空白区域，很不美观。以前在自由定位语句还能使用的阶段，不少朋友和我都在空白之处放上一些图片来弥补。可是自由定位语句在6月底就被 MSN 封杀了，从那时起我就开始探索是否有其他可行的办法来弥补这一空白。“工夫不负有心人”，通过 PowerToy 中的 Custom HTML 模块，只要写上短短几个代码，就能突破宽度 800px 的限制。下面我就来具体介绍一下：

1、宽屏显示的原理
因为 MSN Space 整个页面是通过表格<Table>语句来定位，所以这个宽屏显示也是通过<Table>语句来实现的。主要是将左列或者中列的模块变宽，将右列的模块挤到原来显示范围之外。由于采用了不对称的<Table>语句，所以使用要格外谨慎，请按照以下步骤去做，以免出现日志混乱、甚至空间首页无法登录等问题。

2、宽屏显示的条件
如果想使用本办法请将你的 MSN Space 排布格式改成如图所示的四种版式之一。如选择“左右两列”，则左列上方放 Custom HTML 模块，下方放 Blog（网络日志）模块，并将其他模块都放到右列。

如选择“左中右三列”，则左列最好不放置任何模块，中列上方放 Custom HTML 模块，下方放 Blog（网络日志）模块，将其他模块都放到右列。

这四种方式的右列被挤出原显示范围后，页面效果无明显差异。

3、实现宽屏的语句
最初，我在 Custom HTML 模块中写了如下语句：

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><TABLE width=100%>

点击“Save”按钮后，就可以新开一个 IE 窗口去预览效果了。这样做的目的是，万一出现问题，还可以回到原编辑窗口内修改代码。如果没有问题，就应该看到左侧的日志栏已经变宽，并将右侧的列表挤至 800px 限制的范围之外了。

4、添加图片或者文字
如果需要在 Custom HTML 模块中放置图片或者文字，则可把相应代码放到第一个</TD>之前，或者<Table width=100%>之后，效果有所不同，大家可以试试看。需要图片居中的朋友，根据图片大小有两个办法：如果图片较小（比如：我置顶的“卧虎”图片），请选用上述“左中右三列”模式；如果图片比较大（比如：小乖的置顶图片），采用“左右两列”版式，将图片宽度设置为 width=755~760 即可。

5、代码的精简
因为 Custom HTML 模块中代码总体长度不能超过 512 个字符，如果所插入的文字和图片部分代码比较长，那么还可以将上述代码精简到：</TD></TR></TBODY></TABLE>，甚至连蓝色部分</TR></TBODY>都可以省略，只保留</TD></TABLE>。

备注：如果将 Windows Media Player 模块放到右边列表栏中，并设定 Display Mode 为 Invisible 模式，那么右边的列表栏会稍微增加些宽度，每一行能多写两个字。

这种宽屏显示的效果不知道大家觉得怎么样，喜欢么？

-- from aTiger's Space

17 septembre 01:24 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 26 - PowerToy 模块

近日，MSN Space 开发小组推出了功能型新的模块 —— Power Toy，其中包括 Windows Media Player 模块、Custom HTML 模块、以及 Tweak UI 模块。我就来介绍一下这三个模块的添加和使用吧。

（一）Windows Media Player 模块

因为 PowerToy 模块可能还在测试阶段，所以在模块添加窗口中一般看不到。不过已经有办法让它现身，并添加到 Space 中，具体步骤如下：

1、首先进入你的 MSN Space 的编辑界面。
2、在浏览器地址栏内的 URL 后面添加“&powertoy=musicvideo”，并按“Enter”（回车）键。如图所示：

3、点击右上角“Customize”（自定义），然后选择“Modules”（模块）。
4、在下拉列表中找到 PowerToy: Windows Media Player 选项, 点击“Add”（添加）或“Create”（生成）。

5、将新出现的 Windows Media Player 模块放到适当的位置，点击屏幕右上方的“Save”（保存）按钮。注意：不是在 Window Media Player 模块中的“Save”按钮，而是保存模块版面设置的“Save”按钮！（参考下图）

或

这样在你的 MSN Space 中就添加好了这个 Windows Media Player 模块，其界面如下图所示：

其中：
① URL地址栏（URL） —— 在这里输入你想要播放的音频/视频文件地址，目前只支持 WMA，WMV，WAV，AVI，MPG，MPEG，和 MP3 格式的媒体文件；
注意：音频/视频文件地址必须是以上述类型文件为结尾的，不符合规定的网址（比如：.htm/.html）会被服务器自动过滤掉。换句话说，如果你填入的网址在“Save”后消失了，那说明你找的文件地址一定不符合要求。
② 起始播放秒数（Position in sec.）—— 输入整数，为起始播放的时间（秒）；
③ 播放次数（Times to play）—— 输入整数；
④ 播放速率（Rate to play）—— 可以输入小数，比如：1.5，代表播放速率是正常速率的1.5倍；
⑤ 自动播放（Auto Start）—— ☑则表示将自动播放音频/视频文件；
⑥ 显示模式（Display Mode）—— 共四种模式, 分别为：Invisible, None, Mini, 和 Full；Invisible 模式将隐藏整个模块，一般用于播放背景音乐，相应要选中自动播放；None 模式将不显示播放器的控制栏，建议选中自动播放或者允许右键菜单，否则无法开始播放；Mini 模式将隐藏部分播放器控制栏，如进度条快进/快退等；Full 模式将显示完整的播放器控制栏
⑦ 右键菜单（Right Click Menus）—— ☑则表示允许播放器右键菜单, 可以从中选择播放以及其他属性
⑧ “Save”保存按钮与“Revert”回复按钮

有了这个 Windows Media Player 模块，就可以直接设置播放 MSN Space 的背景音乐，或者播放电影片断，例如：做个每周一歌的栏目，使用起来十分方便。而且使用发现，用 Windows Media Player 来播放音乐文件，不用等整个音乐文件下载完毕，就可以开始播放。所以，如果用此模块来播放背景音乐，比原来用<IMG dynsrc=....>语句效果要好。即使使用较大的 MP3 文件，也能很快开始播放音乐，还可以调整播放速度，以获得特殊的效果。另外，如果把多个音乐文件地址做成列表文件，放到网上的免费空间里，那么通过这个模块还可以实现多个背景音乐文件的连续播放。唯一的缺点就是以前使用<IMG dynsrc=....>可以播放的 Midi、Real Audio 等音乐文件，无法通过 Window Media Player 模块来播放，所以这个模块并不能完全取代教程（二）中演示的方法。

（二）Custom HTML 模块

对于 Custom HTML 模块，其添加方法和 Windows Media Player 模块类似，只是 URL 里要添加的是“&powertoy=sandbox”。Custom HTML模块界面如下图所示。在 HTML 框内写入 HTML 代码，不过代码长度有限制，不能超过 512 个字符。“Modulus Name”（模块名称）可有可无，同样“Show Border”（显示边框）也可选可不选。最后，点击“Save”（保存）就大功告成了。

如果你有想置顶的文字、图片、计数器、以及播放背景音乐的代码，放到这个模块里就好了，真正的置顶！而且不用每次重新发布，修改起来也很方便。

以上两个 PowerToy 模块，我已经添加到我的网页中了，一个是左边用来播放歌曲/录像的 WMP 模块，另一个就是上面用来显示“老虎”图片和“卧虎藏龙”标题的 Custom HTML 模块。大家可以看看效果，推荐使用！

（三）Tweak UI 模块

第三个 PowerToy 是 Tweak UI 模块，用来调节 MSN Space 的背景颜色、背景图片、字体颜色、模块样式等。在 URL 中需要添加的代码是“&powertoy=tweakomatic”。其界面如下：

这里有个网络颜色调色板，可以选择自己喜欢的颜色，并得到颜色代码，需要的朋友可以去看看。不过昨天测试的时候，把我的空间里的 GIF 动画都变成了慢动作，今天又好了，所以不知是不是此模块尚不完善，还是 MSN Space 的服务器出了问题。对于我的 MSN Space 来说，目前觉得有用的选项是“Background Colors”。可以统一内部（Inner）和外部（Outer）的背景颜色，不会在右边留下浅色的空白。这个是我很早就想做的，所以一直在右边放了块图片来遮盖一下！其他选项写的比较直接，大家稍微实验一下就能明白，我就不做过多的介绍了。

（信息来源：The Space Craft —— MSN Space 开发小组的官方站点）

-- from aTiger's Space

16 septembre 21:02 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 25 - 带滚动条的日志

当要写篇幅较长的日志时，可以考虑给日志加上滚动条，这样日志在 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，则仅当日志内容超过边框限制时，才显示滚动条

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

（二）左侧滚动条

语句：

<DIV style="DIRECTION: ltr;" align=left>
日志图文内容

</DIV></DIV></DIV>

Style 语句解释：

Direction: rtl —— 是将滚动条放置到左边的关键

Direction: ltr —— 是确保文字输入方式还是从左到右

其中滚动条样式、颜色都使用了默认值，所以这个例子除了将滚动条放置到了左侧以外，基本可以说是采用了最简单的滚动条语句。

（三）透明的滚动条

语句：

<DIV align=center>
<DIV style='color: navy; background-color: pink; border: orange solid 1px; width: 420px; height: 100px;
overflow: auto; scrollbar-face-color: pink; scrollbar-shadow-color: pink; scrollbar-highlight-color: pink; scrollbar-3dlight-color: pink; scrollbar-darkshadow-color: pink; scrollbar-track-color: pink; scrollbar-arrow-color: navy;'>
日志图文内容
</DIV></DIV>

Style 语句解释：

其实很简单，就是把所以滚动条的颜色都设成和背景色一样，比如这个例子中的 Pink。只保留 Scrollbar-arrow-color 为不同于背景色的颜色，比如例子中的 Navy。这样用鼠标点击两个向上、向下的小箭头即可滚动图文框中的内容。

以上范例所用语句，来源于网络，并参考了 CSS 2.0 手册。图文框内的符号也是自己收集整理的，欢迎使用。如果还有其他的关于滚动条的问题，请在此留言。我会根据情况，及时补充进来。

-- from aTiger's Space

16 septembre 20:59 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 24 - 嵌套表格

-- from aTiger's Space

16 septembre 20:55 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 23 - 网络上的免费空间

MSN Space 提供了30M 的上载空间（相册），可以用来存放图片、相片。可是对于想放置其他类型文件的朋友来说，就远远不能满足要求了。比如：对于网络搜索到的音乐文件过期问题，如果有一个可以存放 MP3、WMV 文件的网络空间，就可以解决了。其实网上有很多网站给用户提供免费的网络空间，可以用来存放图片、MP3、Flash动画等文件。下面我就介绍两三个我用过的免费的网络空间，对于一般 MSN Space 用户来说，应该是够用了。

1、

—— www.websamba.com

这个网站是帮导师给美国一个塑料工程师协会做网页的时候朋友介绍的。在使用的两年多时间中，我感觉网站比较稳定，连接速度也很快。它其实是为放置主页的网站，提供 30 MB 的网络空间，完全免费，而且最大的优点就是无使用流量的限制！上载文件管理，既可以通过 FTP 方式，也可以在 WWW 方式下完成，使用起来很方便。我在教程（五）例二中播放的动画文件就是放在这个网站上，可以用来测试一下连接速度。这个网站偶尔会做网站维护，所以一年中可能会有几天停止服务，不过对大家来说，应该不是什么严重的问题吧？

2、

—— www.freewebs.com

在网上有些论坛中，把这个网站的服务评价为五星级，不仅因为它简便易用，更主要是连接稳定速度快。在 WWW 方式下上载、管理文件很容易。我使用了几个月的经历看，它的速度比 websamba.com 还要快点儿， 40 MB 的可用空间也比 websamba.com 稍大一些，不过它最大的缺点是对于免费用户，每月有 500 MB 流量限制。这可能对访问量很大的网站来说就是个严重的问题了，比如教程（十二）中的两个音乐文件，有时就会因为流量限制，而不能播放。

-- from aTiger's Space

16 septembre 20:53 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 22 - 有关相册的问题

以前就曾经有过朋友问我相册怎么调整顺序的问题，最近又看到有人在网上问类似的问题，于是决定还是写篇教程吧！以下所有步骤必须在 MSN Space 编辑界面下完成，不能在预览界面下使用！

（一）创建相册及添加图片

1、MSN Space 默认会给出一个空白的相册列表

2、首先要在相册列表中添加相册。点击“创建”（Creat）按钮，然后填入相册标题（Album Title）；再点击“添加照片”（Add Photos）按钮，就可以把计算机中图片添加到相册中；最后点击“保存并退出”（Save and Close）按钮。这时在相册列表中就能看到新添加的相册了。按此方法可以在相册列表中建立多个相册。

3、给已建相册中添加图片，先用鼠标点击所选相册，然后点击“编辑”（Edit）按钮；在编辑相册界面中，选择“添加照片”（Add Photos）；上传完照片/图片，点击“保存并退出”（Save and Close）即可。

（二）相册/相片显示顺序调整

每当进入 MSN Space 的时候，最顶上的一个相册内容会自动显示出来。而且当浏览相册时，相册中的图片会依照排列顺序自动显示出来。如果一个相册列表中有多个相册，相册内有多张图片时，最初是按照相册建立的先后时间，相册内图片上载的先后顺序来显示的。一般后建立的相册最先显示出来。当然，我们可以根据自己的需要自己调节相片显示次序，具体方法如下。

1、调节相册的顺序，只要按住鼠标左键，拖动所选相册上下移动即可，请看下图两个相册调整的情况。

2、调节相册内图片的顺序，也是只要用按住鼠标左键，拖动图片即可。需要注意的是：鼠标一定要点在图片上，而不能点在图片周围的空白处，不然无法拖动图片！请看下面两张照片交换顺序的情况。

（三）删除相册/图片

1、删除相册列表中相册，只要鼠标左键点击所要删除的相册，然后点击“删除”（Delet）按钮，再确认一下就可以了。

2、删除某一相册中的照片，先选择编辑此相册，再鼠标左键点击要删除的照片，然后点击“删除选择的照片”（Delete selected photo），最后确认即可。

-- from aTiger's Space

16 septembre 20:51 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 21 - 说说置顶日志

这篇短短的日志里可隐含着三个日志发布的小技巧 —— 无标题、无底栏、文字/图片置于发布日期之上！有兴趣的朋友且听我慢慢道来。

（一）无日志标题

我曾经在简易教程（十六）中有过专题讲述过怎样制作无标题日志，感兴趣的可以去看看。在这里只想重复一点，Blog It —— 是我推荐大家使用的最佳方法。此方法是运用 MSN Space 自带的官方程序 Blogit.aspx ，只要 MSN Space 还提供这个工具，朋友们就可以放心使用，不仅简单易行，而且效果绝佳！

具体用法是这样的：

Blog It

先鼠标右键点击上面这个红色链接，把它加入到收藏夹内。每当你需要新写一篇日志的时候，点击收藏夹内的链接或者直接在地址栏输入 http://spaces.msn.com/blogit.aspx 。这时就会进入一个日志编辑界面，虽然没有输入标题，但下面的发布按钮不是灰色的。只要输入日志内容，就可以发布一个无标题日志了。在编辑界面的日志列表中，你会看到通过此方法产生的无标题日志被列为“...”。

（二）无日志底栏

在很多朋友的网页中都能发现，尽管某些日志写明了“请勿回复”的字样，但还是有人不小心就回了帖子。在我这里也发生过两三次，结果到更新置顶日志的时候，就只能随旧日志一起删除了。终于，有人研究出发布日志不带回复栏的方法，就能解决这样的问题，原文请看“夢與天堂の空想世界”。不过，他最初的语句在我的 Space 里应用效果并不好，我只能修改了部分代码。（昨天，在“夢與天堂の空想世界”中看到了更简单的代码，套用过来。）

需要事先声明一点：我一般不建议使用这种所谓“不对称”代码，因为 HTML 语言的规则是标记要配对的，所以 MSN Space 在你的日志发布时，会补充一些代码，但这些不对称代码和自动补充的代码可能会造成你的日志混乱、显示一半，严重的甚至无法使用 IE 登陆/浏览你的主页，所以大家一定要严格按照以下步骤去做，以免出现问题。

具体步骤：

1、先写好你的日志，并发布预览结果，确保正文无需改动。一定要发布一次，以避免出现其他错误。

2、返回此日志的编辑界面，点击<HTML>模式切换按钮，将光标移动到整篇日志的最后。

3、在此写入如下代码：</TR></TD><DIV><TABLE style="Display: none">

4、检查代码无误后，直接点击“发布项”（Publish Entry），不要预览！

5、现在就可以去你的网络空间看结果了。

这个方法已经能完全取消日志底栏，应该是最满意的结果了。此方法不仅适用于置顶日志，也可使用在某些不想让他人回复的日志。

（三）文字、图片置于日志顶栏之上

这个是我偶然发现的，本想在遮盖的底栏上放些东西，没想到所写的文字和图片都跑到了日志顶栏（发布日期）之上。于是，一计不成，又生一计，干脆把“卧虎藏龙”的标题图片放到整个日志栏的最上边，感觉效果还不错，就好像真的置顶了一样！

具体步骤与无日志底栏完全相同，只是在所写的代码中增加了所要置顶的文字。下面代码中蓝色文字部分就是你要写入文字或者插入图片的地方：

（四）注意事项

1、</TR></TD> 前面一定要有其他代码，而且不能只是简单的 <DIV></DIV>或<P></P>，不然日志发布的时候，MSN Space 会自动除去这两个标记，使所得结果出现偏差。如果不想写什么东西，可以放入背景音乐语句 <IMG ......> （参考教程（二）的内容）或者空格<DIV> </DIV>。

2、请注意上面代码中<TABLE style=...>语句之前必须要有一个不对称的<DIV>。如果缺少这个<DIV>，或者多出了</DIV>或者</P>标记，就会出现问题。

3、在日志顶栏之上，可以放置文字、图片，但是不能放置表格，否则会有问题。

4、当再次发布带有此代码的置顶日志的时候，不能按照教程（九）中所写的方法来复制日志内容了，而是要复制 HTML 代码，最好去掉代码最后 MSN Space 自动添加的内容，比如下面代码中的黑色部分：

......</TR></TD>
卧虎藏龙<DIV><TABLE style="Display: none">

最后，还是要重申一下：“不对称”代码不要滥用，要使用的话请严格按照教程中的步骤来做！而且明显这是利用 MSN Space 中语句的漏洞，所以也可能过不了多久就又会失效了。

总而言之，如果想做好自己的共享空间，那么在借鉴别人的成果同时，一定要动动脑子，发挥自己的聪明才智！不是有那么句话么 —— 技术无极限，不怕做不到，只怕想不到！

-- from aTiger's Space

16 septembre 20:47 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 20 - 活学巧用<A>链接

超链接<A>语句代表一个链接点，它是英文 Anchor（锚点）的缩写。<A>语句在 HTML 语言中的主要作用是把当前位置的文本或图片连接到其他的页面、文本或图像，但对于它一些巧妙用法可能朋友们就不是很熟悉了。所以，在这篇教程中，我就来讲解一下。当然你也可以按此链接直接进入实例部分。

（一）<A>语句的基本结构

从上述结构可以看出，在设定一个超链接时有很多参数可供选择，以实现不同的链接效果。下面仅就最常用的参数讲解一下：
1、Class 和 ID 选项：用于设定链接点所属的类型和分配的 ID 号，通常不加以设定。

2、Href：hypertext reference 的缩略词，用于设定链接地址。链接地址一般为 URL 地址，如果没有给出具体路径，则默认路径与当前页的路径相同。如果链接的文件为 HTML 文件，则在当前浏览器中直接打开；如果为可执行文件（比如：.exe文件），则直接执行或下载此文件；如果为文本文件（比如：Office 格式的文件），则在浏览器中打开此文件，并可以进行编辑加工，前提条件是使用机器上安装了 Office 软件。

3、Name：网页区域名称，通过设定此属性，可以实现网页内的跳转。

4、Shape：设定链接点的区域形状和大小，主要用于图片链接点的情况。
5、Target：设定链接到哪一个窗口，最常用的是 target="_bank"，表示新开一个窗口来打开超链接内容，如果缺省则在当前窗口中打开超链接的内容。
6、Title：用于设定链接点被选到时显示的标题，相当于注释。
7、Onclick：当链接点被点击后将触发这个事件，执行相应的命令。
8、Onmouseover：当鼠标点移动到链接点上时，对应的事件被触发。
9、Onmouseout：对应的事件在鼠标移出链接点后被触发。（似乎这三个指令被 MSN Space 禁用了）

（二）应用实例

1、在新窗口中打开链接的网页

设定 Target="_blank" 即可。点击下面这个链接，看一下效果。

新窗口中打开阿虎空间

代码如下：

<A href="http://spaces.msn.com/members/atiger/" target="_blank">新窗口中打开阿虎空间</A>

2、鼠标移到链接上时显示说明文字

设定 Title 参数值即可。试着将鼠标移动到下面这个链接上，就会显示“aTiger's Space”。

卧虎藏龙

语句如下：

3、链接到本页的指定内容

要实现链接到本页的某一部分内容上，也就是常说的“网页内跳转”，就需要用到参数 Name 来指定链接点的名称。在阅读一个很长的网页的时候，设置网页内跳转链接可以让读者迅速跳转到感兴趣的内容，以方便阅读，比如：小说的不同章节。下面这个例子则是返回到本文第一部分（<A>语句的基本结构），请点击下面的链接。

第一部分

代码如下：

<A name＝"FirstPart"></A>（一）<A>语句的基本结构
......
<A href＝"http://spaces.msn.com/members/atiger/#FirstPart">第一部分</A>

当你点击“第一部分”这个超链接后，就会自动跳转到“（一）<A>语句的基本结构”这个地方来。Name 参数所定义的链接点名称可以随意取，但链接的 Href 参数中的链接点名称必须与其一致，并且不要忘记在前面加上“#”。

4、“返回顶部”按钮

另外，MSN Space 自己提供了一个的 Name 属性 —— “toppage”，可以用来制作“返回顶部”按钮。

返回顶部

语句如下：

5、超链接图片

只要把原先的文字部分换成插入图片的语句即可，请点击下面这个笑脸，看看效果。

代码如下：

6、提供文件下载

把要下载的文件网址放在 href 后即可。下面这个链接是下载一个 zip 文件，这个免费软件是用来调节 MP3 音量的。

语句如下：

7、链接 Email

点击一个超级链接后，将启动客户机上的电子邮件管理软件。请看这个例子：

代码如下：

如果你点击了“请给我写信”这个链接，将自动开启浏览者默认的电子邮件软件（比如：Outlook、Foxmail ...）的写信功能，并已把邮件地址加在了收信人的地址栏里了。当然，为了避免垃圾邮件搜索到你的 Email 地址，最好将发布在网上的地址使用特殊符号或者图形符号来代替。

-- from aTiger's Space

16 septembre 20:42 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 19 - 表格应用实例

表格应用实例

(一) 多栏结构日志

语句：

</TR></TBODY></TABLE></DIV>

这个例子不仅是为了表现两栏结构，而且还想说明通过表格可以在一段文字的上下左右设置空白，以某些满足排版的需要，使一篇日志内的文字不显得过于拥挤。

(二) 图文排版

语句：

<DIV align=center>
<TABLE cellSpacing=10 cellPadding=3 width="90%">
<TBODY>
<TR>
<TD vAlign=top width="50%"><P>左上栏图片</P></TD>
<TD vAlign=top width="50%"><P style="WRITING-MODE: tb-rl" align=center>右上栏文字</P></TD>

</TR><TR>

</TR></TBODY></TABLE></DIV>

从这个例子可以看到，利用表格可以把日志中的图文安排在一定位置上，还可以采取不同的表现手法，互不干扰。其中 style="WRITING-MODE: tb-rl" 是控制所写文字由右向左，竖排书写。如果竖排文字出来的方向不对，请将竖排文字全部选中，然后给这些文字指定一个字体，比如：“宋体”或者“Arial”，就应该没问题了。

(三) 给文字添加背景图片颜色

语句：

<DIV align=center>
<TABLE cellPadding=5 height=表格高度 width=表格宽度 background=背景图片网址>
<TBODY>
<TR>
<TD align=center valign=top><P>你的日志文字或图片</P></TD>
</TR></TBODY></TABLE></DIV>

上例中，因为背景图片比较大，我选择的表格的高度和宽度就是背景图片的高度和宽度。如果背景图片比表格小，就会在表格内自动复制，以充满表格。不想图片自动复制，可以在<Table>语句中再加一个属性。语句如下：

如只想用背景颜色，则<Table>语句变为：

其他增加背景颜色和背景图片的方法，请参考简易教程（三）的内容。

(四) 用<Table>语句来制作圆角表格

语句：

<DIV align=center>
<TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR height=1>
<TD width=1></TD><TD width=1></TD><TD width=1></TD>
<TD bgColor=边框颜色></TD>
<TD width=1></TD><TD width=1></TD><TD width=1></TD></TR>
<TR height=1>
<TD></TD><TD bgColor=边框颜色 colSpan=2></TD>
<TD bgColor=背景色></TD>
<TD bgColor=边框颜色 colSpan=2></TD><TD></TD></TR>
<TR height=1>
<TD></TD><TD bgColor=边框颜色></TD>
<TD bgColor=背景色 colSpan=3></TD>
<TD bgColor=边框颜色></TD><TD></TD></TR>
<TR>
<TD width=1 bgColor=边框颜色></TD>
<TD bgColor=背景色 colSpan=5>
<TABLE style="TABLE-LAYOUT: fixed" height="100%" cellSpacing=0 cellPadding=3>
<TBODY>
<TR>
<TD align=center>你要写的文字、图片、或表格</TD>
</TR></TBODY></TABLE>
</TD>
<TD width=1 bgColor=边框颜色></TD></TR>
<TR height=1>
<TD></TD><TD bgColor=边框颜色></TD>
<TD bgColor=背景色 colSpan=3></TD>
<TD bgColor=边框颜色></TD><TD></TD></TR>
<TR height=1>
<TD></TD><TD bgColor=边框颜色 colSpan=2></TD>
<TD bgColor=背景色></TD>
<TD bgColor=边框颜色 colSpan=2></TD><TD></TD></TR>
<TR height=1>
<TD colSpan=3></TD>
<TD bgColor=边框颜色></TD>
<TD colSpan=3></TD></TR>
</TBODY></TABLE></DIV>

虽然代码看起来很长，其实原理很简单，昨天我把原代码精简了一下，将嵌套的表格从四个减少到两个，应该更好理解了吧。需要指出一点，“cellPadding=3”是避免表格内文字过于贴近表格边框而特意添加的！

制作这个圆角表格的主要目的有两个：一是可以用来作为带背景色的日志模板，实例参考教程（一）；二是可以制作自己日志标题档或者签名档，用处还是很大的。用<Table>语句制作圆角表格，和网上其他常见方法相比，不仅省去了制作、使用圆角图片的麻烦，而且此圆角表格具有“自适应性”——因为语句中使用的是相对宽度（width=100%），所以此表格会随着发布日志栏的宽度变化而自我调节，这比一般图片做出来的圆角表格更具灵活性！

从今天下午开始找图片、查资料、设计构思，一直写到了现在，都已经将近九个小时（其中有两三段内容在发布的时候，莫名其妙的丢失了，只好重头写过）。希望能对大家能有所帮助，如有问题也欢迎大家指正。其实表格的用途还很多，比如：表格与图片相配合，可以制作出各式各样的日志模板；表格还可以插在文章段落中，形成文绕图的模式……大家要是感兴趣，可以参考这教程（十八）和（十九）的内容，自己研究一下吧！

-- from aTiger's Space

16 septembre 20:40 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 18 - 表格语句简介

MSN Space 开放表格语句<Table>...</Table>已经有两周的时间了，不过似乎很少在别人的日志中看到。估计有些朋友觉得表格语句没什么太大用处，其实不然！HTML 语言中的表格语句其实功能很强大，而且如果能用活表格语句，不仅可以使你的日志编排更加丰富多彩，而且还能够完成以前用其他语句很难做到的任务。在这一章里，我主要介绍表格语句的基本使用方法，这是活学活用表格语句的基础。

（一）表格基本语句格式

<TABLE>...</TABLE> —— 表格指令

<TR>...</TR> —— 表格行

<TD>...</TD> —— 表格栏

<TBODY>...</TBODY> —— 表格主体部分

<CAPTION>...</CAPTION> —— 表格标题

<TH>...</TH> —— 表格栏标题（粗体字）

这五个表格基本语句是构成一个表格的骨架，其中<Table>、<TR>、<TD>是最重要的标记，学会这三个语句就已经能画出一个完整的表格了。请看下面这个简单的例子。

语句：

效果：

收支表
公司	收入	支出
A	￥100000	￥60000

（二）表格相关属性

1、<TABLE>语句常用属性

示范语句：

具体说明：

width="50%"，表格宽度，接受绝对值（如 300）及相对值（如 80%）。
rules="ALL"，表格内网格，可选值为： all，none，cols，rows，groups。
border="1"，表格边框宽度，如果去掉这个属性，就生成无边框表格。
cellspacing="2"，表格内格线宽度，数值越大，格线越粗。
cellpadding="2"，文字与格线间距，数值越大，间距越大。
align="CENTER"，表格的摆放位置（水平），可选值为： left, right, center。
valign="TOP"，表格内图文的摆放位置（垂直），可选值为： top, middle, bottom。
background="background.gif"，表格内背景图案，不要与 bgcolor 同用。
bgcolor="#0000FF"，表格背景色，不要与 background 同用。
bordercolor="#FF00FF"，表格边框颜色。
hspace="10"，表格边框与环绕文字间水平距离，数值越大，间距越大。
vspace="10"，表格边框与环绕文字间垂直距离，数值越大，间距越大。
其他表格属性，因为有些不是很常用，或者有些对浏览器类型有要求，并未列出。

2、<TR>语句常用属性

示范语句：

具体说明：

align="RIGHT"，表格行内文字的摆放位置（水平），可选值为： left, right, center。
valign="MIDDLE"，表格行内图文的摆放位置（垂直），可选值为： top, middle, bottom。
background="background.gif"，表格行内背景图案，不要与 bgcolor 同用。
bgcolor="#0000FF"，表格行内背景色，不要与 background 同用。
bordercolor="#FF00FF"，表格行内边框颜色。

3、<TD>语句常用属性

示范语句：

具体说明：

width="50%"，单元格宽度，接受绝对值（如 300）及相对值（如 50%）。
height="300"，单元格高度，接受绝对值（如 300）及相对值（如 50%）。
colspan="2"，单元格向右合并栏数，只需写在合并起始单元格中。
rowspan="3"，单元格向下合并栏数，只需写在合并起始单元格中。
align="LEFT"，单元格内文字的摆放位置（水平），可选值为： left, right, center。
valign="BOTTOM"，单元格内图文的摆放位置（垂直），可选值为： top, middle, bottom。
background="background.gif"，单元格内背景图案，不要与 bgcolor 同用。
bgcolor="#0000FF"，单元格内背景色，不要与 background 同用。
bordercolor="#FF00FF"，单元格内边框颜色。
其他单元格属性，因为有些不是很常用，或者有些对浏览器类型有要求，并未列出。

（三）表格简单的例子

1、去掉<Table>中的 Border 参数即可得到无边框表格。

语句：

效果：

收支表
公司	收入	支出
A	￥100000	￥60000

2、通过 Border、BorderColor，改变表格边框的大小与颜色。

语句：

效果：

公司	收入	支出
A	￥100000	￥60000

3、通过 Cellspacing 还可以调节单元格间距离。

语句：

效果：

公司	收入	支出
A	￥100000	￥60000

4、ColSpan 与 RowSpan 的使用。

语句：

效果：

公司	收支		盈利 !
A	￥100000	￥60000	盈利 !

-- from aTiger's Space

16 septembre 18:13 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 17 - 新的 HTML 使用实例

虽然上个月底，MSN Space 封锁了页面自由定位的语句，使得以前图片和计数器置顶的语句失效了，但与此同时 MSN Space 也开放了一些以前不能在日志中使用的 HTML 语句，比如：<Table>表格、<HR>水平线，以及<sup>上标和<sub>下标。这使得我们有了一些比过去更简捷实用的方法来完成以前很复杂的事情。下面我就选取一些实例来介绍这些语句的用法。

（一）上标<SUP>和下标<SUB>

以前想在 MSN Space 上表示出上标或下标，往往是用插入特殊字符来表示上标，通过改变字体大小来写下标。现在有了上标和下标这两个语句，就可以在网页上写出真正的上标和下标了，而且上标和下标所能使用的字符大大拓宽了。尤其是对上标来说，很多特殊字符中没有的文字符号，以前无法实现的，现在都变为可能。请看实例：

特殊字符效果： 25² aTiger™ Haire®

上标语句效果： 25² aTiger^TM Haire^®

上标语句： <sup>上标字符</sup>

改变字体大小效果： H2O A1 谜语答案

下标语句效果： H₂O A₁ 谜语_答案

下标语句： <sub>下标字符</sub>

如果想要同时写入上标和下标，情况就比较复杂了，在后面的表格语句的应用中会给出实例。

（二）水平线/分隔线<HR>

在过去使用的 HTML Editor 2.0（Edit It）工具中，给出了一个添加水平线的图标，但当日志发布时，水平线会被过滤掉，并不能实际使用。所以不少朋友常常通过插入一长条图片来实现分隔的作用，网上也出现了很多收藏各式各样分隔线的日志。现在 MSN Space 允许使用水平线语句<HR>之后，一切变得简单了。虽然水平线可能没有图片那么动感实足、样式丰富，但是也能通过语言控制，变得色彩缤纷，起到分隔内容、装点日志的效果。

1、普通分隔线：<hr>

2、分隔线宽度属性：<hr width=50%> 或者 <hr width=250> （宽度为实际点数或百分比）

3、分隔线位置属性：<hr align=right width=50%> （位置分为 Left、Center、Right 三种）

4、分隔线厚度属性：<hr style="height:10px"> （奇怪，height=10 似乎不能起到效果）

5、分隔线无阴影属性：<hr style="height:10px" noshade>

6、分隔线彩色属性：<hr color=red> 或者 <hr color=#FF0000> （颜色可调）

7、渐变颜色的分隔线：

8、中心透明的分隔线：

9、中心不透明的分隔线：

10、波浪线：

11、三色线：

12、虚线：

13、竖线：

-- from aTiger's Space

16 septembre 18:10 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 16 - 无标题与彩色标题日志

无标题与彩色标题日志

（一）无标题日志

细心的朋友肯定已经发现了，当我们每次进入 MSN Space 编辑状态，添加一个新日志的时候，如果不在标题栏内写点什么，下面的 Publish Entry（发布项）按钮就一直是灰色的。如果想要做一个没有标题的日志，比如我的置顶日志，就可能遇到困难。不过，网上已经出现了几种制作无标题日志的简单方法，现在就逐一介绍一下。

1、空格法 —— 最简单，但不是最佳

最容易想到的办法就是在标题栏内填上一个不看见字符，比如：空格，这个空格要是中文全角模式的，英文半角模式的空格可不行。这样发布的日志里，表面上就看不见标题了。不过浏览的时候，日志还是空出了一行标题的位置。这对于带背景图片或背景颜色的日志来说，效果不是很理想。

2、BlogIt —— 简单，不过不知道 MSN 以后会不会封锁这个功能

这个方法来自于 MSN Space 的自带程序 Blogit.aspx 。具体用法是这样的：

Blog It

先鼠标右键点击上面这个红色链接，把它加入到收藏夹内。每当你需要新写一篇日志的时候，点击收藏夹内的链接或者直接在地址栏输入 http://spaces.msn.com/blogit.aspx 。这时就会进入一个日志编辑界面，虽然没有输入标题，但下面的发布按钮不是灰色的。这是输入日志内容，就可以发布一个无标题日志了。而且在浏览日志的时候，你就会发现和空格法不同之处 —— 没有留下标题的空白位置。在编辑界面的日志列表中，你会看到通过此方法产生的无标题日志被列为“...”。

3、Javascript 工具 —— Sanall Cobain 制作的又一实用工具

作为软件工程师的 Sanall 对 MSN Space 的编辑界面颇有研究，他仿照 HTML Editor 的方式用 Javascript 语言写出一个制作无标题日志的小工具。当你进入 MSN Space 编辑状态后，添加一篇新日志，这时在编辑窗口的 IE 地址栏内打入如下代码：

javascript:void(document.all.btn1.disabled=false);void(document.all.btn2.disabled=false);

当这条语句运行后，编辑界面内的灰色的 Publish Entry（发布项）和 Save As Draft（保存为草稿）按钮就可以使用了。这样不用写入标题，也能发布日志，其效果和 BlogIt 一样。当然可以把这段代码保存到 IE 的收藏夹里，以免输入之劳（请参考教程（八）里的添加方法）。

（二）彩色标题日志

如果学会了发布无标题日志，那么彩色标题就很容易了。采用上述的任一方法，在编辑日志的时候，自己在日志中加上一个标题，可以通过教程（四）所述方法来变幻颜色，这样彩色的标题就做好了。而且标题的字体大小可以任意调节，标题位置也不仅仅是在日志左侧，还可以选择“居中”或者“右对齐”。另外，还可以插入图片做为标题，灵活多变，任你发挥！比如这篇日志的标题，效果还不错吧？

需要提醒一点：无标题日志可不能滥用，不然在自己的日志列表中看不到标题，想再修改就得一个个点进去看，而且还有误删日志的危险。

（三）无名称列表

尽管“空格法”对于创建无标题日志不是最佳的方法，但对于建立一个无名称列表来说，键入空格的方法就是最简便易行的办法了。本来 MSN Space 里要求每个列表必需要有列表名称，但当你在列表名称中输入一个空格（中、英均可）后，点击 OK（确定）按钮，就可以创建一个无名称列表了。

-- from aTiger's Space

16 septembre 17:47 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 15 - 个性化的网络工具

个性化（Personalized），是一个现在网络上很流行的词汇。如果有兴趣去 Google 一下的话，你就能发现各式各样的个性化事物，比如：个性化的标签、个性化的签名，当然最多的还是讲述个性化的网页设计。简单说，个性化就是要有鲜明的特色，要与众不同，要能给人以深刻的印象。在茫茫网络上，很多人都想拥有一个个性化的网站，但这绝非易事，需要精心地设计、认真地制作、反复地雕琢。下面我就介绍几个有意思的个性化的小工具，希望它们对你设计自己网站能有所帮助。

-- from aTiger's Space

16 septembre 17:41 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 14 - 关于 MSN Space 的新发现

关于 MSN Space 的新发现

（一）MSN Space 的新编辑器

今天一打开 MSN Space 的编辑器，就发现界面已经焕然一新，MSN 终于开放了原来隐藏的编辑功能！这个新的编辑器界面和原来 HTML Editor 2.0 的界面很相似，只增减了两三个按钮。现在就让我们来熟悉一下吧！

上面一排按钮和 HTML Editor 没什么区别。下面一排稍有不同：多了一个 “Insert Search Link”（插入搜索链接）按钮，少了插入表格和图片的按钮，最后还有一个控制显示这些按钮的开关。在 HTML Editor 里，插入表格和插入图片的功能并不能用，所以去掉之后并无大碍。对于“Insert Link”（插入链接）和 “Insert Search Link”（插入搜索链接），只有当你选中一段文字或图片后，才能点击使用。“Background Color”（背景色）与“Text Color”（文本颜色）的调色板变得更加强大了，当你选择“More Colors”（其它颜色），再点击“Define Custome Colors”就能随心所欲地调制自己喜欢的颜色了。另外，HTML 模式切换按钮也做到了工具栏里，比 HTML Editor 使用起来更加方便！

刚发现，原来那些置顶的语句现在已经不好使了，看来 MSN 继上次彻底屏蔽了 Javascript 之后，又做了大的改动。不过，只要原来含有置顶语句的帖子，不再改动编辑，那些置顶图片还是可以用的。另外，网上高手众多，估计要找 MSN Space 的漏洞，还是能找到的，请大家耐心等待一段时间吧。

（二）MSN Space 增强了 HTML 语言的功能

细心的朋友可能已经发现了，这次 MSN Space 更新后，有些以前被屏蔽掉的 HTML 语言，现在已经能够使用了，比如：<HR>画一水平线，<Table>表格。其中功能最强大的一个语句就是 <iFrame>.......</iFrame> 浮动框架了，这给我们另一个机会来实现 Flash 动画的播放。请看下面这个例子——播放一首我所喜欢的歌曲MTV：

原 Flash 文件地址：
http://image2.sina.com.cn/dongman/f/2004-05-31/ U4P55T4D20335F248DT20040531151054.swf

动画播放文件地址：
http://w1.k688.com/flashmtv2/1.htm

MSN Space 中 HTML 语句：
<IFRAME src="http://w1.k688.com/flashmtv2/1.htm" width=475 height=245>
</IFRAME>

仿照这个例子，你就可以在 MSN Space 上播放自己喜欢的动画文件了！虽然这是一个间接播放 Flash 动画的方法，需要自己预先写好一个 HTML 放到网上，然后再调用到 MSN Space 里，但结果还是让人很兴奋的，不是吗？！

补充说明：

如果把 http://w1.k688.com/flashmtv2/1.htm 直接用 IE 打开，能看到这个 MTV 的播放，这是因为在 1.htm 里含有播放 Flash 动画的语句，所以我称之为“动画播放文件”。大家应该注意到了，我在<iFrame>语句里，调用的是 1.htm 文件，而不是原始的 swf 文件。如果你想播放另外一个swf 文件，只要把 1.htm 下载/保存到你的机器上，用“记事本”或“写字板”打开，更换里面的 swf 文件地址，然后存盘。这时，用 IE 打开你修改后的 htm 文件，看看是不是已经能播放你想要的 Flash 动画了。如果成功了，你就需要把这个修改好的文件上传到网上的免费空间。然后在编辑日志的时候，<iFrame>里写上你这个 htm 文件的地址就可以了。

当然有些 swf 文件可以用<iFrame>语句直接调用，所以可以先试试把 swf 文件地址直接放在<iFrame>里行不行。如果能成功，就不用再写 htm 文件了。比如这个下面这个在线宠物的例子：

MSN Space 中 HTML 语句：
<IFRAME src="http://bunnyherolabs.com/adopt/fish.swf?clr=0xff1122&cn=mermaid&an=atiger" width=400 height=260>
</IFRAME>

这个网络宠物还挺有意思的，不仅可以给它起名字，还可以加上收养者的名字，甚至还能换颜色。上述语句中，“clr=”后是宠物的颜色代码，“cn=”后是宠物名字，“an=”后是收养者的名字。别忘了用鼠标点上鱼缸边的鱼食来喂我的小鱼哦！

-- from aTiger's Space

16 septembre 17:37 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space

MSN Space Technologie Part 13 - 几个 MSN Space 的小技巧

这一节里主要是给刚开始使用 MSN Space 的朋友介绍一些基本的小技巧，比如：留言簿的制作、MSN在线状态显示等。

（一）留言簿的制作

既然有朋友问到了留言簿的问题，那我就先讲讲这个。先要明确一点，留言簿其实也是一篇日志，只是被用来当做留言版了。具体制作过程如下：

① 首先添加一篇新的网络日志，标题随意，比如：“留言簿”，日志里可以写些对来访朋友们说的话，也可以参考前面的教程（二）和（十）放上背景音乐和计数器。日志写好后，就可以发布了。

② 预览一下，点击此日志下方的 Permalink（固定链接），复制此链接。此固定链接的形式一定是“http://spaces.msn.com/members”开头，以“.entry”结尾，不然就是找错了。

③ 回到 MSN Space 的编辑状态，点击右上方的 Customize（自定义），选择 Modules（模块），创建一个 Custom List（自定义列表）。在这个新建列表里，选择 Add Item（添加项目）。在新跳出的窗口里，填上 Link Name（链接名称）为“留言簿”，把上一步复制好的固定链接复制到 Web Address（网址）里，而 Comment （评论）是可有可无的，就可以点击 OK 按钮。

④ 点击 Save （保存）后，看一下预览效果，点击一下“留言簿”的链接，一个留言簿就做好了。如果有不满意的地方，还可以重新进入编辑模式，进行修改。

（二）在 MSN Space上显示 MSN/Yahoo/AOL/ICQ Messenger 在线状态及通话

如果你希望当访问者来到你的 MSN Space，就能知道你的 MSN/Yahoo/AOL/ICQ Messenger 的在线状态，甚至能和你直接通话，那么你就需要一个在线状态指示器。我就以 MSN Messenger 来举例说明吧：

① 先到打开这个网页 http://www.onlinestatus.org/usage.html，你就能看到一个在线状态指示器的列表，从中选择一个网站，并点击进入。比如：http://www.the-server.net:8002/。

② 打开网页后，在“Messenger”下拉菜单里选择 MSN，输入你的 MSN Messenger 用户名，点击“Get HTML Code”按钮，网站就会为你生成一段 HTML 代码。比如我的代码如下：

<A HREF="http://www.the-server.net/osi3/message/msn/atiger_bbs @ hotmail.com">
<IMG SRC="http://www.the-server.net/osi3/msn/atiger_bbs @ hotmail.com"
align="absmiddle" border="0" ALT="MSN Online Status Indicator"
onerror="this.onerror=null;this.src='http://www.the-server.net/osi3/image/msnunknown.gif';"></A>

绿色代码是注释部分，可有可无；红色为有效代码；蓝色应该是你的 MSN Messenger 所用的Email地址。

③ 将这段代码通过 HTML Editor 写入你的新日志后，就会在你的 MSN Space 上显示的是一个图标。如果显示的是彩色图标“”，就表明你的 MSN Messenger 处于在线状态；如果显示的是灰色图标“”，表明你的 MSN Messenger 处于关闭状态；如果显示的是一问号“”，则表明未知状态。

④ 如果图标显示在线状态，网友想通过 MSN 和你交谈，只需要点击这个图标即可打开一个新的 MSN Messenger 对话窗口了。

需要注意的是，该在线指示状态不会实时更新，它显示的状态是访问者登陆你的空间时你的在线状态，如果你在此期间上线或离线，指示器不会同步做出反应，只有刷新页面后才会看到变化。另外，如果提供在线指示的服务器暂时关机了，那么指示器就无法正确显示了。

（三）看看自己的网页被谁链接了

现在出现了一些专门搜索 Blog 链接的网站，而且和其他著名的搜索引擎相比，它们对 Blog 监控得更全面些。从上个月开始接触、使用这些搜索网站，发现链接我的 MSN Space 的朋友越来越多，这不仅使我的 Blog List 不断增加，而且也可以说是对我写教程的一种鼓励。在此谢谢各位朋友了！

通过近一个月的使用比较，我从五、六个类似功能的网站里挑出两个感觉比较好的介绍给大家：

① http://www.technorati.com/

这个网站现在号称已经能跟踪一千一百多万个网站已经超过十二亿的网络链接，可是算是搜索最全面的一个了。具体使用起来也很简单，既可以到此站点搜索网页 http://www.technorati.com/search/，在 Search 搜索栏内填上你的 MSN Space 的网址，也可以在网络浏览器窗口的地址栏里直接输入此地址 http://www.technorati.com/search/你的网站地址，别忘了把它加到你的收藏夹里，以后就不用自己动手输入了。

② http://www.pubsub.com/

这个网站不仅能搜索超过一千两百万的网络资源，而且还能给出一个月的链接统计图表，非常直观易用。使用方法和上一个类似，既可以到站点搜索网页的 http://www.pubsub.com/site_stats.php 搜索栏中输入你的 MSN Space 网址，也可以在 IE 地址栏内直接输入 http://www.pubsub.com/site_stats.php?site=你的网站地址。

-- from aTiger's Space

16 septembre 17:31 | Ajouter un commentaire | Lien permanent | Ajouter au blog | MSN Space