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

来源:百度文库 编辑:神马文学网 时间:2024/03/29 19:24:31
Space 简易教程(三)—— 改变背景图片/颜色

能给一篇精彩的日志配上一幅贴切主体的背景画面,一定是很多朋友的梦想。比较而言,添加背景图片的工作要比前面添加背景音乐复杂一些,不过熟能生巧,多练习练习就好了。经过仔细研究,我选择了一两种简便易行的方法,在这里介绍给大家。

(方法一)利用网上工具来设置背景图片 —— 最简便的办法

1、首先找到你要作为背景的图片,如果是网上图片,记下网络地址,如果是自己机器上的图片,可以先上载到 Live Spaces 的相册中,然后记下图片地址。

2、到这个网站去生成背景图片代码: http://msnmagic.unet.cc/ 。依次选择背景图位置,填入背景图网址,选择背景图高度和宽度,文本宽度…… 随时查看下面背景图案预览的结果,通过改变这些参数,得到你想要的效果。你可以先不用填入你想写的文字,只要最后选择“開啟輸出HTML碼”,点击“產生”按钮即可得到一长串已经编好的 HTML 代码。用鼠标选择好所有代码,点击右键,选择“复制”(Copy)。

3、另开一个 IE 新窗口,进入日志编辑状态,按照教程(一)中所述步骤,点击工具栏中的<HTML>按钮,进入 HTML 编辑状态,将步骤2中拷贝的 HTML 代码粘贴过来。然后再次点击<HTML>按钮,返回到正常文本编辑方式,填上你要写的文字,就可以发布了。

备注“日志背景图片生成器”在表格语句

可用后,已经更新了版本,新版地址还是 http://msnmagic.unet.cc/ 。不过在这个版本中,当你选择背景图片透明度的同时,前景文字也会跟着变化。而旧版采用的是
语句,则没有这个问题,而且本日志是按照旧版本的操作写成的,所以还是推荐大家使用旧版的“日志背景图片生成器”,其地址为 http://msnimage1.unet.cc/ (在新版页面下有旧版链接地址)。这个网站生成的原代码中,在第八行后面包含了一个绿色的图标。如果要去掉这个图标,只要在“開啟輸入內容(HTML)”删除最后一个
后面的内容即可,下面生成的 HTML 代码也会相应发生改变。

最近,有朋友反应这个方法不好用,生成的代码容易造成空间出问题,我没时间尝试,只能建议大家使用方法(三)——用表格语句设置日志背景。




(方法二)用写代码来改变背景颜色

1、首先进入日志编辑状态,点击工具栏中的<HTML>按钮,进入 HTML 编辑状态。在编辑框中输入如下语句:


你要写的文字

然后再次点击<HTML>按钮,返回到正常文本编辑方式,在色块上填上你要写的文字,就可以发布了。其中 background-color (背景色)是可调整的,比如黑色是 #000000,白色是 #FFFFFF,红色 #FF0000,绿色 #00FF00,蓝色 #0000FF ...... 这里有个可以自选网络颜色主题的网站,可以选择自己喜欢的颜色,并得到颜色代码。下面则是常用的网络颜色代码表,需要的朋友可以看看。

FFFFFFFFFFCCFFFF99FFFF66FFFF33FFFF00CCFFFFCCFFCCCCFF99CCFF66CCFF33CCFF0099FFFF99FFCC99FF9999FF6699FF3399FF0066FFFF66FFCC66FF9966FF6666FF3366FF0033FFFF33FFCC33FF9933FF6633FF3333FF0000FFFF00FFCC00FF9900FF6600FF3300FF00FFCCFFFFCCCCFFCC99FFCC66FFCC33FFCC00CCCCFFCCCCCCCCCC99CCCC66CCCC33CCCC0099CCFF99CCCC99CC9999CC6699CC3399CC0066CCFF66CCCC66CC9966CC6666CC3366CC0033CCFF33CCCC33CC9933CC6633CC3333CC0000CCFF00CCCC00CC9900CC6600CC3300CC00FF99FFFF99CCFF9999FF9966FF9933FF9900CC99FFCC99CCCC9999CC9966CC9933CC99009999FF9999CC9999999999669999339999006699FF6699CC6699996699666699336699003399FF3399CC3399993399663399333399000099FF0099CC009999009966009933009900FF66FFFF66CCFF6699FF6666FF6633FF6600CC66FFCC66CCCC6699CC6666CC6633CC66009966FF9966CC9966999966669966339966006666FF6666CC6666996666666666336666003366FF3366CC3366993366663366333366000066FF0066CC006699006666006633006600FF33FFFF33CCFF3399FF3366FF3333FF3300CC33FFCC33CCCC3399CC3366CC3333CC33009933FF9933CC9933999933669933339933006633FF6633CC6633996633666633336633003333FF3333CC3333993333663333333333000033FF0033CC003399003366003333003300FF00FFFF00CCFF0099FF0066FF0033FF0000CC00FFCC00CCCC0099CC0066CC0033CC00009900FF9900CC9900999900669900339900006600FF6600CC6600996600666600336600003300FF3300CC3300993300663300333300000000FF0000CC000099000066000033000000


(方法三)用

表格语句来设置背景图片/颜色

教程(十九)中提到了用表格语句

来完成背景颜色/图片的添加,有兴趣的可以试试看。关于表格语句的具体说明,请看教程(十八)