★滚动文本框代码★

把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片，而且文本框的大小可以随意调整。

<DIV align=center
style='
color: #990099;
background-color:#FFFFE0;
border: solid 2px black;
width: 470px;
height: 180px;
overflow: scroll;
scrollbar-face-color: #ffc0cb;
scrollbar-shadow-color: #ffb6c1;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #ffb6c1;
scrollbar-darkshadow-color: #90ee90;
scrollbar-track-color: #ffdead;
scrollbar-arrow-color: #f5deb3;
'>日志文字</DIV>  

      代码实现的文本框是浅黄色的背景，粗略效果如文本框内所示。

（注释：附语法语句的解释：

//层开始标记，对中对齐
: <DIV align=center
//样式如下：
: style='
//前景色为#ffffff
: color: #ffffff;
//背景色为#000000
: background-color: #000000;
//边框为2像素，黑色
: border: solid 2px black;
//宽度120像素
: width: 120px;
//高度200像素
: 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>

美化您的网络日志－强调显示

<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：背景颜色－淡黄

　可是　有时候　寂寞如海啸般袭来
　令人窒息　无处可躲　　
　深陷孤单的深渊中　无助　无力
　只剩寒冷　黑暗　
　一个人承担
　一个人等待阳光…

 <div style="border:1px solid #000000;">实线</div>

 <div style="border-style:outset; border-width:1px;">外凸</div>

 <div style="border:3px double #000000;">双线</div>

 <div style="border:1px dashed #000000;">虚线</div>

效果：你所要显示的文字    ABCDEFG       世界和平 无
html代码：
<FONT style="FILTER: glow(color=green,strength=3); CURSOR: hand; HEIGHT: 1px" color=#ffffff size=4>你所要显示的文字</font>
参数说明：
style="FILTER: glow(color=你要发亮的颜色,strength=发亮的强度); CURSOR: 鼠标的样式-假如你要做链接的话-可用http做链接 ; HEIGHT: 1px
face=字体
color=文字颜色
size=文字大小

1. 到目前為止僅適用Microsoft Internet Explorer 上而已。
2. 是無意間測試發現的.....^^"
3. 最下面有 Step by Step 教學 。 (4/19修改)
4. 使用半透明背景主題的人士，加上濾鏡會與MSN Spaces的濾鏡發生衝突，效果大減。

要如何模擬成有背景圖片呢？

HTML語法：(紅色為關鍵部份，不可去掉) 

本文寬與本文高設定成 100% 就能延展擴大至整個網誌內容....像本篇背景

＊1.只要設定背景圖片位址和寬高(純網誌背景圖而已)(background-color: TRANSPARENT;已省略)

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

＊2.可自行設定本文寬、本文高(需使用絕對大小如px)，也可自行加線框，配合★圖層框框製作附加捲軸變化 教學，會有豐富效果。

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

範例：

HTML：

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

結果：
　

內容

圖片在文字下方

$進階用法：

◊在前景部份(上方部份)可以換成圖片濾鏡

範例 1(文字變透明)：

HTML：

把【background-color:TRANSPARENT;】
換成其中一種濾鏡【filter:alpha(opacity=35,finishOpacity=35,style=0);】

<DIV style="WIDTH: 109px; HEIGHT: 108px"><IMG height=108 src="http://storage.msn.com/x1pw_6EGuGCxXCMx46GPzrYuVVA27PnQROvKQbnBS92FTAzXu41h1iYKIUxwFaK4un2jHce9TcoXNqj4_u1Z5mApG-Nq-P-zTUe" width=109 align=right>
<DIV style="FLOAT: left; WIDTH: 109px; HEIGHT: 108px; filter:alpha(opacity=50, finishOpacity=50,style=0)"><BR>
<b><FONT color=#ff00ff>內容 <BR><BR>圖片在文字下方</FONT></b></DIV></DIV>

　

結果：【文字也變透明了】
　

內容

圖片在文字下方

<div style="WIDTH: 100%; ">
<img src="透明圖片" width=100% align="right"><img height="圖高" src="背景圖片" width="圖寬" align="right">
<div style="float:left; WIDTH: 100%; ">
內容
</div>
</div>
　

<div align=center>
<div style="WIDTH: 本文寬; ">
<img src="背景圖片" width="100%" align="right">
<div style="float:left; WIDTH: 100%; ">
內容
</div></div></div>
　

我試了一下「float:left; background-color: TRANSPARENT」可以省略，DIV本身就是透明的。http://spaces.msn.com/members/klcincn/Blog/cns!1pWxxpDggkEo38woh3bmyOEQ!129.entry
很可惜只能用在ＩＥ。這不算ＢＵＧ，只是各家瀏覽器支援ＣＳＳ及實作程度的差異。

答：

