以文本方式查看主题

-  生物百花园社区  (http://biobox.hk11.ntnet.cn/bbs0000/index.asp)
--  【万花筒】  (http://biobox.hk11.ntnet.cn/bbs0000/list.asp?boardid=14)
----  给网页添加图片的代码  (http://biobox.hk11.ntnet.cn/bbs0000/dispbbs.asp?boardid=14&id=7277)

--  作者:hyichun1997
--  发布时间:2011/2/13 9:29:37
--  给网页添加图片的代码

<img style="WIDTH: 160px; HEIGHT: 183px" src=http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c8260e3.gif width="160" border="0" />

 

图片点击可在新窗口打开查看

 

个人档案加图片

<img height="260" src="图片地址" width="180" border="0" />

height为图片的高度,width为图片的宽度,,高度根据你图片的高度写即可,宽度一般设180。

图片加链接的代码:

<A href="链接地址" target=_blank><img src="http://img44.bimg.126.net/photo/4GRWjlngnEH0jH9GiHuPjw==/2851904464032934103.jpg" width=100 height=100 border=0></A>

target=_blank表示链接在新窗口中打开,图片的宽width和高height的具体数值可以根据自己的实际需要进行设定

图片置顶代码:

<div style="LEFT: 32px; POSITION: absolute; TOP: 32px" align="left"><img src="图片地址" /><div>

里面TOP和LEFT可自己调整。

在博客首页上加图片代码:

<div align="center"><img src=图片地址 ></div>

首页个性娃娃图片代码:

<div style="RIGHT: 10px; POSITION: absolute; TOP: 400px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><img src="图片地址" style="FILTER: Alpha(Opacity=80,style=3)" border="0" /></td></tr></tbody></table></div>

点点放大图片代码:

<a href="大图片地址" target="_blank"><img src="还是大图片地址" width="50" height="50">点击放大</a>

模糊图片推荐代码:

<img style="FILTER: Alpha(Opacity=100,style=2)" src=“图片地址" width="430" height="200" />

<img style="FILTER: Alpha(Opacity=100,style=3)" src="图片地址" width="430" height="200" />

<img style="FILTER: Gray" height="200" src="图片地址" width="430" />

 在图片中直接书写代码:

<div align="center"><div style="PADDING-RIGHT:0px; PADDING-LEFT: 10px; BACKGROUND: url(图片地址);FONT: 12px/25px verdana; WIDTH: 490px; PADDING-TOP:14px; HEIGHT: 268px"><br /><div align="left"><div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px;FILTER: alpha(opacity=60); WIDTH: 400px; HEIGHT:228px"></div></div><br /></div></div>

在编写日志时,右下角有个切换到代码视图,选钩即可,然后把上面代码粘贴进去(注意:图片地址任选填入,代码放入后要切回普通视图,然后在图片中双击即可编辑文字,大小自己调适)。

 图片柔化效果代码:

<img src="图片地址" style="filter:Alpha(opacity=60,finishOpacity=0,style=0)">

<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:宽;height:高"><img src="图片地址"></div>

opacity开始处的透明度,finishOpacity结束处的透明度,style:0-平均透明 1-线状透明 2-圆形透明 3-菱形透明。

图片滤镜效果代码:

<IMG src="图片地址" style="FILTER: alpha(opacity=40)" border=0>

opacity=40是表示图片的透明度,值越小越透明;border=0表示图片外框线条的粗细,数值越大边框线条越粗,数值设为0表示边框隐藏。

图片反色效果代码:

<IMG src="图片地址" style="FILTER: invert()" border=0>

图片浮雕效果代码:

<IMG src="图片地址" style="filter : progid:DXImageTransform.Microsoft.Emboss(Bias=0.7) ;" border=0>

图片扭曲效果代码:

<IMG src="图片地址" style="FILTER: wave(add=0,freq=3,lightstrength=50,phase=0,strength=3)" border=0>

freq=3表示扭曲尺度,strength=3表示扭曲强度

图片虚线边框效果代码:

<IMG src="图片地址" style="FILTER: Gray;border-width:2;BORDER-STYLE: dotted;" border=0>

border-width:2表示边框宽度,数值可改

图片透明效果代码:

<IMG src="图片地址" style="FILTER: Alpha(Opacity=80,style=2)" border=0>

style=2表示模糊类型

图片水中倒影代码:

<P><IMG src="图片地址" width="240" height="180"><BR><IMG id="reflection" src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="240" height="180"></P>

图片背景代码:

<div style="RIGHT: 890px; POSITION: absolute; TOP: 30px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><div align="center"><div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(图片地址); FONT: 12px/25px verdana; WIDTH: 105px; PADDING-TOP: 14px; HEIGHT: 3500px"><div align="left"></div></div></div></td></tr></tbody></table></div><div style="RIGHT: 0px; POSITION: absolute; TOP: 30px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><div align="center"><div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(图片地址); FONT: 12px/25px verdana; WIDTH: 104px; PADDING-TOP: 14px; HEIGHT: 3500px"><div align="left"></div></div></div></td></tr></tbody></table></div>

代码中蓝色部分换成你喜欢的背景图片地址即可,对图片大小无要求,因为是代码自动拉长拉宽的。

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c8228fd.gif

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c821d55.gif

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c8236a6.gif

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c823e7f.gif

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c8243cc.gif

http://img93.pp.sohu.com/images/2006/6/19/15/2/10c7c824ca3.gif

博客中支持两种格式的动画.一种是FLASHF动画(以SWF为后缀的动画格式).另一种是GIF动画.(以GIF为后缀的动画格式)

以下介绍的是如何加入FLASH(SWF)格式的动画.代码如下:

<p align="center"><embed src="http://media.163888.net/virtualdir2/2006/06/04/21/Flash/44091972929687.swf" width="450" height="280" type="application/x-shockwave-flash" /> </p>

    代码说明:

http://media.163888.net/virtualdir2/2006/06/04/21/Flash/44091972929687.swf"    红色部分是加入动画的地址. 可以替换.你可以看到地址最后面.swf;这是FLASH播放文件.只有这样的文件才可以加入到当前这个代码中.

"width=400, height=300"      蓝色的数字是动画的宽与高. 改变数值大小可以调整动画的大小.

只要把上面这个代码复制到你的日志里,找到你喜欢的动画地址,替换红色部分即可.记得一定是SWF文件才行.这种文件网上有很多.

不要忘记,在复制代码之前,先在日志文本框右下角的&quot;切换到代码视图&quot;小方框里打上对钩.</p>  

二、打开网页时,一个女孩子用无比甜美的声音对您说“欢迎光临”,代码如下:

<BGSOUND balance=0 src="http://www.prcen.com/Share/media/welcome.WAV" volume=0>