MSN Space技巧懒人代码

现在大部分论坛都支持UBB，因此可以直接实现各种媒体的插入功能，然而原MSN Space网络日志发布栏仅列出了HTML的几个功能项，所以在我们编辑前需要到以下地址去获取由Scott开发的插件(Edit It),目的就是为了可以直接实现Html语言的编辑工作。
1.[添加Edit it工具]
首先访问http://www.siteexperts.com/blogging/editit.htm这个地址，找到"Edit it"连接，
然后用鼠标右键单击此连接，将其添加到收藏夹内，这样插件添加完毕。
我们进入MSN Space的编辑状态，新添加一篇日志，在编辑前点击收藏夹中的"Edit it",比较点击前后是不是不太一样了呢？
其实，最大的区别就是在输入框下多了一个"Use HTML to create your page-Edit the HTML formatting commands directly"选项,将此选项勾选后你就可以直接对你的日志进行HTML编辑了。

2.[添加背景音乐]
首先要准备好你要添加的音乐文件地址,如http://www.xxx.com/xxx.wma(流媒体文件格式可以是WMA、ASF、MIDI等，最好选用较小体积的文件，传输时间会相对较短)
然后要进入以上所介绍的HTML编辑模式(勾选Use HTML to create your page...)将如下代码输入文本框，添加好你的音乐文件地址，点击发布即可。
<P><IMG height=0 loop=infinite dynsrc=音频文件链接地址 width=0 border=0></P>
注:loop为控制循环播放的次数(infinite无限循环、0不循环、其余次数输入数字即可)可以修改,其他项保持不变。

3.[添加视频]
同样,首先准备好视频文件地址(流媒体文件格式可以是WMV,ASF,MOV,ASX等)，进入HTML编辑模式，插入如下代码。
<P><IMG height=视频显示高度(px) width=视频显示宽度(px) loop=infinite dynsrc=流媒体文件链接></P>
注:视频宽高度推荐单位为px(如width=300px),0为不显示视频，仅播放音乐。