　在經過重複測試後，float:left;要不要加要看情形 ，如果你只要有一個<DIV>限定本文框且是絕對大小(如 px,pt)的話則可以省略；反之如果沒有半個<DIV>限定本文框且裡面那層<DIV>設成相對大小(如100%)，則要加上float:left ; 所以如果想把網誌內容能擴展全部介面的話，float:left ;是不可省略的，但是如果都沒設寬度，就算加了float:left ;也無用。

在查書之後，DIV本身就是透明的，而且background-color: TRANSPARENT; 也沒有下向下兼容的問題，MSN也不太可能把每個DIV故意設成其他顏色，所以是可以省略的。大家想調整透明度，可以加上濾鏡（見前景部份）

最後當然也改了部份教學..4/17

ellie 的反應 :

提問，普通背景我試過了，已經沒有問題，但是我想問
「波形效果 :
<DIV style="FILTER: Wave(strength=5,lightstrengh=5); WIDTH: 134px; HEIGHT: 140px"><img src="圖片.jpg" ></div>」
這個指令，能不能和背景和在一起，我試了一下，還是不知道把這個命令加在哪合適。。。苦惱中。。。

答 :

    使用其他濾鏡，請代換FILTER:的參數即可 ，所以你可以用FILTER: Wave(strength=5,lightstrengh=5)；代換上述範例HTML裡的紅色字即可。

萊子晝歸今始好，潘園景色夏偏濃。

夕陽流水吟詩去，明月青山出竹逢。

兄弟相歡初讓果，鄉人爭賀舊登龍。

佳期少別俄千里，雲樹愁看過幾重。

1. 单击“设置”选项卡。 （如果在您的空间的右上方没有看到“设置”选项卡，请首先单击“主页”选项卡。）
2. 单击“空间设置”。
3. 向下滚动到“联合”部分，然后清除“联合”复选框。
4. 单击“保存”。

注释：联合您的空间时，您的网络日志、列表、相册和音乐列表均被联合。

 6. 查看存档的网络日志项／

 7. 对相册进行重新排序／

 

使用 Microsoft Internet Explorer 6 或更高版本：

1. 单击“主页”选项卡。
2. 在“相册”模块中，单击要移动的相册并将其拖动到列表中的新位置。
3. 重复上述步骤直到所有相册均按照所需的顺序列出。

注释／MSN 共享空间 相册和照片编辑工具设计用于 Microsoft Internet Explorer 6 或更高版本。下载最新版本的 Internet Explorer，转到 Internet Explorer 网站。

 8. 设置移动设备以发布网络日志项／

当您无法使用计算机时，可以使用移动设备来发布网络日志项。如果您的移动设备能够发送电子邮件，则可以设置它来发布网络日志项。

在您的计算机上的 MSN 共享空间页面上：

1. 单击“设置”选项卡。 （如果在您的空间的右上方没有看到“设置”选项卡，请首先单击“主页”选项卡。）
2. 单击“移动设置”。
3. 按照屏幕上的说明进行操作。

 9. MSN Spaces修改语言

　　　简体中文　　　　　　http://spaces.msn.com/?mkt=zh-cn
　　　繁体中文(香港)　　　http://spaces.msn.com/?mkt=zh-hk
　　　繁体中文(台湾)　　　http://spaces.msn.com/?mkt=zh-tw
　　　英文(美国)　　　　　http://spaces.msn.com/?mkt=en-us

这个方法也可用于http://ilovemessenger.msn.com 和http://webmessenger.msn.com 等网站~

 

 10 .　美化您的网络日志系列之...个性留言本制作.................☞.０１

　　　　

 11 .　美化您的网络日志系列之－强调显示.........................☞.０１

 

 12. 美化您的网络日志系列之－鼠标技..............................☞.０１

 

 13. 美化您的网络日志系列之－文绕图.............................☞.０１

 

 14. 美化您的网络日志系列之－加线框............................☞.０１

 

 15. 用e-mail发布网络日志............................☞.０１

 

 16. 论坛（和.spaces.msn）HTML标签做帖教程....☞.０１

 

 17. 一个未开放的MSN/BLOG 新编辑功能....☞.０１

 

 18. 收集于别人的MSN小技巧..................☞.０１

 

 

　　　　　　　　　MSN Space进阶技巧　另类篇

　　

MSN Space进阶技巧---第一讲

初期准备

 

不少朋友已经发现，MSN Space对HTML语言具有相当强大的支持能力。虽然处理日志时，MSN Space只提供给大家简单的几个文字处理功能，但如果你事先在网页编辑器中对文字图片作预先处理，那么通过简单的拷贝粘贴后便能让你的日志看上去更生动活泼。其实这些都是通过相应的页面语言实现的。大家也许觉得每次都得用网页编辑器处理这些简单的文字有点大材小用，而且在不同的操作页面转来转去很费神,那么我告诉大家一个小技巧,可以为MSN Space添加更多的文字编辑功能，同时也让你拥有直接在日志编辑页面中处理HTML语言的能力。

首先确认你的IE浏览器工具栏中是否有“链接（Link）”这一项，如果没有，那么点击“查看”菜单，在“工具栏”选项中将“链接（Link）”挑上勾。然后就是最关键的了：

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")}

 

