MSN技巧（htm代码）

MSN Space 高级技巧 zz(精彩)

 MSN Space 高级技巧 

《准备篇》

先获取“Edit it”链接。
网页http://www.siteexperts.com/blogging/editit.htm中有个Edit it的“链接”，点鼠标右键添加到收藏夹。
或者左键按住它往“收藏夹”下的“链接”文件夹中拖动。

MSN Space中，编辑“网络日志”时，点击IE浏览器“链接(Link)”中的“Edit it”按纽，“网络日志”编辑工具栏会多出几个图标：剪切、

复制、粘贴、字型、字号。“网络日志”编辑窗口下还有“HTML编辑方式”可以选择。编辑网络日志将更方便。

《自定义日志背景》

通过编辑HTML语言方式，可以自定义MSN Space日志的背景。

编辑日志之前，先点击“链接”中“Edit It”按钮，然后选取编辑区域下方的HTML语法编辑选项，进入HTML编辑状态。
你会看到页面上有如下标记<p></p>。将下列语句放置到编辑页面中：

<div style="width:100%;height:100%;background-color:#990000;"></div>

注意，这里需要你略微调整一下，将<p></p>嵌套在这一语句中，即如下形式：

<div style="width:100%;height:100%;background-color:#990000;"><p></p></div>

在<p>和</p>之间试着打几个字，然后点击预览日志，可以看到日志的背景颜色已经改变。
当你想更改不同色彩的时候，只需将#990000这个颜色编码的数值加以调整就行了。
如果你手头有图形处理或网页编辑软件，使用调整色彩功能，可获取自己心仪的色彩数值。

《立体彩色边框》

如何定制具有立体效果的背景样式？
先从为日志文字添加带有色彩的边框说起，因为其涉及到的CSS边框属性语法是以后制作立体效果边框的基础形式。

请记住下面这段语法：

<div STYLE="border-style:solid;border-width:5pt; border-color:red">日志文字</div>

它会在你的文字外围生成一个红色边框，border-width控制边框的粗细，border-color调整边框的颜色，这里你仍然何以使用前文提到

的形式如#xxxxxx的颜色数值，而border-style则控制边框的效果，当使用“solid”则为单一颜色的线形简单边框。

接下来我们再将上述语法扩展一下，就可以获得具有立体效果的彩色边框。

那么从何下手呢？其实就是在border-style后面使用不同的语法描述：

Solid 简单线形边框 Double 简单双线边框 Groove 沟线立体效果边框 Ridge 脊线立体效果边框 Inset 嵌入线立体效果边框 Outset 浮出

线立体效果边框

你可以在MSN Space日志中尝试一下上面不同的语法，然后在预览中观看效果。通过定制边框的方法再将上一教程添加背景色彩的

语法嵌套其中，你就可以创造出具有立体效果的彩色日志背景。

例如：<div STYLE="border-style:outset;border-width:2pt; border-color: red">
<div style="width:100%;height:100%;background-color:#ffff00;">日志文字
</div></div>

使用上述语法将会为你呈现一个黄底色红边框的浮出线效果背景，其实上述语法还有其他形式的简化写法，这里不再赘述，只采用

上述较直接易理解形式。

对于背景边框的四个边你也可以按自己的需要进行调整，以左边框为例，你可以使用下述语法：

Border-left-style:solid (double, groove, ridge, inset, outset)定制边框样式
Border-left-color: #xxxxxx定制边框颜色
Border-left-width: xpt 定制边框粗细

其他三个边框只要分别使用Right, Top, Bottom就可以了。

将下面的语法放到你的日志中预览一下，看一看是什么效果：

<div style= "border-top-style:outset;border-right-style:outset;border-left-style:outset;
border-bottom-style:outset;background-color:#cc3366">

你可以按照自己的想法随意调整四个边框的式样，以便创造与众不同的效果。

记住一点，不同的属性描述之间用 ; 隔开。另外，你可能会注意到，当你设置完边框返回到日志文本编辑模式，在键入文字过程中

如果使用回车键，就会又出现一个边框，从而影响文字的连贯性，这是因为HTML语法中不支持硬回车。要解决这个问题，必须返

回到HTML编辑模式，在需要回车的地方键入<br>，需要几次回车就键入几个<br>，然后再返回到文本编辑模式，你就会发现边框

背景内已经为你加入了回车后的效果。

《文字特效》

阴影：<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH:

100%"><B>日志文字</B></FONT>

发光：<FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH:

