6 图文混排及添加的背景图片

6.1把文字和图片混排

这种编排的方法：一、使疲劳的视觉得到暂时的休息；二、图文并茂使页面更具观赏性。所以是一种很实用的编排日志的方法。

方法很简单，只需在HTML编辑状态下插入如下语法

<P><IMG src="插入图片地址" align=left> <DIV style="LETTER-SPACING: 0px"><FONT color=#000000>文字内容</p></div>

其中align控制图片相对于日志文字的位置left左，或right右；

LETTER-SPACING：调整字间距，正常情况下可以保持为0；

Color：控制文字颜色；

还可以根据需要添加比如size=字型大小，style=字体

6.2添加背景图片

 添加背景图片，是为了达到日志文字浮于图片之上的效果。具体语法如下：

<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命令可以省略，否则请予以保留。

⑤值得注意的问题，预览时，文字相对于背景图片的位置往往与最终显示在日志中的位置不一样，需要返回到该日志进行进一步的修改。

熟练掌握各种编排文字与图片的格式效果，这确实需要一些耐心，只有在实际应用过程中，反复试验和总结，才能达到理想的状态。