看到上面这段代码了吧，将这段代码完整的复制下来.在你添加项／编辑网络日志的时候．在编辑的当前窗口的ＩＥ地址栏里面粘贴这段代码　点Ｅnter(连接)，就ＯＫ了．是不是可以见到下面图片显示的效果了啊！

看一看编辑工具栏是不是多出了几个图标，剪切、复制、粘贴、字形、字号都有了，再配合原来的加粗、斜体、文字颜色等，处理文本应该绰绰有余了。

再看下面，还多出了这么一个选项

Use HTML to create your page. - Edit the HTML formatting commands directly

点选后你就能进行页面语言编辑了，诸如添加背景颜色，设置背景样式等都可以通过它来完成了。

 

MSN Space进阶技巧---第二讲

缤纷背景

MSN Space中日志的背景颜色随不同的模版类型而有所变化，但并不提供给用户自定义背景颜色的功能，但我们可以通过编辑HTML语言的方式来实现这一目的，让日志随我们的心情而变换不同的色彩。

编辑日志之前，先点击上一讲提到的那个“Edit It”按钮，然后选取编辑区域下方的HTML语法编辑选项，即将Use HTML to create your page选项挑上勾，此时即进入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这个颜色编码的数值加以调整就行了（注意不要丢了这个符号#）。如何获取自己心仪的色彩的数值呢？如果你手头有图形处理软件或网页编辑软件，使用里面的调整色彩功能，都会获取相应的数值。另外你也可以参考我提供的色版（见下面）。

在HTML编辑状态你会发现，文本编辑按钮都消失了，这种情况下处理起文字来可是有些困难，当然对高手来说，区区几个语句就能解决问题，但我们普通大众可没这本事和耐心。怎么办？好办！将Use HTML to create your page选项前的勾勾挑下去，即取消HTML语法编辑状态就可以了。这时你会发现，我们重新进入了文本编辑模式，但这里已不是一片空白，而是多了一个色块，在色块内双击鼠标，下面对文字的编辑就是轻车熟路了。

一个色彩还不够丰富，我想要五颜六色的生活!没问题，重新回到HTML语法编辑状态，在你想使用其他色彩的文字前再加入上面HTML语句，然后调整色彩值。这里还需注意两点：一是仍然注意要把文字部分嵌套在上述语句中，二是为达到最佳效果必须调整提供不同色彩的HTML语句中的高度比值，至于什么值比较合适，就得根据文字内容的长短了，你可以边调整，边预览之。

 

MSN Space进阶技巧---第三讲

立体彩色边框

拥有了背景色彩的日志显得生动活泼了许多，那么如何让她更具特色呢？在这一章里我将向大家讲述如何定制具有立体效果的背景样式。

我们先从为日志文字添加带有色彩的边框说起，因为其涉及到的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>，然后再返回到文本编辑模式，你就会发现边框背景内已经为你加入了回车后的效果。

                               

                                                                                                

 

MSN Space进阶技巧---第四讲

如何添加背景音乐

如何在自己MSN Space的日志中加入音频和视频是目前许多朋友关注的问题，毕竟拥有声光效果的页面即能娱人也能悦己。记得刚入Space的时候，一方面为它的简单实用而折服，另一方面又为它提供的少得可怜的个性化设置而烦恼，初期只是简单地写写字，上传些照片，后来学会了贴图都觉得兴奋不已。看看其他Blog空间五彩缤纷的样子，真的是羡慕不已。Space留给我们的发挥空间就真的如此有限吗？事实当然并非如此，无论微软是有意还是无意，她仍然在这里给了我们展示个性的可能，只是这种可能要靠大家自己去发现。好了，废话少说，进入正题！

先介绍如何添加音频，也就是为我们的日志加入背景音乐。目前Space上比较流行的做法是利用MS Frontpage，这对于手头没有该款网页编辑软件的朋友当然不是一个好消息。通过分析其语法格式，我发现了更为简便的办法，不需动用上述软件即可实现音频的加入。考虑到有些朋友对第一种方式可能也会感兴趣，因此一并将两种方法介绍如下：

1． MS Frontpage方式