100%"><B>日志文字</B></FONT>

模糊：<FONT color=#xxxxxx style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder;

WIDTH: 200px">日志文字</FONT>

三种效果的语法格式基本相同，只不过使用了不同的滤镜属性。
Color控制文字的颜色；Filter控制不同的滤镜效果，其内部的具体参数，诸如阴影及发光的色彩、模糊的方向及强度都可以按照需

要自由调整；注意各效果语法中Width这个参数，当你的字号大小有所变化的时候，你也需要相应调整此项值，否则会造成文字无

法正常排列的结果。另外，模糊效果中的Add 意为是否保留原效果，取值为0 or 1，一般设为1即可。其他方面的参数没有太多需要

强调的，这里之所以采用华文彩云字体同时加粗，是为了达到更好的效果，你完全可以按照自己的喜好加以调整。需要说明的是，

这几种效果只适用于标题或少量文字上，否则后造成阅读上的困难。

“文字强调显示”

<font style="BACKGROUND-COLOR:#FF00000" color="#FFFFFF">...</font>

style="BACKGROUND-COLOR:#FF00000：底色－红色
color="#FFFFFF"：文字颜色－白色

“文本周围加线框”
 
<div style="border: 1px dashed #000000;background-color:#FFFFE0"> ... </div> 

1px：框线宽度－ 1 点
dashed：框线式样－虚线
#000000：框线式样－黑色
background-color:#FFFFE0：背景颜色－淡黄

“文绕图”
 
<img src="..." align="right">

align="right"：图靠右
left－图靠左

“滚动文本框”

大篇幅的日志会占据页面的大部分空间，从而影响整体的美观性。
通过为其添加一个带有滚动条的文本框，则能够很好地解决上述问题。

相关语法：

 <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>

上述语法生成一个带有黑色背景及灰蓝色边框的文本滚动框。语法里的参数相当简单，主要是控制不同部分的色彩，你可以做相应

变化并在预览中观看实际效果。至于调整文本框的大小，你可以在插入此语法后退出HTML编辑模式，然后在日志编辑页面使用鼠

标直接进行调整。

“文字竖排版”

文字竖排没有什么真正的实用性，只会给阅读者造成麻烦，只是尽可能挖掘Space的潜力。语法如下：

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

这个语法中唯一的亮点就是Writing-Mode这个参数，其后的tb代表文字排列从上到下，rl代表从右到左。

《添加背景音乐》

1． MS Frontpage方式

在网上搜索你需要的音乐（推荐使用WMA格式，体积小，载入快）。
先获取该文件的确切链接地址，如：http://www.xxx.com/xxx.wma

有了链接地址后，运行MS Frontpage，新建一个文件，然后在页面中插入图片，图片建议越小越好。

然后用鼠标右键单击该图片，选择“图片属性”，在弹出的对话框中选择“视频”选项，将刚刚获取的音频文件的链接粘贴到“视频源”

一栏，然后设置“重复”选项中的“循环次数”，这里依你自己的喜好加以选择。“开始”选项中的设置不用管它，留空即可，最后点击“

确定”。Frontpage会用一段时间获取你的视频源，时间长短依据你的音频文件的大小。这时你会发现原来插入的图片缩成了一个小

图标，用鼠标右键单击它，然后点击“复制”。

回到你的Space空间，新建一篇日志，或打开你想添加背景音乐的日志，将光标移至空白处，然后用IE浏览器“编辑”菜单里的“粘贴”

命令或CTRL+V快捷键，将你刚才复制的内容粘贴于此。正常的话，你不会看到任何粘贴的内容，再稍等一些时间，无须打开日志

预览，你就可以听到背景音乐了。

2．简单语法方式

通过分析上述操作的源代码及语法格式，发现了一种更为简便的方法：

只需插入一个极简单的语法句子，就可快速实现背景音乐的加入。请大家记住下面这个语法：

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

此段语法中唯一需要你更改的就是Loop，它控制循环播放的次数，当为infinite时是无限循环，为0时是不循环，其他循环次数只需

键入相应数字即可。

《如何添加视频》

怎样在日志中放入视频片断呢？它的灵感也来自于背景音乐的语法格式。

通过上一个教程大家就可以了解到，图片“属性设置”里的“视频源”选项起到了关键作用，那么既然它叫做“视频”源，我们又成功地

用它实现了音乐的载入，那理所当然就可以加入视频了。

