在发帖里查图片html代码,教你制作漂亮的HTML代码帖3

帖子做到这里,你发现了吧.边框就象一个容器,你只要把你想要编辑的内容放到里面去,边框就会根据你放入内容的增加而自动调整大小.现在我们开始加入图片

我们先加入一张图片.为了美观,我用HTML代码给图片做了边框.

在记事本里开始编辑图片边框的代码。颜色相同的代码为一层完整的开头和结尾。

第一层：

borderColorDark=#000000 cellPadding=0 borderColorLight=#6080c0

background=http://s14.sinaimg.cn/bmiddle/4ac1a2f9h77c8f3b2d2ad&690

border=1>

width="100%">

第二层：

background=http://s15.sinaimg.cn/bmiddle/4ac1a2f9h77c8e00d1d4e&690

border=0>

width="100%">

第三层：

cellPadding=0 borderColorLight=#6080c0

background=http://s14.sinaimg.cn/bmiddle/4ac1a2f9h77c8f3b2d2ad&690

border=1>

width="100%">

第四层：

background=http://s16.sinaimg.cn/bmiddle/4ac1a2f9h77c8fde0ae8f&690

border=0>

width="100%">

第五层：

cellPadding=0 borderColorLight=#6080c0

background=http://s14.sinaimg.cn/bmiddle/4ac1a2f9h77c8f3b2d2ad&690

border=1>

width="100%">

第六层：

width=480 background=http://s9.sinaimg.cn/bmiddle/4ac1a2f9h77ca18f53f78&690

border=0>

width="100%>

borderColorLight=#6080c0，是边框向光部分的颜色。borderColorDark=#000000，是边框背光部分的颜色。仔细看图片边框中，有凸起感的三层细边框效果，就是由这两个属性决定的。border=1是细边框的宽度。在第六层边框中，因为要给图片加透明ＦＬＡＳＨ，所以一定要用图片做第六层的内背景(灰色显示的地址部分)。

效果：

代码如下

borderColorDark=#000000 cellPadding=0 borderColorLight=#6080c0

background=http://s14.sinaimg.cn/bmiddle/4ac1a2f9h77c8f3b2d2ad&690

border=1>

width="100%">

第二层：

background=http://s15.sinaimg.cn/bmiddle/4ac1a2f9h77c8e00d1d4e&690

border=0>

width="100%">

第三层：

cellPadding=0 borderColorLight=#6080c0

background=http://s14.sinaimg.cn/bmiddle/4ac1a2f9h77c8f3b2d2ad&690

border=1>

width="100%">

第四层：

background=http://s16.sinaimg.cn/bmiddle/4ac1a2f9h77c8fde0ae8f&690

border=0>

width="100%">

第五层：

cellPadding=0 borderColorLight=#6080c0

background=http://s14.sinaimg.cn/bmiddle/4ac1a2f9h77c8f3b2d2ad&690

border=1>

width="100%">

第六层：

width=480 background=http://s9.sinaimg.cn/bmiddle/4ac1a2f9h77ca18f53f78&690

border=0>

width="100%>

加在页面上的FLASH

白云和柳叶的定位是一个难点。需要反复实验多次才能比较准确的定位在你想要的位置上。

以下是这两个FLASH的代码：

src=http://hlm.nease.net/swf/red/cloud.swf

type=application/octet-stream ;; quality="high"

wmode="transparent">

src=http://hlm.nease.net/swf/red/liu.swf

type=application/octet-stream ;; quality="high"

wmode="transparent">

定位页面上的FLASH要注意调整的数值：

LEFT:

0px; 表示FLASH离左边的距离。值设为0px，则FLASH从左边最顶端开始出现。

TOP:

420px; 表示FLASH离顶端即IE浏览器的距离。设置不同的值，会使FLASH出现在帖子的不同位置。

WIDTH:

1000px; 表示FLASH范围的宽度。

HEIGHT:

450px; 表示FLASH范围的高度。

我把上面的代码按照添加的内容分隔开了。以便大家研究琢磨。由于水平有限，也不知道是否讲清楚了。有错误和不足之处请各位批评指正。最后还是要提醒一下：编辑代码一定要简明干净。无用，多余的代码要清除掉。否则即浪费空间又影响速度。帖子发表以后，如果反复按编辑键在发帖栏里编辑多次的话，系统会自动向帖子里的内容之间增加换行代码
.导致内容(比如图片)之间的间隔越来越大。从而影响帖子的美观。所以要注意删除多余的
。在记事本里编辑就不会出现这种情形。

scrollDelay=10 这一句是让文字向上移动.

style="FONT-SIZE: 22pt;

FILTER: shadow(color=black); 。。。 LINE-HEIGHT: 150%;

FONT-FAMILY>这一句是CSS文字滤镜设定文字的大小,形状,阴影等.

不显示播放器的背景音乐代码:

loop=true autostart=true

type=audio/mpeg>

放在帖子代码的最后面就可以了.

编辑代码的时候，结尾不能多一层，