王朝知道
分享
 
 
 

MSN共享空间的背景图案可以自定义吗

王朝知道·作者佚名  2009-08-20  
宽屏版  字体: |||超大  
 
分类: 电脑/网络 >> 互联网
 
参考答案:

可以啊.

MSN Space 简易教程(四十四)—— 改变共享空间的背景

MSN Space Easy Tutorial (44) —— Changing the Background in Your Space

中文版

自从开始写 MSN Space 教程以来,就不断有朋友询问如何更换空间的背景,而且越来越多的朋友希望能用自己的图片来做空间的背景图案。这篇教程我就来介绍一下怎样更换 MSN Space 的背景。

(一)主题法

今年一月 MSN Space 改版后,已经能提供 129 种不同的主题,也就相当于提供了100 多种背景图案。通过在 MSN Space 的“自定义”中更换一个主题,就能改变空间的背景。这个方法非常简单,相信大家也都很熟悉,我就不多说了。

(二)Tweak UI 模块法

去年 MSN Space 推出了 PowerToy 工具,其中的 Tweak UI 模块就可以用来调整空间的背景。通过设置该模块中的“背景颜色”(Background Colors),可以调节整个空间的背景颜色;而“背景图片”(Background Image)则通过选项来设定 MSN Space 主题所提供的背景图片的位置、是否重复、以及是否隐藏。这样也能起到改变 MSN 共享空间背景的效果,具体内容请参考《MSN Space 简易教程(二十六)—— PowerToy 模块》的内容。

(三)Custom HTML法

上述两种方法只是利用 MSN Space 所提供的主题和工具来更换背景图片、修改背景颜色。如果想用自己的图片来做 MSN Space 的背景图案,那么就要用到另一个 PowerToy —— Custom HTML 模块。Custom HTML 模块不仅能实现宽屏显示,还可以做出置顶效果(比如:我的空间首页上的“卧虎藏龙”文字及图片),以及显示自己选择的空间背景图片,用途多多,绝对不可错过。关于 Custom HTML 模块的添加,请看教程(二十六)。

下面我就以左右两列的模式为例,讲解一下怎样实现宽屏显示和自定义背景图片。

1、登录进入你的 MSN 共享空间。

2、在“自定义”中选择左宽右窄两列版式:

3、按照教程(二十六)中的方法,添加一个 Custom HTML 模块,并将此模块放于左列顶部。建议日志模块放在 Custom HTML 模块下方,其他模块放在右列内。

4、在 Custom HTML 模块内填入如下代码: English Version

Since my MSN Space Easy Tutorials were published in my space, more and more friends have asked me whether the background image can be changed to their pictures or photos. In fact, there are some methods to alter the background of MSN Spaces. Let me tell you several easy ways to do it in this tutorial.

(A) by Theme

Now MSN Spaces are providing 129 various themes, that means more than 100 backgrounds are available to choose. So the easiest way to change the MSN Space background is to select a theme in "Customize".

(B) by Tweak UI Module

Last August, three PowerToy modules appeared in MSN Spaces. One of them is called Tweak UI module, which can be used to adjust the background of your space. Through Tweak UI module, you can set the "Backgound Colors" and/or change the positioning, repeating, and displaying of "Background Image". If you want to know more about this Tweak UI module, please read my MSN Space Easy Tutorial (26).

(C) by Custom HTML Module

The above two methods to change the background are based on the tools that MSN Spaces provide. If you want to use any picture as the background image in your space, another PowerToy module, Custom HTML, is a good choice. Custom HTML module is a very powerful tool, which can be used to widen your space and display pictures or words at the topmost position in space. (For example, the Tiger picture in the homepage of my space.) Please read my MSN Space Easy Tutorial (26) to learn more about the Custom HTML module.

Now let me show you how to change the background image and widen your space.

1. Log in your MSN Space.

2. Select the two column layout in "Customize":

3. Follow the instruction in my Easy Tutorial (26) to add one Custom HTML module in your space. Place the Custom HTML module on the top of the left column, and put the blog module below it. Other modules or lists can be placed into the right column.

4. Type in the following codes into the Custom HTML module:

</Table></Table></td></tr><tr><td><Table width=1000 background="URL of Background Image"><tr><td><Table>

其中,"width=1000" 是用于定义你希望背景图片在首页上的显示宽度。对于宽屏显示来说,此数值大约在 1000 左右,大家可以自行调整。"background=URL of Background Image"中换上你的背景图片网址即可。以上代码在 IE 6.0 中测试通过,对于使用其他浏览器的朋友,可能需要做一定的修改。

5、如果你还想在 Custom HTML 模块中存放其他置顶图片或者计数器等工具,既可以把相应 HTML 代码添加在上述语句之后,也可以按照教程(三十一)的方法添加另一个 Custom HTML 模块。具体范例请看我的第二测试空间。

后记:这学期实在是太忙,所以一直没能抽出很多时间研究代码。而平时即使有些时间上 MSN Space 看看,也大都忙于回答朋友在《问答专区》和教程中的问题了。这篇教程从开始筹划到最后定稿用了大约两个月的时间,而且是我的空间访问量在3月19日超过 1000000 人次后的第一篇日志,也算是很有纪念意义的了。 where "width=1000" is to determine the width of the area with your backgroud picture. In general, the number should be around 1000 for a widened MSN Space. Write the URL of your background image into "background=URL of Background Image", then you will see what you want is displaying on your space. All above codes are tested in IE 6.0

5. If you want to keep other stuff in Custom HTML module, either add more codes after the above HTML tags, or follow the instruction in my Easy Tutorial (31) to obtain another Custom HTML module in your space. Here is an example.

P.S. I am too busy in writting my dissertation and doing job searching now, so I do not have time to try this codes in a three-column space. But I believe this code may be also work for such spaces with/without minor changes. You are always welcome to leave comments or notes here if you have any idea about the background of MSN Spaces. By the way, this tutorial is also to commemorate the 1,000,000 visits to my spaces on March 19, 2006.

小贴士:① 若网友所发内容与教科书相悖,请以教科书为准;② 若网友所发内容与科学常识、官方权威机构相悖,请以后者为准;③ 若网友所发内容不正确或者违背公序良俗,右下举报/纠错。
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
如何用java替换看不见的字符比如零宽空格&#8203;十六进制U+200B
 干货   2023-09-10
网页字号不能单数吗,网页字体大小为什么一般都是偶数
 干货   2023-09-06
java.lang.ArrayIndexOutOfBoundsException: 4096
 干货   2023-09-06
Noto Sans CJK SC字体下载地址
 干货   2023-08-30
window.navigator和navigator的区别是什么?
 干货   2023-08-23
js获取referer、useragent、浏览器语言
 干货   2023-08-23
oscache遇到404时会不会缓存?
 干货   2023-08-23
linux下用rm -rf *删除大量文件太慢怎么解决?
 干货   2023-08-08
刀郎新歌破世界纪录!
 娱乐   2023-08-01
js实现放大缩小页面
 干货   2023-07-31
生成式人工智能服务管理暂行办法
 百态   2023-07-31
英语学习:过去完成时The Past Perfect Tense举例说明
 干货   2023-07-31
Mysql常用sql命令语句整理
 干货   2023-07-30
科学家复活了46000年前的虫子
 探索   2023-07-29
英语学习:过去进行时The Past Continuous Tense举例说明
 干货   2023-07-28
meta name="applicable-device"告知页面适合哪种终端设备:PC端、移动端还是自适应
 干货   2023-07-28
只用css如何实现打字机特效?
 百态   2023-07-15
css怎么实现上下滚动
 干货   2023-06-28
canvas怎么画一个三角形?
 干货   2023-06-28
canvas怎么画一个椭圆形?
 干货   2023-06-28
canvas怎么画一个圆形?
 干货   2023-06-28
canvas怎么画一个正方形?
 干货   2023-06-28
中国河南省郑州市金水区蜘蛛爬虫ip大全
 干货   2023-06-22
javascript简易动态时间代码
 干货   2023-06-20
感谢员工的付出和激励的话怎么说?
 干货   2023-06-18
 
>>返回首页<<
 
 
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
© 2005- 王朝网络 版权所有