首先在网上搜索你需要的音乐，这里推荐使用WMA格式的文件，因为它体积相对较小，因此会获得比较快的载入速度。你需要获取该文件的确切链接地址，格式形如：
http://www.xxx.com/xxx.wma，某些在线播放的音乐不会直接显示链接地址，如何获取之，请通过Google等搜索引擎查询相关技巧。当然最满意的是你自己拥有主页空间，这样你就可以把心仪的歌曲上传到那里，而且不用担心以后会出现因为链接失效而造成Space背景音乐无法载入的情况。有了链接地址后，运行MS Frontpage，新建一个文件，然后在页面中插入图片，图片建议越小越好。然后用鼠标右键单击该图片，选择“图片属性”，在弹出的对话框中选择“视频”选项，将刚刚获取的音频文件的链接粘贴到“视频源”一栏，然后设置“重复”选项中的“循环次数”，这里依你自己的喜好加以选择。“开始”选项中的设置不用管它，留空即可，最后点击“确定”。Frontpage会用一段时间获取你的视频源，时间长短依据你的音频文件的大小。这时你会发现原来插入的图片缩成了一个小图标，用鼠标右键单击它，然后点击“复制”。回到你的Space空间，新建一篇日志，或打开你想添加背景音乐的日志，将光标移至空白处，然后用IE浏览器“编辑”菜单里的“粘贴”命令或CTRL+V快捷键，将你刚才复制的内容粘贴于此。正常的话，你不会看到任何粘贴的内容，再稍等一些时间，无须打开日志预览，你就可以听到背景音乐了。剩下的事，当然就是发布你的大作了。

2． Loadmemory简单语法方式

通过上述方法插入背景音乐，总的来说并不繁琐，但对于没有MS Frontpage以及对MS系列产品过敏的朋友该怎么解决这个问题呢。通过分析上述操作的源代码及语法格式，我发现了更为简便的方法，只需插入一个极简单的语法句子，就可快速实现背景音乐的加入。请大家记住下面这个语法：

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

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

在你的日志编辑页面，首先点击前文提到的“Edit It”按钮，进入HTML语法编辑模式，然后勾选Use HTML to Create Your Page，在空白处插入上述语法就可以了。由于需要载入时间，因此当你点击日志预览的时候，可能需要等待一会才能听到音乐。

                                                                                                        

 

MSN Space进阶技巧---第五讲

如何添加视频

我要我的日志有声有色，不少在MSN Space安家的朋友都有这个想法。毕竟“声情并茂”的页面会吸引不少关注。上一章里我们了解了如何加入背景音乐，接下来我们看看怎样在日志中放入视频片断。

也是偶然的机会，我发现某些网站提供所谓的Music Video Code，选中自己需要的视频，再设定几个简单参数，网站就会即时为你生成一段代码，这段代码可用于自己的网页或Blog，从而实现实时播放的效果。当时我就产生了要在MSN Space中尝试的念头，但几经试验都不成功。后来我将一段视频拷贝到Dreamweaver网页编辑器中，查看了一下它的源代码，稍微做了一下修改，然后在IE中预览，再将预览页面里的视频加以复制，粘贴到日志里，没想到竟然成功了！不过这种做法比较繁琐，在此不再详述了。

我要为大家介绍的是一种更为简便的方法，它的灵感也来自于背景音乐的语法格式。实际通过上一个教程大家就可以了解到，图片“属性设置”里的“视频源”选项起到了关键作用，那么既然它叫做“视频”源，我们又成功地用它实现了音乐的载入，那理所当然就可以加入视频了。本着这个思路，我将语法中的音乐文件改为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 文字队齐视频底端

这里关键橇髅教逦募幕袢。５牧髅教逦募詀sf为后缀，这是最直接的形式；也有以asx为后缀的，这种文件格式隐藏了流媒体的真正地址，但没有关系，你一样可以将带有asx后缀的链接放到你的语法中。目前网上多数流媒体文件都隐藏了其链接，很难通过直接的方法来查看，有关这方面的破解技巧网上多有提供，大家可以试试。

 

MSN Space进阶技巧---第六讲

添加计数器和MSN在线状态指示器

 

计数器和MSN在线状态指示器是两个比较实用的工具，通过前者你可以了解自己空间的受欢迎程度，而后者又为来访者提供了你目前的在线信息，方便好友与你及时联系。为日志加入这两项功能的前提是你必须已经安装了HTML语法扩展编辑工具，也就是你的IE浏览器工具栏里已经拥有了“Edit It”按钮。如何获取此项功能，我已经在教程的第一章介绍，这里不再赘述。

先说说添加计数器。如果只是在日志中显示来访总数，那么申请一个简单的计数器即可，提供这种服务的网站很多，你在搜索引擎中键入“Free Web Counter”会查找到很多结果，这里我个人推荐http://www.amazingcounters.com/。这个网站提供350多种计数器，款式繁杂，花色多样，绝对满足你的需要。申请时需要注册，但过程很简单，一般只需要提供少量的个人信息即可。注册成功后你就可以选择心仪的计数器了，然后再输入你个人网站的信息，你将获得一段在线生成的HTML页面的代码。某些网站还会提供给你简单的在线编辑功能，让你进一步对计数器的外观作简单的修改，以更好的适合你的需要。将获取的代码拷贝，然后转到你需要插入计数器的MSN Space日志，点击“Edit It”按钮，进入HTML语法编辑状态，将刚才获取的代码粘贴到空白处，再退出HTML编辑状态，在日志文本处理模式下调整计数器的位置。由于MSN Space空间没有提供置顶功能，因此你必须经常调整计数器的位置，将它始终放置在首页的日志中（最好是第一篇日志）。方便起见，你可以将计数器的源代码拷贝到文本文件中，以后调整时将它简单粘贴过来就可以了。