本着这个思路，将语法中的音乐文件改为asf流媒体文件的链接，然后调整语法中IMG的宽度和高度，在Space的日志中一试即告成

功，同时利用Loop参数也解决了以往不能循还播放的问题。

所以，如何加入视频，就和上一章介绍的加入背景音乐一样可以通过利用MS Frontpage实现，还可以使用下面这段语法：

<P><IMG height=150px width=150px loop=infinite dynsrc=流媒体文件链接></P>

IMG后的Height和Width分别控制视频画面的高度和宽度，可以根据需要自行调整，如果都设置成0的话，那么就只有音乐看不到图

像，这也等同于插入背景音乐的效果。Loop控制循环次数，用法可参见上一章的描述。

对于页面中视频位置的控制，可以使用日志编辑器里简单命令，另外也可通过加入下述语法实现视频与文字的完美结合。

举例如下：

align=left 文字置于视频的右边，并与其紧密结合
align=right文字置于视频的右边，并与其紧密结合
align=top 文字队齐视频顶端
align=middle 文字队齐视频中部
align=bottom 文字队齐视频底端

这里关键是流媒体文件的获取，正常的流媒体文件以asf为后缀，这是最直接的形式；也有以asx为后缀的，这种文件格式隐藏了流

媒体的真正地址，但没有关系，你一样可以将带有asx后缀的链接放到你的语法中。
目前网上多数流媒体文件都隐藏了其链接，很难通过直接的方法来查看，有关这方面的破解技巧网上多有，大家可以试试。

《添加计数器》
 
通过计数器可以了解自己空间的受欢迎程度

如果只是在日志中显示来访总数，那么申请一个简单的计数器即可（搜索“Free Web Counter”会查找到很多结果）。

推荐http://www.amazingcounters.com
该网站提供350多种计数器，款式繁杂，花色多样。注册成功后你就可以选择心仪的计数器了，然后再输入你个人网站的信息，你

将获得一段在线生成的HTML页面的代码。

某些网站还提供给你简单的在线编辑功能，让你进一步对计数器的外观作简单的修改，更好地适合你的需要。
将获取的代码拷贝，然后转到你需要插入计数器的MSN Space日志，点击“Edit It”按钮，进入HTML语法编辑状态，将刚才获取的

代码粘贴到空白处，再退出HTML编辑状态，在日志文本处理模式下调整计数器的位置。

由于MSN Space空间没有提供置顶功能，你必须自己调整计数器的位置，可将它始终放置在第一篇日志。

如果你想获得有关你的空间流量的具体信息，诸如单位时间内的访问量，来访者停留时间、IP及所在国家等等。上述网站就不能满

足你的需要了。推荐你到http://www.statcounter.com申请此项服务，它提供了极其强大且稳定可靠的统计功能，几乎面面俱到，而

且众多信息均以图形或表格的方式予以呈现，直观明了。所有这些服务均为免费，除非你的月访问量超过20万。唯一的缺点就是提

供的计数器样式过于简单，可供选择的余地也不大。它的申请过程很简单，成功后会先让你选择计数器样式（你可以进行简单的定

值），然后设定某些参数，诸如通过Cookie功能将你自己的登陆排除在统计数字之外等。之后你可以在Install Code页面获取HTML

代码，需要注意的是，它会为不同类型的页面生成不同的代码，因此你要在“Statcounter Code Option”里选择“Html Only Code”，通

过这个命令生成的代码才可用于MSN Space，获取代码后的操作就和上面已降解的方式一样了。

《MSN在线状态显示》

申请MSN在线状态指示器很简单，去网站http://snind.gotdns.com:8080/
在“Messenger”下拉菜单里选择MSN，如果你有Yahoo等其它及时通讯工具，也可以为其申请相应的指示器。

输入你的MSN Messenger用户名，网站很快会为你生成一段代码。这段代码显示的是一个图标，通过其颜色的变化来显示你的

Messenger的不同状态。直接将此代码按上述方法添加到日志中就可以了。

注意：该状态指示不会实时更新，它显示的状态是访问者登陆你的空间时你的在线状态。如果你在此期间上线或离线，指示器不会

实时同步做出反应，除非刷新页面才会看出变化。另外显示的状态和真实状态可能会有稍许延迟，但不严重。如果服务商的Server

关机，那么指示器也无法正确显示任何状态。

《附表：颜色选取参数表》

http://loadmemory.spymac.net/image/color.gif

转载于:https://www.cnblogs.com/herorest/archive/2006/09/10/500140.html