2005-05-04
日志里常用的几种图片使用方法
在日志里能够常用的几种图片使用方法:
1. 文字和图片位置
把图片放在文字的左边
在日志里插入一个图片. 以本图片为例正常插入是的代码: <img border="0" src="http://www.deoniximagehost.com/images/shengzhu/samplepic.gif" width="154" height="201"> 要把图片放在左边,在图片源码里加上[ align=left ].
加入后的代码:
<img border="0" src="http://www.deoniximagehost.com/images/shengzhu/samplepic.gif" align=left width="154" height="201"> 如果要想文字脱离图片,就在要脱离的文字前部加个[<br clear=left>]
文字就会跑道这里.从图片的下方.
如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码:<img border="0" src="http://gallery.image4free.com/albums/userpics/12209/samplepic.gif" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...

要想把图片放在右侧,可把[align=left ]改成[align=right ].改后的代码:<img border="0" src="http://www.deoniximagehost.com/images/shengzhu/samplepic.gif" align=right width="154" height="201">

2. 常用图片效果处理
图1:演示图片(http://www.deoniximagehost.com/images/shengzhu/mapic02.png)

滤镜效果
源码:
<img style="FILTER: alpha(opacity=100, finishOpacity=0,style=0); WIDTH: 380; HEIGHT: 284"
src="http://www.deoniximagehost.com/images/shengzhu/mapic02.png" >
说明:
opacity=100.............. 起始透明度设置
finishOpacity=0........结束透明度设置
style=0.......................样式设置. 范围 0-3
可以在测试当中更改各个参数设置,
演示:
style=0
style=1

style=2

style=3

3. 背景图片的使用
演示图片(http://www.deoniximagehost.com/images/shengzhu/greenloveback.png)
复制起点:------------------------------------------------------------------------------------
复制终点:---------------------------------------------------------------------------------
源码:
<div style="width: 100%">
<img height="0" src="" width="100%" align="right">
<img src="http://www.deoniximagehost.com/images/shengzhu/greenloveback.png" width="380" align="right" height="446">
<div style="float: left; width: 378px">
<p align="center">
<font face="Arial" style="font-size: 9pt">这里填写文本内容</font>
</div>
</div>
说明:
align="right" 图片的此属性可把图片放到文字下部. 你可以去掉align="right" ,看看会是什么效果.
第3行为放置背景图片源码.中间scr="图片地址",width和height为图片显示的宽度和高度.
第2行可有可无.但是日志全屏单独打开时背景图片要显示在右边.而文本还在左方.很不协调.所以,加一个无形的图片把背景图片挤到右边的文字下方.
第2个<div>为填写文字部分.它的宽度最好是和背景图片的宽度相同或小一点.
其他的不细讲了.可以在测试当中更改各个参数设置,尽快熟悉每个设置的作用.
如果看到到这里,还是不明白.可复制[复制起点]到[复制终点]部分,到你的日志里.
然后,把背景图片更改成你的图片.文字改成你的日志内容...