4.[添加背景颜色]
首先在普通模式下编辑好你的日志，然后进入HTML编辑模式，参照如下代码，将你编辑好的所有代码放入<p></p>之间即可实现。
<div style="width:100%;height:100%;background-color:背景颜色值;"><p>日志内容代码</p></div>
注:背景颜色值(如#000000黑色，#ffffff白色等)，<p></p>为段落标签(在此标签中可以插入文字、图片、视频等排版后的若干代码)。

5.[添加背景图片]
同样在普通模式下编辑好你的日志，然后进入HTML编辑模式，参照如下代码，将你编辑好的所有代码放入<p></p>之间即可实现。
<IMG src="背景图片链接地址" width=图片宽度值(px) height=图片高度值(px) align=right style="FILTER: Alpha(Opacity=100, finishOpacity=0,Style=2) ">
<DIV style="FILTER: Alpha(Opacity=45, FinishOpacity=45,Style=0); Float: left; Width: 文本宽度值(px);Line-Height: 行间距值(px); Letter-Spacing: 字符间距值(px)">
<P>日志内容代码</P></DIV>
注:实现动态的背景画面，只需要把GIF格式的动画文件作为背景图片。
Alpha为CSS滤镜属性中的透明度，其中的opacity代表透明度水平(值为:0完全透明-100完全不透明),FinishOpacity代表结束时透明度(此项为可选参数，用来设置渐变透明效果，值为:0完全透明-100完全不透明)，Style代表透明区域的形状特征(值为:0统一形状、1线形、2放射状、3长方形)。
align为图片对齐方式(left左对齐、right右对齐、top顶端对齐、middle中间对齐、bottom低端对齐)。Float为浮动对齐方式(left左对齐、right右对齐、top顶端对齐、middle中间对齐、bottom低端对齐)。
文本宽度值，除了可以设置具体值以外，还可设为100%代表自适应完全分布在整个日志页面上，也可改为90%相对页面90%的宽度、80%等等。
建议依照以上代码，仅修改其中文区域，其他部分保持不变，当然你也可以根据自己的个人喜好多加尝试其他参数的修改，从而达到不同的效果。

6.[添加彩色边框]
同样在普通模式下编辑好你的日志，然后进入HTML编辑模式，参照如下代码，将你编辑好的所有代码放入<div></div>之间即可实现。
<div STYLE="border-style:solid;border-width:3px; border-color:blue">日志内容代码</div>
注:border-style代表边框样式(值为:Solid简单线形边框、Double简单双线边框、Groove沟线立体效果边框、Ridge脊线立体效果边框、Inset嵌入线立体效果边框、Outset 浮出线立体效果边框)
border-width代表边框的粗细(px/pt/...)，border-color代表边框的颜色(也可指定十六进制颜色值，如#003366)

7.[添加文字特殊效果]
同样在普通模式下编辑好你的日志，然后进入HTML编辑模式，参照如下代码适当修改参数，再将编辑好文字插入指定区域即可实现。
阴影： <FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black,direction=120); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
发光： <FONT style="COLOR: #xxxxxx; FILTER: glow(color=#RRGGBB,strength=250); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
模糊： <FONT style="COLOR: #xxxxxx; FILTER: blur(add=true, direction=45,strength=5); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">日志文字</FONT>

8.[添加滚动条]
同样在普通模式下编辑好你的日志，然后进入HTML编辑模式，参照如下代码，将你编辑好的所有代码放入<div></div>之间即可实现。
<DIV align=center style="color: #ffffff; background-color: #000000; border: solid 2px black; width: 120px; height: 200px; overflow: scroll;
scrollbar-face-color: #889B9F;
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>
注:scrollbar-arrow-color为滚动条箭头色彩

9.[文字竖排效果]
同样在普通模式下编辑好你的日志，然后进入HTML编辑模式，参照如下代码适当修改参数，再将编辑好文字插入指定区域即可实现。
<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><P>日志文字</P></DIV>
之后，点击上方编辑功能按钮中“字型”下拉菜单，如果此时你不想更改日志文字的字体，则在字型选单中选取第一项，即“Arial”纠正单个文字倒置。
注:Writing-Mode其后的tb代表文字排列从上到下，rl代表从右到左。

10.[选择语种登陆页面]
将页面转换成简体中文,只需在你的Space空间链接的末尾加上“ /?mkt=zh-cn ”，例如空间链接是：

(注:法语 /?mkt=fr-fr 德语 /?mkt=de-de 日语 /?mkt=ja-jp 俄语 /?mkt=ru-ru 荷兰语 /?mkt=nl-nl 朝鲜语 /?mkt=ko-kr 英国英语 /?mkt=en-gb 西班牙语 /?mkt=es-es 繁体中文 /?mkt=zh-hk 意大利语 /?mkt=it-it )

11.[添加计数器]
首先申请一个简单的计数器，提供此项服务的网站很多，在搜索引擎中键入“Free Web Counter”就会查找到很多结果。(loadmemory推荐http://www.amazingcounters.com或http://www.statcounter.com)
注册成功后选择好一个计数器，输入你个人网站的信息，之后便会获得一段在线生成的HTML页面的代码，最后将获取的代码拷贝，转到你需要插入计数器日志，选择HTML编辑模式，将刚才获取的代码粘贴到空白处即可。

12.[添加MSN在线状态指示器]
首先到此地址http://snind.gotdns.com:8080/ 在“Messenger”下拉菜单里选择MSN，输入你的MSN Messenger用户名，网站很快会生成一段代码，这段代码显示的是一个图标，通过其颜色的变化来显示Messenger的不同状态，直接将此代码按上述方法添加到日志中即可。
注:必须将MSN Messenger“设置”选项里的“隐私”部分，调整为“允许任何人查看我的联机状态”方可有效。




偶还要图片

<div style="WIDTH: 109px; HEIGHT: 108px;">
<img height="108px" src="http://storage.msn.com/x1pw_6EGuGCxXCMx46GPzrYuVVA27PnQROvKQbnBS92FTAzXu41h1iYKIUxwFaK4un2jHce9TcoXNqj4_u1Z5mApG-Nq-P-zTUe" width="109" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 109px; HEIGHT: 108px; ">
<br>
<font color="#FF00FF">內容
<br>
<br>
圖片在文字下方</font>
</div>
</div>





偶要音樂

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>偶要音樂嘛，为什么没有呢？</title>
</head>
<body>
<img height=301 width=374 loop=infinite dynsrc="http://202.98.223.75/httpd2/wma/04/0059/30_413916.wma "></body>
</html>

在msn space中加入背景音乐

代码↓

<img height=图高 loop=infinite dynsrc=http://www.XXX.com/影片或音乐.asf border=框框厚度 start=mouseover alt=图片说明 src=http://www.XXX.com/图片.jpg width=图宽 align=位置>

second step --> 加入如上代码 ↑

一些可用的参数说明:

如下 ↓

1.loop=infinite 指播放的次數,如果不加就只播放一次 (可設成=2、=3之类,infinite表无限播放)



2.dynsrc=http://www.XXX.com/影片或音乐.asf 你的影片或音乐网址(不能使用mms://连結)



3.width=图宽 height=图高(例:width=19 height=19) 影片宽和高(像素) 如果是音乐就是图片的宽和高(音乐应该只能听不能看吧) 注意:可以设0,但必加此项,否则会失败



4.border=框框厚度 (例 border=0)图片框框的宽度(不要框框就设0)



5.start=mouseover 启动方式,mouseover代表滑鼠要移动到该画面,該画面才会开始播放影片,不加就是自动播放(音乐无法自动播放,千万別加start=mouseover) <-除非你转成影片格式
*所谓自动播放,还是要以看到图为准,并不是指网页开启就算了*



6.src=http://www.XXX.com/图片.jpg 图片网址(拿掉就不显示图)
(如果是音乐:必显示图 ; 如果是影片:影片读取中或读取失败会显示图、播放中或播放完毕不会显示图)



7.align=位置 (例 align=left 或 align=right) 图片文绕图时所在的位置(不是很重要)



常用语法1:背景播放音乐
<img height=0 loop=infinite dynsrc=http://www.你的.com/音乐.asf width=0>


常用语法2:背景播放音乐一次(放音效)
<img height=0 loop=1 dynsrc=http://www.你的.com/音乐.asf width=0>

常用语法３:背景播放音乐+图片(和图片说明)


<img height=图高 loop=infinite dynsrc=http://www.你的.com/影片或音乐.asf alt=图片說明 src=http://www.你的.com/图片.jpg width=图宽 align=图片文绕图位置>



示范一下：



HTML語法:（手动播放一次）

<img height=212 dynsrc=http://idisk.mac.com/jahorne/Public/powered_by_300.wmv border=0 start=mouseover alt=WMP9 src=http://mywallop.com/wc1/794752_per/pic/3383740.jpg width=321>



为日志添加背景图片

MSN Space进阶技巧---为日志添加背景图片



一篇精彩的日志文章再配上一幅贴切主体的背景画面一定会带来不同凡响的效果。不知道为什么微软没有考虑到用户这么基本的需求，以至于大家为此费了不少心力。以前我也尝试过用若干语法来解决这个问题，但都没有实现。后来因为回国，天天在现实生活中摸爬滚打，一个多月的时间没有再思考网络社会里的这些问题。回到德国后，难得一两天清闲，就又想起了添加背景这档子事，把相关语法逐一试了一遍，终于找到了解决办法。随后又在Space空间闲逛的时候发现有些朋友早就实现了这一功能，遂将自己的与旁人的经验加以总结，写了这篇教程。



仍然像以往一样，在这里我们不过多地探讨实现这一功能所涉及的语法命令，这样过于繁琐，也没有太多现实意义。我仅将具体应用时所需要的语法列出来，再对几个重要参数加以说明。
首先进入正常日志编辑模式，键入你所需的日志内容，并视个人需要进行排版编辑。然后点击“Edit It”按钮，进入HTML语法编辑模式，并勾选下面的“使用HTML格式建立网页”。
将下列语法粘贴至你的编辑页面内顶端：



<IMG src="背景图片链接地址" width=图片宽度值 height=图片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">
<DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); FLOAT: left; WIDTH: 文本宽度值">
<DIV style="LINE-HEIGHT: 行间距值(pt); LETTER-SPACING: 字符间距值(em)">
<P><FONT color=#ffffff size=2>你的日志文字</FONT></P>
</DIV></DIV>



再将你刚刚编辑好的文字内容（注意，除了文字内容可能还会包含你进行格式编排后的若干语法语句）剪切并粘贴到上面语法中的“你的日志文字”的位置。


下面简要介绍一下上面语法中的两行主要命令语句的含义：


<IMG src=…….>控制日志中的背景图片，图片的宽度及高度值均以px为单位；align这一参数控制图片位置，但不要对此进行更改，否则无法实现文字浮于图片之上的效果。Filter控制背景图片的柔化滤镜，大家可以修改其中的数值已达到不同的效果，但注意style的值只能取1，2，3这三个数值。除了柔化效果外，还有翻转、发光、阴影等若干特效，但语法表述各有不同，在此不再赘述，有兴趣的朋友可以在互联网上查询相关语法。在Space空间不同的布局方式下，日志宽度是不相同的，所以为了更好的配合日志的页面效果，建议选择合适宽度的图片，具体可根据布局的实际情况（即日志的宽窄程度）将图片宽度分别设定在260px、350px、370px、550px、730px左右的近似值。


<DIV style="FILTER…….>控制日志文字的若干效果，其中Filter命令的使用方法与前述一致，也是调节柔化效果。文本宽度也采取px为单位，其最大值也要参照上面不同布局方式时所要求的近似宽度值，如果你希望文字完全分布在整个日志页面上，那么将WIDTH值设为100%即可。在设定了具体宽度的情况下Float命令可以省略，否则请予以保留。


有一个问题需要注意，预览中文字相对于背景图片的位置往往与最终显示在日志中的位置不一样，这还需要你返回到该日志进行进一步的修改，这确实需要一些耐心，但相信经过一段时间的实际应用，你会总结出一些经验技巧的。http://spaces.msn.com/members/yourname更改...爰蛱逯形囊趁妗