如果你想获得有关你的空间流量的具体信息，诸如单位时间内的访问量，来访者停留时间，来访者IP及所在国家等等众多专业统计结果，上述网站就不能满足你的需要了。推荐你到这个网站申请此项服务：http://www.statcounter.com/，它提供了极其强大且稳定可靠的统计功能，几乎面面俱到，至少对于我们这个水平这些功能是足够了，而且众多信息均以图形或表格的方式予以呈现，直观明了（Tucow五星推荐）。所有这些服务均为免费，除非你的月访问量超过20万。唯一的缺点就是提供的计数器样式过于简单，可供选择的余地也不大。。它的申请过程很简单，成功后会先让你选择计数器样式（你可以进行简单的定值），然后设定某些参数，诸如通过Cookie功能将你自己的登陆排除在统计数字之外等，之后你可以在Install Code页面获取HTML代码，需要注意的是，它会为不同类型的页面生成不同的代码，因此你要在“Statcounter Code Option”里选择“Html Only Code”，通过这个命令生成的代码才可用于MSN Space，获取代码后的操作就和上面已降解的方式一样了。由于是海外的服务商，所以页面信息全部是英文，这对于不谙E文的朋友可能有些麻烦。

申请MSN在线状态指示器也很简单，到下面这个网站http://snind.gotdns.com:8080/ 在“Messenger”下拉菜单里选择MSN，当然如果你有Yahoo，或AOL等提供的及时通讯工具，也可以为其申请相应的指示器。输入你的MSN Messenger用户名，网站很快会为你生成一段代码，这段代码显示的是一个图标，通过其颜色的变化来显示你的Messenger的不同状态，直接将此代码按上述方法添加到日志中就可以了。有两个问题需要注意：该状态指示不会实时更新，它显示的状态是访问者登陆你的空间时你的在线状态，如果你在此期间上线或离线，指示器不会实时同步做出反应，除非刷新页面才会看出变化。另外显示的状态和真实状态可能会有稍许延迟，但不严重。还有一种情况也可能会发生，就是服务商的Server关机，那么指示器就无法正确显示任何状态了。

 

 

MSN Space进阶技巧---第七讲

文字光影效果及滚动文本框（外加文字竖排版）

有关文字方面的处理，MSN Space提供了最基本的几个格式化命令，再加上我们的扩展编辑工具，在应付一般的文字编排上应该是绰绰有余了。如果还想获得更多的效果，尤其是在文字排版方面，大家可以参考相应的HTML及CSS中有关文字处理的介绍，在这里就不做讲解了，毕竟我的教程只是给大家提供一些简单实用的小技巧，而并非网页制作方面的专业讲座。不过对于一些比较特殊的文字效果或编排方式，我还是会及时将有关语法和代码提供给大家。

 

（注：下述语法的使用，仍然是通过HTML语言编辑模式来实现，有关如何获取HTML扩展功能，请参见本教程第一章）

 

下面就给大家介绍我在日志中展示过的三种彩色文字效果的相关语法：

 

阴影：<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即可。其他方面的参数没有太多需要强调的，这里之所以采用华文彩云字体同时加粗，是为了达到更好的效果，你完全可以按照自己的喜好加以调整。需要说明的是，这几种效果只适用于标题或少量文字上，否则后造成阅读上的困难。

 

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

 

<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空间展示的文字竖排没有什么真正的实用性，只会给阅读者造成麻烦，不过本着尽可能挖掘Space潜力的原则，我还是尝试了如下的语法：

 

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

 

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

 

 

 

MSN Space进阶技巧---第八讲

（关于MSN进阶技巧实际应用中的几个Tip）

由于大家操作系统或浏览器配置情况不同，因此在实际运用MSN进阶技巧时可能会遇到这样或那样的问题，有些朋友经过反复耐心的测试，发现了问题之所在，现在我将他们的经验之谈汇总一下，供大家参考研究，另外我也将对教程中的某些遗漏加以补充。

• 经验

现象一：“Edit it"按钮无法使用，没有出现新增的功能图标，或鼠标指向图标后无法正常工作。

解答：确认自己的浏览器是IE5.5以上版本；禁止某些拦截类软件，诸如3721上网助手等对“Edit It”的拦截阻挡（属浮动广告拦截）。

现象二：背景音乐无法播放。

解答：确认链接直接指向音乐文件（可将此链接粘贴到浏览器的地址栏，回车后如果直接调用播放器软件即为正确连接，如果打开新的播放页面则为错误链接）；确认是否因为文件过大或服务器端速度较慢导致载入时间过长；确认是否在音乐载入期间点击了含有背景音乐的页面上的其他链接，包括“评论”一项；请修改语法中的“height”和“width”为非“0”的值。

• 补充

关于MSN在线状态指示器

请将MSN Messenger“设置”选项里的“隐私”部分，调整为“允许任何人查看我的联机状态”

