标题:Msn Spaces日志背景图片添加解说

作者: 发表时间:2008-02-19    点击:    关键词:添加 解说 图片 背景 日志 宽度 效果 style 文字 不同


  • 温馨提醒: 使用本站代码前请先做好备份,本站代码全部经过测试,代码完整可靠

    以下为代码区:基本使用方法是直接复制以下代码到指定区域(如校内涂鸦版),点保存即可。
    以下是代码:

    HTML代码
    <img
    style="filter:alpha(opacity=100,finishOpacity=100,style=1);width:212px;height:292px"
    src="你喜欢的图片地址" align=right><div
    style="filter:alpha(opacity=45,finishOpacity=45,style=0);float:left;width:100%;line-height:14pt;letter-spacing:0.2em">日志文字</div>


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

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


     上一篇:如何在spaces中添加投票系统   下一篇:好东西RSS源RSS模块