个人资料Fresh gorgeous House照片日志 工具 帮助

日志


9月23日

第八讲:为日志添加背景图片

       一篇精彩的日志文章再配上一幅贴切主体的背景画面一定会带来不同凡响的效果。不知道为什么微软没有考虑到用户这么基本的需求,以至于大家为此费了不少心力。以前我也尝试过用若干语法来解决这个问题,但都没有实现。后来因为回国,天天在现实生活中摸爬滚打,一个多月的时间没有再思考网络社会里的这些问题。回到德国后,难得一两天清闲,就又想起了添加背景这档子事,把相关语法逐一试了一遍,终于找到了解决办法。随后又在Space空间闲逛的时候发现有些朋友早就实现了这一功能,遂将自己的与旁人的经验加以总结,写了这篇教程。

 

       仍然像以往一样,在这里我们不过多地探讨实现这一功能所涉及的语法命令,这样过于繁琐,也没有太多现实意义。我仅将具体应用时所需要的语法列出来,再对几个重要参数加以说明。
首先进入正常日志编辑模式,键入你所需的日志内容,并视个人需要进行排版编辑。然后点击“Edit It”按钮,进入HTML语法编辑模式,并勾选下面的“使用HTML格式建立网页”。
       将下列语法粘贴至你的编辑页面内顶端:

 

<IMG src="背景图片链接地址" width=图片宽度值 height=图片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">
<DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); FLOAT: left; WIDTH: 文本宽度值">
<DIV style="LINE-HEIGHT: 行间距值(pt); LETTER-SPACING: 字符间距值(em)">
<P><FONT color=#ffffff size=2>你的日志文字</FONT></P>
</DIV></DIV>

 

       再将你刚刚编辑好的文字内容(注意,除了文字内容可能还会包含你进行格式编排后的若干语法语句)剪切并粘贴到上面语法中的“你的日志文字”的位置。

 


下面简要介绍一下上面语法中的两行主要命令语句的含义:

 


       <IMG src=…….>控制日志中的背景图片,图片的宽度及高度值均以px为单位;align这一参数控制图片位置,但不要对此进行更改,否则无法实现文字浮于图片之上的效果。Filter控制背景图片的柔化滤镜,大家可以修改其中的数值已达到不同的效果,但注意style的值只能取1,2,3这三个数值。除了柔化效果外,还有翻转、发光、阴影等若干特效,但语法表述各有不同,在此不再赘述,有兴趣的朋友可以在互联网上查询相关语法。在Space空间不同的布局方式下,日志宽度是不相同的,所以为了更好的配合日志的页面效果,建议选择合适宽度的图片,具体可根据布局的实际情况(即日志的宽窄程度)将图片宽度分别设定在260px、350px、370px、550px、730px左右的近似值。

 


<DIV style="FILTER…….>控制日志文字的若干效果,其中Filter命令的使用方法与前述一致,也是调节柔化效果。文本宽度也采取px为单位,其最大值也要参照上面不同布局方式时所要求的近似宽度值,如果你希望文字完全分布在整个日志页面上,那么将WIDTH值设为100%即可。在设定了具体宽度的情况下Float命令可以省略,否则请予以保留。

 


       有一个问题需要注意,预览中文字相对于背景图片的位置往往与最终显示在日志中的位置不一样,这还需要你返回到该日志进行进一步的修改,这确实需要一些耐心,但相信经过一段时间的实际应用,你会总结出一些经验技巧的。

评论

请稍候...
很抱歉,您输入的评论太长。请缩短您的评论。
您没有输入任何内容,请重试。
很抱歉,我们当前无法添加您的评论。请稍后重试。
若要添加评论,需要您的家长授予您相应权限。请求权限
您的家长禁用了评论功能。
很抱歉,我们当前无法删除您的评论。请稍后重试。
您已超过了一天之内允许提供的评论数上限。请在 24 小时后重试。
因为我们的系统表明您可能在向其他用户提供垃圾评论,您的帐户已禁用了评论功能。如果您认为我们错误地禁用了您的帐户,请联系 Windows Live 支持部门
完成下面的安全检查,您提供评论的过程才能完成。
您在安全检查中键入的字符必须与图片或音频中的字符一致。

若要添加评论,请使用您的 Windows Live ID 登录(如果您使用过 Hotmail、Messenger 或 Xbox LIVE,您就拥有 Windows Live ID)。登录


还没有 Windows Live ID 吗?请注册

引用通告

此日志的引用通告 URL 是:
http://dollar025.spaces.live.com/blog/cns!A193E53FF11653E7!112.trak
引用此项的网络日志