此日志内容将不断调整更新，以期为朋友们尽可能解决所遇到的问题，欢迎大家在此日志的评论中交流各自的宝贵经验，谢谢！

 

 

MSN Space进阶技巧---第九讲

（MSN Space周边支持网站）

"工欲善其事，必先利其器"，想要创造拥有自己鲜明个性的Space空间单凭微软提供给我们的简单编辑功能是远远不够的。Scott开发了“Edit It”HTML编辑扩展工具可谓是为我们开启了通向个性化空间的方便之门，从此我们的日志一扫默默无闻、灰头土脸的形象而变得有声有色，鲜活动人。空间的建设除了技术上的软性支持外，还需“硬件”上的支撑，这里所说的“硬件”实际上就是能够为Space提供延伸扩展性技术支持的网络服务，诸如图片存储、计数器、流量统计以及免费网络空间等。下面就我个人的使用经验为大家介绍一下这方面比较优秀的服务商。

• 网络图片存储

如果想在日志中放置自己的图片，那么拥有一个网络图片存储空间就是必须的。提供这一服务的网络空间很多，在这里我要向大家介绍的是Imageshack。无须注册你即可以使用该网站提供的不限空间容量，不限网络流量的图片存储服务，与注册用户相比，唯一的区别就是你不能对上传的图片进行后期管理。但所谓的注册过程也很简单且完全免费。图片的管理方面，提供缩略图及列表两种浏览方式，用户可创建无限多个相册以便对不同主题类型的图片进行归类整理，每一张图片都拥有适用于论坛、Blog、Web页面的HTML代码以及独立的Web链接。图形上传方面，支持Jpg、Jpeg、gif、png、bmp、tif以及swf格式的文件，但体积不能大于1024KB，不过对于普通用户而言这也算不上是一条过分的要求。免费用户每次只能上传一张图片，但由于服务器速度相当快，所以不会造成太大的麻烦。另外网站还提供一键上传“Transloader”功能，即在你的浏览器链接工具栏里添加“Imageshack”快捷按钮，这样当你浏览含有任何你所需图片的网站时，只需点击次按钮就可以直接将图片发送到服务器上。与众多提供同类服务的网站相比Imageshack的页面朴素得有些略显寒酸，但这也为使用者提供了一个简洁明了的操作界面。

 

 

• 免费网页空间

 大家制作Space的背景音乐时可能常会遇到这种情况，自己硬盘上心仪的音乐在网络上却找不到，或者是好不容易辛辛苦苦找来了，可链接没过两天却失效了。要是能有一个属于自己的音乐空间该多好啊！其实这一点实现起来并不难，只要找到一个网页空间来存放自己制作好的音乐就可以了。目前提供网页空间的服务商不胜枚举，但想找到一个容量相对较大且运行稳定的却并不容易。选择空间上不少朋友看中她的全能性，即支持ASP、CGI、PHP等，对于专业玩家来说这些当然是必备的条件，但如果你只是简单的做几个网页，或是给自己的图片或音乐找个安身之所，那么一个静态的网页空间就足够了。这里我推荐Spymac。有朋友会问，为什么我推荐的都是国外的服务商，一是由于我在德国，相比之下连接国内的速度要慢一些，另外国内有不少所谓的免费空间申请起来繁琐无比，还要写多少帖子或转发多少广告才行，没这些要求的要么就是空间其小无比，要么就是没有FTP上传功能，总之让人满意的实在是少数。国内连接Spymac的速度我不太清楚，但对于国外的朋友来说绝对没有问题。Spymac是Google宣布她的G级邮箱Gmail计划后网络上第一家正式提供1G容量邮箱的服务商，可说是第一个向Google叫板的。随1G邮箱同时推出的还有100M免费静态Web空间，250M网络相册空间，除此之外，申请者还可拥有自己的论坛和Blog，以及Mac用户可以享受到的ical。这一绝对吸引眼球的大礼包的轰动性可想而知，申请者趋之若鹜，造成服务器一度瘫痪。我应该算是最早一批申请者了，记得当时注册完后再等到所有的网络功能开通前后持续了一两个星期，后来随着服务器的增加，受理申请的速度也提高了，目前所有的功能都可在申请完毕后即时开通。Spymac各项服务的界面都非常清爽漂亮，是典型的Mac风格。Blog和Forum虽然定制性不高，但各项基本功能齐备，可以满足普通使用者的需要。1GB的Webmail操作简单，极易上手，支持Pop3功能，同时也融合了个人日历和地址簿，对垃圾邮件的过滤也提供了若干定制选项。100M静态Web空间可通过FTP进行维护与管理，Spymac还为每一位使用者提供了若干免费软件和网页素材，当你通过FTP连接到自己的空间后，就会看到含有这些“见面礼”的文件夹。实际使用中，服务器的连接速度很快，普通Web页面打开速度也没有什么明显的延迟。有兴趣的朋友可以到这里来申请。

 

MSN Space进阶技巧---第十讲

