2006年2月18日星期六

MSN的一些使用技巧


其实这些文章到处都有。我只是班门弄斧,随便将几个简单的技术介绍一下——我玩MSN的技术实在也不怎么样。看看我简单的Space外观你就知道了。

 

1. 推荐几个MSN Space的PowerToy:

 

登录之后,看看浏览器的地址栏里面的地址是不是类似这个:
http://spaces.msn.com/newaqua/?_c02_owner=1   //这是我的地址。
你的应该是:
http://spaces.msn.com/$你的用户名$/?_c02_owner=1

 

如果看不到这个URL,或者已经登录一段时间了,你可以点击导航区的“主页”连接。

 

加入如下的几个字段,你就可以开启PowerToy了:
    a. MediaPlayer:   &powertoy=musicvideo   (加入媒体播放器,背景音乐)
    b. 自定义HTML:    &powertoy=sandbox       (加入站点计数器等好玩的东东)
    c. 界面方案自定义:&powertoy=tweakomatic    (如果你对默认的主题不满意可以用这个)

 

修改后的地址就是:
http://spaces.msn.com/$你的用户名$/?_c02_owner=1&powertoy=tweakomatic


然后把这个字段复制到地址栏,回车。

然后你就可以在“自定义”==>“模块”下拉菜单部分看到被隐藏的PowerToy了。

 

2. 为你的长文章弄一个滚动条。

 

其实这是一个简单的CSS技术。反正Space里面对CSS的语法并不严格,所以可以用下面的代码简单的为你的文章加上滚动条。

 

<div style="width:auto; height:250px; overflow:auto; border-style:solid; border-color:black; border-width:1px">

$blog的主体代码$

</div>

 

其实你可以把你的滚动条做得很花哨——用Google搜索一下吧,我没有研究过这些。

 

解释一下上面的东西吧。在加入代码之前,请先单击工具栏上面的“HTML”按钮。你会看到一大堆乱七八糟的代码。你什么都不用管,直接在这些代码的最前面加上“$blog的主体代码$”之前的那段,在最后加入“</div>”。

 

相信你看出来了,其实这就是一组HTML标签。这段加入滚动条的代码其实就是一对标签<div></div>其他的东西都是这个标签的属性和取值。

 

style属性后面的那段值是CSS代码。你也看出来了,上面的代码说的是:

把滚动条区域的宽度(width)的值设置为自动(auto),也就是根据不同的显示器大小而自动调节,也可以参照下面的height属性调节;

把滚动条区域的高度(height)的值设置为自动(250px),也就是250像素。要知道250像素有多高?你现在看到的滚动条区域的高度就是250像素;

overflow,指的是如果规定的区域容纳不下所有的文章内容时应该做的动作。一般使用auto(使用尽可能少的滚动条)。也可以使用Scroll(有两个滚动条——水平和垂直)。

 

其他的三个是规定边框的。
border-style就是边框的样式,solid就是指直线。还有如dash,就是虚线;
border-color也就是颜色啦,一般用black就行了,也可以取16进制的值如:#000000(黑色),#FF0000(红色);
最后的border-width就是边框的宽度:1px(像素)就够了。太粗了不好看,不过也许你喜欢,anyway,你自己决定啦。

 

尽管style属性的取值非常灵活,但是这些是我平时使用比较多的取值。有兴趣的可以看看CSS的东西,非常简单的。

 

3. 还有一个可能用到的代码就是插入图片

 

可以用下面一段代码处理:


<img src="图片的地址" alt="图片无法显示时看到的文字" title="鼠标悬停时看到的解释性文字">

 

如果图片太大,增加一个属性: width="200px"。 仅增加这个就够了。也许你要问了,还需要加height的属性吗?答案是不需要。这是MSN Space+ IE所决定的。(就不深入讲了,)你也可以把值替换为百分数值例如:width="90%"。

 

怎样得到MSN相册的图片地址呢?


在相册的slideshow状态下,察看图片属性(右键菜单==>属性)。把URL部分复制下来。这个字段会很长,选中的时候可以向下拖一段的。

 


 

那怎样把图片做成超级链接呢?


<a href="你的目标地址"><img src="图片的地址" alt="图片无法显示时看到的文字" title="鼠标悬停时看到的解释性文字" border="0"></a>

 

注意到这里有一个border="0"。记得在超级链接下面一般会有一个下划线吗?如果没有这个,那么图片上回增加一个难看的蓝色粗边框。


还有什么?一时想不起来了,以后再说吧。

 

没有评论:

发表评论