以文本方式查看主题 - 生物百花园社区 (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文件才行.这种文件网上有很多. 不要忘记,在复制代码之前,先在日志文本框右下角的"切换到代码视图"小方框里打上对钩.</p> 二、打开网页时,一个女孩子用无比甜美的声音对您说“欢迎光临”,代码如下: <BGSOUND balance=0 src="http://www.prcen.com/Share/media/welcome.WAV" volume=0> |