★ QQ在线状态 ★

 

     

              有事儿您Q我哦！

                  点击上面的QQ图标，进入互动临时对话........

            

      
      看到上面粉可爱的QQ在线图标了吗，是不是很有趣，当你把这段代码加进你经常光顾的BBS以及BLOG时，当你QQ处于在线状态，浏览到这个网页的朋友只要点击这个图标，就可以和你进行临时对话了。

      制作方法很简单：

      先到代码生成页http://is.qq.com/webpresence/code.shtml上按照演示步骤获取代码。

      建立一个新的网络日志，使用“超级链接”的功能把这段代码插入文本后，即可看到互动在线状态的图标了。

      你可以参照制作留言本的方法，把这篇网络日志放在自定列表中，这就是很多朋友们BLOG主页上经常见到的”找我就Q我“的临时对话本。^ ^

      不过QQ在线互动状态也一些比较让人郁闷的缺点：
      1、使用双方必须同时登录QQ。
      2、如果你是对方的好友，那么连通的时候是正式对话。（其实如果对方已经加你为好友，那么也没有必要使用互动状态了，直接用QQ对话就行了）
      3、只有在你是陌生人的时候，连通后才是临时对话，但如果对方不在线或隐身，临时对话仍无法进行。目前腾讯的互动状态不支持离线留言。
      4、比较容易受到陌生人的骚扰。（建议熟悉并掌QQ小秘书的功能哦）

      此项功能比较适合拥有自己网站或网上店铺的站长、店长，以便能够及时获得客户信息，进行即时咨询等，其他XDJM们要是感兴趣，可以做着玩玩.........

      浮云城主原创

 

 

 

 

 

 

.....................

 

 

♡一些有意思的效果展示♡

 

 

 

 1. 字母单词不同间距所达成的效果（非手动敲空格键法）

　　

The world's largest software maker had not previously indicated whether it planned to release a new version of IE.

 

　　

The world's largest software maker had not previously indicated whether it planned to release a new version of IE.

 

 

　　

大脑的解剖学教科书里所写的几乎都是错误的，鸟脑并不简单，其构造十分复杂，与哺乳动物非常接近，远比人们想象得要聪明。

 

 

 

 

2.     文本滚动框效果
 

公元三世纪时，古罗马有一位暴君叫克劳多斯。离暴君的宫殿不远，有一座非常漂亮的神庙。修士瓦沦丁（Valentine）就住在这里。罗马人非常崇敬他,男女老幼，不论贫富贵贱，总会群集在他的周围，在祭坛的熊熊圣火前，聆听瓦沦丁的祈祷。

古罗马的战事一直连绵不断，暴君克劳多斯征召了大批公民前往战场，人们怨声载道男人们不愿意离开家庭，小伙子们不忍与情人分开。克劳多斯暴跳如雷，他传令人们不许举行婚礼，甚至连所有已订了婚的也马上要解除婚约。许多年轻人就这样告别爱人，悲愤地走向战场。年轻的姑娘们也由于失去爱侣，抑郁神伤。

瓦沦丁对暴君的虐行感到非常难过。当一对情侣来到神庙请求他的帮助时，瓦沦帝尼在神圣的祭坛前为它们悄悄地举行了婚礼。人们一传十，十传百，很多人来到这里，在瓦沦丁的帮助下结成伴侣。

消息终于传进了宫殿，传到了暴君的耳里。克劳多斯又一次暴跳如雷，他命令士兵们冲进神庙，将瓦沦丁从一对正在举行婚礼的新人身旁拖走，投入地牢。人们苦苦哀求暴君的劾免，但都徒劳而返。瓦沦丁终于在地牢里受尽折磨而死。

悲伤的朋友们将他安葬于圣普拉教堂。那一天是2月14日，那一年是公元270年。

另外的版本似乎没有这一个精彩。

传说中瓦沦丁是最早的基督徒之一，那个时代做一名基督徒意味着危险和死亡。为掩护其他殉教者，瓦沦丁被抓住，投入了监牢。在那里他治愈了典狱长女儿失明的双眼。当暴君听到着一奇迹时，他感到非常害怕，于是将瓦沦丁斩首示众。

据传说，在行刑的那一天早晨，瓦沦丁给典狱长的女儿写了一封情意绵绵的告别信，落款是：Fromyour Valentine （寄自你的瓦沦丁） 历史学家们更愿意刨根揪底，他们关于情人节的演绎似乎令人信服。

其实远远早于公元270 年，当罗马城刚刚奠基时，周围还是一片荒野，成群的狼四处游荡。在罗马人崇拜的众神中，畜牧神卢波库斯掌管着对牧羊人和羊群的保护。每年二月中，罗马人会举行盛大的典礼来庆祝牧神节。那时的日历与现在相比，要稍微晚一些，所以牧神节实际上是对即将来临的春天的庆祝。也有人说这个节日是庆祝法乌努斯神，它类似于古希腊人身羊足，头上有角的潘神，主管畜牧和农业。

