Space 简易教程(三)—— 改变背景图片/颜色

来源:百度文库 编辑:神马文学网 时间:2024/04/29 11:42:19
能给一篇精彩的日志配上一幅贴切主体的背景画面,一定是很多朋友的梦想。比较而言,添加背景图片的工作要比前面添加背景音乐复杂一些,不过熟能生巧,多练习练习就好了。经过仔细研究,我选择了一两种简便易行的方法,在这里介绍给大家。
(方法一)利用网上工具来设置背景图片 —— 最简便的办法
1、首先找到你要作为背景的图片,如果是网上图片,记下网络地址,如果是自己机器上的图片,可以先上载到 Live Spaces 的相册中,然后记下图片地址。
2、到这个网站去生成背景图片代码:http://msnmagic.unet.cc/ 。依次选择背景图位置,填入背景图网址,选择背景图高度和宽度,文本宽度…… 随时查看下面背景图案预览的结果,通过改变这些参数,得到你想要的效果。你可以先不用填入你想写的文字,只要最后选择“開啟輸出HTML碼”,点击“產生”按钮即可得到一长串已经编好的 HTML 代码。用鼠标选择好所有代码,点击右键,选择“复制”(Copy)。
3、另开一个 IE 新窗口,进入日志编辑状态,按照教程(一)中所述步骤,点击工具栏中的按钮,进入 HTML 编辑状态,将步骤2中拷贝的 HTML 代码粘贴过来。然后再次点击按钮,返回到正常文本编辑方式,填上你要写的文字,就可以发布了。
备注:“日志背景图片生成器”在表格语句可用后,已经更新了版本,新版地址还是http://msnmagic.unet.cc/ 。不过在这个版本中,当你选择背景图片透明度的同时,前景文字也会跟着变化。而旧版采用的是
语句,则没有这个问题,而且本日志是按照旧版本的操作写成的,所以还是推荐大家使用旧版的“日志背景图片生成器”,其地址为http://msnimage1.unet.cc/ (在新版页面下有旧版链接地址)。在这个网站生成的原代码中,在第八行后面包含了一个绿色的图标。如果要去掉这个图标,只要在“開啟輸入內容(HTML)”删除最后一个
后面的内容即可,下面生成的 HTML 代码也会相应发生改变。
最近,有朋友反应这个方法不好用,生成的代码容易造成空间出问题,我没时间尝试,只能建议大家使用方法(三)——用表格语句设置日志背景。
(方法二)用写代码来改变背景颜色
1、首先进入日志编辑状态,点击工具栏中的按钮,进入 HTML 编辑状态。在编辑框中输入如下语句:

你要写的文字


然后再次点击按钮,返回到正常文本编辑方式,在色块上填上你要写的文字,就可以发布了。其中 background-color (背景色)是可调整的,比如黑色是 #000000,白色是 #FFFFFF,红色 #FF0000,绿色 #00FF00,蓝色 #0000FF ...... 这里有个可以自选网络颜色主题的网站,可以选择自己喜欢的颜色,并得到颜色代码。下面则是常用的网络颜色代码表,需要的朋友可以看看。
FFFFFF FFFFCC FFFF99 FFFF66 FFFF33 FFFF00
CCFFFF CCFFCC CCFF99 CCFF66 CCFF33 CCFF00
99FFFF 99FFCC 99FF99 99FF66 99FF33 99FF00
66FFFF 66FFCC 66FF99 66FF66 66FF33 66FF00
33FFFF 33FFCC 33FF99 33FF66 33FF33 33FF00
00FFFF 00FFCC 00FF99 00FF66 00FF33 00FF00
FFCCFF FFCCCC FFCC99 FFCC66 FFCC33 FFCC00
CCCCFF CCCCCC CCCC99 CCCC66 CCCC33 CCCC00
99CCFF 99CCCC 99CC99 99CC66 99CC33 99CC00
66CCFF 66CCCC 66CC99 66CC66 66CC33 66CC00
33CCFF 33CCCC 33CC99 33CC66 33CC33 33CC00
00CCFF 00CCCC 00CC99 00CC66 00CC33 00CC00
FF99FF FF99CC FF9999 FF9966 FF9933 FF9900
CC99FF CC99CC CC9999 CC9966 CC9933 CC9900
9999FF 9999CC 999999 999966 999933 999900
6699FF 6699CC 669999 669966 669933 669900
3399FF 3399CC 339999 339966 339933 339900
0099FF 0099CC 009999 009966 009933 009900
FF66FF FF66CC FF6699 FF6666 FF6633 FF6600
CC66FF CC66CC CC6699 CC6666 CC6633 CC6600
9966FF 9966CC 996699 996666 996633 996600
6666FF 6666CC 666699 666666 666633 666600
3366FF 3366CC 336699 336666 336633 336600
0066FF 0066CC 006699 006666 006633 006600
FF33FF FF33CC FF3399 FF3366 FF3333 FF3300
CC33FF CC33CC CC3399 CC3366 CC3333 CC3300
9933FF 9933CC 993399 993366 993333 993300
6633FF 6633CC 663399 663366 663333 663300
3333FF 3333CC 333399 333366 333333 333300
0033FF 0033CC 003399 003366 003333 003300
FF00FF FF00CC FF0099 FF0066 FF0033 FF0000
CC00FF CC00CC CC0099 CC0066 CC0033 CC0000
9900FF 9900CC 990099 990066 990033 990000
6600FF 6600CC 660099 660066 660033 660000
3300FF 3300CC 330099 330066 330033 330000
0000FF 0000CC 000099 000066 000033 000000
(方法三)用
表格语句来设置背景图片/颜色
在教程(十九)中提到了用表格语句
来完成背景颜色/图片的添加,有兴趣的可以试试看。关于表格语句的具体说明,请看教程(十八)。