牧神节的起源实在是过于久远了，连公元前一世纪的学者们都无法确认。但是这一节日的重要性是不容置疑的。 例如史料记载，安东尼就是在公元前４４年的牧神节上将王冠授与凯撒的。 每年的二月十五日，修士们会聚集在罗马城中巴沦丁山上的一个洞穴旁，据说在这里，古罗马城的奠基者被一只母狼扶育长大。在节日的各项庆典中，有一项是年轻的贵族们，手持羊皮鞭，在街道上奔跑。年轻妇女们会聚集在街道两旁，祈望羊皮鞭抽打到她们头上。人们相信这样会使她们更容易生儿育女。

在拉丁语中，羊皮鞭 被叫做 februa，鞭打叫做 fabruatio，实际上都含有'纯洁'的意思。二月的名字（February）就是由此而来。随着罗马势力在欧洲的扩张，牧神节的习俗被带到了现在的法国和英国等地。人们最乐此不疲的一项节日活动类似于摸彩。年轻女子们的名字被放置于盒子内，然后年轻男子上前抽取。抽中的一对男女成为情人，时间是一年或更长。

基督教的兴起使人们纪念众神的习俗逐渐淡漠。教士们不希望人们放弃节日的欢乐，于是将 牧神节改成瓦沦丁节，并移至二月十四日。这样，关于瓦沦丁修士的传说和古老的节日就被自然地结合在一起。这一节日在中世纪的英国最为流行。未婚男女的名字被抽出后，他们会互相交换礼物，女子在这一年内成为男子的Valentine。在男子的衣袖上会绣上女子的名字，照顾和保护该女子于是成为该男子的神圣职责。

有史可查的现代意义上的瓦沦丁情人是在十五世纪早期。法国年轻的奥尔良大公在阿根科特战役中被英军俘虏，然后被关在伦敦塔中很多年。他写给妻子很多首情诗，大约60首保存至今。用鲜花做瓦沦丁节的信物在大约两百年后出现。法王亨利四世 的一个女儿在瓦沦丁节举行了一个盛大的晚会。所有女士从选中她做Valentine的男士那里获 得一束鲜花。

就这样，延续着古老的意大利，法国和英国习俗，我们得以在每年的二月十四日向自己的朋友传递爱的信息。鲜花，心形糖果，用花边和摺穗掩盖了送物人名字的信物，不仅仅是代表着一份份真挚的爱，更是对敢于反抗暴政的瓦沦丁修士的最好缅怀。

 

 

3. 立体彩色日志背景

在添加视频音频方面取得突破性进展，分析了相关语法和网页代码后，总结出简单的语法形式，无需再使用Frontpage以及我在以前介绍贴视频的日志中提到Dreamweaver，大家只需简单的将语法插入到日志中就可以搞定。今天，我非常高兴！！我将在今天的教程中为大家全面介绍插入视频音频的方法，敬请关注！

 

  4.文字竖排

　　

　　　　 　　　

如果补上那么一点儿人所缺少的东西的话，许多人就可能成为完人。有些人如果多从小处留意的话，可能会完美许多。有的人不够严肃，这会使他们的才华黯淡；有的人不够温柔，而温柔正是他们的朋友和家人最向往的东西，尤其是当他们位高权重的时候。有的人没有决断，有的人不善沉思，如果他们注意到这些缺陷的话，他们可以很容易地改善自己。因为一旦加以注意，习惯便可以变成人的第二天性。

　

5.文字视频图像混排
 

换一个口味，听一听硬摇滚风格的Linkin Park带给我们的With You.虽然是一首老歌，但快速变换的画面，以及带有冲击力的旋律，会让首次访问你的空间的朋友们留下深刻印象。对不起Linkin Park的兄弟们了，拿你们做了次广告。“这支乐队没有相对固定的流派，而是融合了说唱、重金属和电子舞曲等多种风格。歌词反映了当代年轻人的心声，剖析了他们的迷惘、苦闷和愤怒，掏出了他们最底层的呐喊。在当今这个"脏话连篇"的年代，乐团的歌词非常干净，没有任何漫骂或亵渎的意味，即便是攻击，也是一针见血直指要害，而非空洞无物粗口横流，这在当今摇滚乐坛是少见的。”
乐队在20世纪中，曾陆续推出过一些单曲和EP。千禧年的10月24日，乐队推出了他们的首张大碟《混合理论》(HYBRID THEORY)。自从这个日子以后，Linkin park的音乐，以及这支乐团所代表的一切，就一发不可收拾的如日中天起来。这张专辑中共收录了乐团的12首歌曲，每一首都是说唱金属的经典之作。2001年，这张专辑取得了美国本土的最高销量，连续75周占据专辑销售排行榜前5名位置，并仍在不停地刷新着自身的销售记录，直到今天。目前，这张专辑的全球销量保守估计在一千六百多万张左右。

 

 

下面图片就是成功后的MSN Space进阶技巧---第一讲效果展示