博客音画常用代码集锦

来源:百度文库 编辑:神马文学网 时间:2024/04/27 23:54:54
 ',1)">
',2)">',3)">★ldm2124086★
薰衣草语
幸福,是什么
就是找一个
温暖的人过一辈子
凌厉愈坚熬霜露。
待得凋零飘苦旅。
犹自含情,万片随风舞。
寂寞成泥魂韵故。
月华居处悄然赋。
---ldm2124086---
--祝你快乐!
 

1、在边框背景里添加图片和隔断:
用这个代码:

   把图片和隔断添加到边框
2、怎样给音画帖子添加音乐(rm,wav,swf,mp3等格式):
在整篇代码的的最后加上
(1)',4)">替换mp3地址] 
 type=application/octet-streamautostart="true"
      loop="true"> (隐藏播放)
(2)',5)">
  autostart="true" >(隐藏播放)
(3)',6)">
 autostart="true" loop="true">(隐藏播放)
(4)',7)">
width="283" height="45">(显示播放器)
说明:--------hidden="true"表示隐藏播放,
即不显示播放器的外观,若要想显示,把"true" 替换
为"false"即可,这样为默认是最小化播放,
若还想具体显示播放器的大小,另加上height="高度值"
width="宽度值"  就可以了。
-------autostart="true"表示当前页一载入则自动播放,
若不希望播放改为autostart="false
 --------hidden="true"表示隐藏播放,
即不显示播放器的外观,若要想显示,把"true" 替换
为"false"即可,这样为默认是最小化播放,
若还想具体显示播放器的大小,另加上height="高度值"
width="宽度值"  就可以了。
  (5).插入音乐地址的修改
',8)">音乐文件地址
 type=audio/x-pn-realaudio-plugin width=200 autostart="true"
 controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1">
代码格式都一样,你只要修改音乐地址就可以了
高度height=200 宽度width=200
是mp3就改height=0 宽度width=0
3、怎样在音画帖子中的图片上添加透明FLASH:
代码如下:
 
例1:
 
border=10 bordercolor=#84B98D background=图片地
址>',9)">透明FLASH网址 width=590
type=application/x-shockwave-flash quality="high" menu="false"
wmode="transparent">
说明:width为图片宽度  height为图片高度
注意:长和宽的设定要根据图片的实际大小来设定。
例2:
background=http://znrs.2000y.net/UploadFile/2004-2/200422114432149.jpg border=5>
',10)">
src=http://www.forshine.net/flash/19.swf width=460 height=340
type=application/octet-stream
wmode="transparent" quality="high" ;;>',11)">
src=http://www.forshine.net/flash/9.swf width=460 height=340
type=application/octet-stream
wmode="transparent" quality="high" ;;>
说明:height=398  width=600 是控制图片的宽度和宽度
       width=460 height=340    是控制透明FLASH的高度和宽度(设置时候一般不要大于图片的高度和
宽度)
 
4、怎样在音画帖子中的图片上添加其它FLASH:
(1)普通的flash的插入代码:
',12)">地址
type=application/x-shockwave-flash width=700 height=1800  wmode="transparent" quality="high">
(2)无限制的flash的代码:
EMBED style="LEFT: 250px; WIDTH: 400px; POSITION: absolute; TOP: 900px; HEIGHT: 300px"
align=right src=地址 width=400 height=300 type=application/octet-stream wmode="transparent"
quality="high" ;;>
(3)大型flash 的代码:
360docFlag

',13)">300px" align=right src=地址 width=500 height=1500 type=application/octet-stream
wmode="transparent" quality="high" ;;> (说明:TOP: 900px 是指FLASH与帖子上边之
间的距离(也就是FLASH与IE的距离)、LEFT: 50px 是指FLASH与帖子左边的距离、WIDTH: 00px
HEIGHT: 300px 是指FLASH定位的范围宽度和高度、后面的width=400 height=3000
就是指FLASH的宽和
高了)。
(4)双层flash的代码:
',14)">
wmode="transparent" quality="high">',15)">
type=application/octet-stream wmode="transparent" quality="high">
 
5、怎样制作滚动字幕效果:
(1)文字在边框背景中居中滚动:
教你如何制作滚动字幕
滚动字幕需要用到 marquee 元素
MARQUEE 的主要参数及其含义是
Derection:文字滚动方向
Width 和 Height:窗口的宽度和高度
ScrollDelay:延迟(单位为毫秒)
ScrollAmount:移动的步长
最后别忘了用 br 给每一行文字换行
现在,你也可以制作滚动字幕了吧?
(2)文字在图片上居中滚动:
(a).
background=http://image7.360doc.com/DownloadImg/2010/01/2504/2222673_4.jpg border=0>
教你如
何制作滚动字幕
滚动字幕需要用
到 marquee 元素
MARQUEE 的主要参数及其含义是
Derection:
文字滚动方向
Width 和
Height:窗口的宽度和高度
ScrollDelay:延迟(单位为毫秒)
ScrollAmount:移动的步长

后别忘了用 br 给每一行文字换行
现在,你也可以制作滚动字幕
(b).
 background=
http://image7.360doc.com/DownloadImg/2010/01/2504/2222673_4.jpg
border=0>
width=475 background=http://xz.2000y.net/100007/../../admin/.
./../admin/uploadpic/200411502633442.jpg height=320>
',16)">
 src=http://imgfree.21cn.com/free/flash/61.swf width=475 height=425
 type=application/x-shockwave-flash wmode="transparent" quality="high">
美丽青春!
BR>
>
文字在图片上的定位代码说明:
direction=移动方向 可选值为向上(up) 向下(down)
向左(left) 向右(right)
behavior=移动方式, scroll 一圈一圈绕着走, slide 只走一次,
behavior=alternate 来回走
width=宽度  height=高度  scrolldelay=速度
scrollamount=位移 
表示换行
上面的参数大家可以根据不同的情况自行调节。
 
(3)、文字在雾化图片上的居中向上滚动:
height=500 width=550 background=
http://www.ytren.com/tp/bbs/200607/21/2006721135273997.jpg border=0>
以青海省西宁市为起点
至西藏自治区拉萨市的青藏铁路
全长近2000公里。
沿途经过青海湖、昆仑山、
可可西里、三江源、藏北草原
布达拉宫等我国乃至世界著名的景区景点
是一条充满神秘色彩的顶级旅游风景线
铁路将青藏高原一望无际的戈壁滩
白雪皑皑的雪山、辽阔无边的草原等景观连在一起
沿线景点美不胜收
有野生保护动物的家园
——可可西里自然保护区和羌塘自然保护区
以及长江、黄河等大江大河的源头景观
在蓝天、白云、帐篷、牛羊衬托下的草原上
游客将目睹成群的藏羚羊
藏野驴和黄羊等珍稀野生保护动物
(4).文字在雾化+透明FLASH图上居中向上滚动:
width=550 background=h
ttp://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg
 height=400 border=0>
 size=5 ffaa00>以青海省西宁市为起点
至西藏自治区拉萨市的青藏铁路
全长近2000公里。
沿途经过青海湖、昆仑山、
可可西里、三江源、藏北草原
布达拉宫等我国乃至世界著名的景区景点
是一条充满神秘色彩的顶级旅游风景线
铁路将青藏高原一望无际的戈壁滩
白雪皑皑的雪山、辽阔无边的草原等景观连在一起
沿线景点美不胜收
有野生保护动物的家园
——可可西里自然保护区和羌塘自然保护区
以及长江、黄河等大江大河的源头景观
在蓝天、白云、帐篷、牛羊衬托下的草原上
游客将目睹成群的藏羚羊
藏野驴和黄羊等珍稀野生保护动物
/FONT>
360docFlag

',17)">POSITION: absolute; TOP: 800px; HEIGHT: 320px"
 pluginspage=http://www.macromedia.com/go/getflashplayer
 src=http://imgfree.21cn.com/free/flash/33.swf
width=420 height=320 type=application/x-shockwave-flash
 wmode="transparent" quality="high">
/TBODY>
(5).又一文字向上滚动代码:
愿平常人平常事论坛全体管理人员及会员齐心协力
共同建设这个美好的网上家园!
说明:size=5  改变数字可以改变字幕单行字数,数字越小单行字数越多。
(6)、文字向左滚动代码:
愿平常人平常事论坛全体管理人员及会员齐心协力共同建设
这个美好的网上家园!
(7)、文字向右滚动代码:
marq愿平常人平常事论坛全体管理人员及会员齐心协力共
同建设这个美好的网上家园!uee>
 
6、怎样在图片上添加文字:
(1)文字居中
background=
http://bbs.px666.com/UploadFile/2006-5/200651716531118135.jpg
 border=0>
精彩无限
文字在图片中的位置。由中的align=center决定。center:表示居中。
(2).文字居左顶
background=
http://bbs.px666.com/UploadFile/2006-5/200651716531118135.jpg
 border=0>

彩无限
top:表示文字居顶端。left:表示文字居左。文字居右顶
(right:表示文字居右)
bottom:表示文字居底部。right:表示文字居右。
bottom:表示文字居底部。left:表示文字居左。
(3)文字竖排居中
background=
http://bbs.px666.com/UploadFile/2006-5/200651716531118135.jpg
 border=0>




在每个文字之间加
(换行代码)
文字竖排居左顶(valign=top align=left )、
文字竖排居右顶(valign=top align=right)、
文字竖排居右下(valign=bottom align=right)
 
7、怎样在透明FLASH上加字:
代码:
 left:0px; width:530px; height:390px; overflow:
hidden">
360docFlag

',18)">http://homepage2.nifty.com/~kmid/flash/0406/sangosanran-c.swf"
width=630
height=480 type=application/octet-stream wmode="transparent" quality="high">
style="filter:chroma(color=#ffff66)">
style="width:100%;filter:glow(color=#00ff00
strength=19);color:white">华文新魏; FONT-SIZE: 40pt;"
color=#ffff66>
我爱诗梦
将FLASH做背景的关键有两点:
1.FLASH一定要用透明代码,不然其他层放不上去.
2.FLASH一般都露出背景色,可将FLASH尺寸设定比表格大,然后将top:
 和 left:设定负数来割去多余的背景色,以不露底为原则,割多了也影响美观.
8.用代码在透明FLASH上写字
 POSITION: relative; TOP: 0px; HEIGHT: 420px">
EMBED src=http://homepage2.nifty.com/~kmid/flash/budou.swf
width=630 height=480 type=application/octet-stream wmode="
transparent" quality="high">
WIDTH: 100%; COLOR: white"> FONT-FAMILY: 华文新魏" color=#ffff66>伊人素材
 
 
 
 
9.几种贴图效果
(1).椭圆形雾化:
 
width=550 background=
http://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg
 height=400>
(2).矩形雾化:
 
 width=550 background=
http://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg
height=400>
 
 
(3)、矩形(图中有白晕:)
height=364 width=500 align=center background=
http://www.hpp888.net/UploadFile/2005-1/2005122193656420.jpg
 table>
(4)、矩形(图片变紫色):
 align=center background=
http://www.hpp888.net/UploadFile/2005-1/2005122193656420.jpg
 table>
(5)、矩形(图片边缘残缺):
phase=45,strength=10)" width=550
 background=http://china.dayoo.com/img/2006-06/15
/xin_020603151305276269025.jpg height=400>
 
(6)、矩形(反色  黑白效果)
http://china.dayoo.com/img/2006-06/15/xin_0
20603151305276269025.jpg height=400>
(7).椭圆型带透明FLASH虚化:
und=http://www.rosylife.net/UploadFile/2005-5/2005511
222146934.jpg border=0>
75 background=http://xz.2000y.net/100007/../../admin/..
/../admin/uploadpic/200411502633442.jpg  height=320>
',19)">
go/getflashplayer src=http://imgfree.21cn.com/fre
e/flash/61.swf width=475 height=425 type=applica
tion/x-shockwave-flash quality="high" wmode="transp
arent">
10.怎样使图片之间有间距:
方法1:直接在图片代码之间加入
可以根据你的需要连加多个。
当然是越多就空得越大了。一个
相当于一个空行。
 方法2:在图片之间插入表格,选择相同的背景颜色。(
这个表格我特意选了不同的颜色,方便对比与方法1的不同。
 
11.图片雾化+透明FLASH效果:
(1)、椭圆:
 width=420 background=http://china.dayoo.com/img/2006
-06/15/xin_020603151305276269025.jpg height=320>
',20)">
c=http://imgfree.21cn.com/free/flash/33.swf width=420
 height=320 type=application/x-shockwave-flash
 quality="high" wmode="transparent">
(2)、矩形:
 
width=420 background=http://china.dayoo.com/img/200
6-06/15/xin_020603151305276269025.jpg height=320>
',21)">
tflashplayer src=http://imgfree.21cn.com/free/flash/33.swf
 width=420 height=320 type=application/x-shockwave-flash
quality="high" wmode="transparent">
 
 
12、文字在图片+透明FLASH向上滚动:
 
(1)、
 borderColorDark=#fff000 cellPadding=0 width=500 borde
rColorLight=#fff000 background=http://www.ruiheda.com
/bbs/UploadFile/2005-12/2005123121365067340.jpg border=12>
',22)">
lash/130.swf width=500 height=350 type=application/
octet-stream wmode="transparent" quality="high" ;;>
祝新年快乐!
(2)、
borderColorDark=#ffffff cellPadding=0 width=490
borderColorLight=#ffffff background=http://www.ru
iheda.com/bbs/UploadFile/2006-1/2006119192779573.jpg border=12>
 
',23)">
free/flash/69.swf width=490 height=360type=a
pplication/octet-stream wmode="transparent" quality="high" ;;>

向太阳
/TD>
(3).添加两组FLASH的文字滚动:
470 background=http://bjaab.go3.icpcn.com/11AB.jpg border=11>
',24)">
//yeolkklo.com.ne.kr/Movie10-18.swf width=470
height=380 type=application/x-shockwave-flash
twffan="done" wmode="transparent" menu="false"
 quality="high" tybe="application/x-shockwave-
flash">',25)">
ow.com/bbs/UploadFile/2004-9/2004927102950818
.swf width=470 height=380 type=application/octet
-stream twffan="done" wmode="transparent" quality=
"high";>
height=250>

新年快乐!
13、HTML代码制作上层图片透明移动效果
 BORDER-TOP: #9b0000 6px ridge; MARGIN-TOP: 150px;
LEFT: -180px; MARGIN-BOTTOM: 150px; BORDER-LEFT:
#9b0000 6px ridge; WIDTH: 812px; BORDER-BOTTOM:
 #9b0000 6px ridge;
POSITION: relative; TOP: 80px; HEIGHT: 612px" cel
lSpacing=0 cellPadding=0 border=0>
width=800 background=
http://www.dabaoku.com/ad/images/nihao.gif    border=0>
vior=sli
de loop=2 height=600>
ellSpacing=0 cellPadding=0 width=800 background=
http://www.517sc.com/ASP/bbs/UploadFile/2004-5/20045212158996191.jpg  
border=0>
/TBODY>
 
14、给FLASH加上边框:
代码如下:
ellPadding=15 width="100%" background=http://bbs.xxj
y.net/UploadFile/2005-5/2005516112515494.jpg border=1>
 
"100%" background=http://bbs.xxjy.net/UploadFile/2005
-5/200551615172416.jpg border=1>
ing=0 width="100%" border=0>
',26)">
go/getflashplayer src=http://bbs.xxjy.net/UploadFi
le/2005-5/2005516112648454.swf width=480 height=3
60 type=application/x-shockwave-flash wmode="tran
sparent" quality="high">
TABLE>
 
 
15、框中向左移动的图片:
ing=0 width=650 background=http://shm.2000y.net/Up
loadFile/2005-1/2005123163832920.gif border=1>
g=0 width="100%" background=http://bbs.xxjy.net/Uploa
dFile/2005-3/200531785745580.jpg border=1>
 
 
=0 width="100%" background=http://bbs.xxjy.net
/UploadFile/2005-3/200531785142955.gif border=1>
 src="http://download.macromedia.com/pub/shock
wave/cabs/flash/swflash.cab#version=6,0,29,0" w
idth="431" height="98">
               
               
               
               ',27)">
ality="high" pluginspage="http:
//www.macromedia.com/go/getflashplayer" type="appl
ication/x-shockwave-
 
 
 
19.怎样发全屏帖?
也就是在做帖子的第一个边框时,输入下列的代码
ION: relative; TOP: 80px" cellSpacing=35 ali
gn=center background=图片地址 border=0
20.怎样在透明FLASH上加字~~代码:
px; width:530px; height:390px; overflow: hidden">
left: -50px">
',28)">http://homepage2.nifty.com/~kmid/f
lash/0406/sangosanran-c.swf" width=630 height=480
type=application/octet-stream wmode="transpare
nt" quality="high">
er border=0>"> strength=19);color:white"> 华文新魏; FONT-SIZE: 66pt;" color=#ffff66>
我爱贴图
 
21.旋转的透明立方体:
FONT-SIZE: 11pt; OVERFLOW-X: hidden; WIDTH: 97%;
 WORD-BREAK: break-all; TEXT-INDENT: 24px; LIN
E-HEIGHT: normal; HEIGHT: 310px; WORD-WRAP:
break-word" onload="this.style.overflowX=''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''''''''
'''''''''''''''''''''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''''''
'''''''''''''''''''''''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''''''''''
'''''''''''''''''''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''''
'''''''''''auto'''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''
'''''''''''''''''''''''''''''''''''''''''
'''''''''''''''''''''''''''''''''''''''''
'''''''''''''''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''
'''''''''''''''''''''''''''''''''''''
''''''''''''''''''''''''''''''''''''''''''''''''''
'''''''''''''''''''''''''''''''''''''''''''
'''''''''''''''''';">
flashplayer align=9 src=http://flash.picturetrail.com/pf
licks/m_acrobatcube.swf width=400 height=460 type=applicat
ion/x-shockwave-flash flashvars="img1=http://moonabc.16789
.net/s-helpSite/domName/m
oonabc/20057155585798204.jpg
&img2=http://moonabc.16789.net/s-helpSite/domName/mo
onabc/20057147135767228.jpg
&img3=http://moonabc.16789.net/s-helpSite/domName/moo
nabc/20057155591899287.jpg
&img4=http://moonabc.16789.net/s-helpSite/domName/moon
abc/20057155575133152.jpg
&img5=http://moonabc.16789.net/s-helpSite/domName/mo
onabc/20057155581585696.jpg
&img6=http://moonabc.16789.net/s-helpSite/domName/moo
nabc/20057147124294925.jpg
&faceopacity=80&backopacity=100&cubecroptofit
=1&enlargecroptofit=0&test=1" wmode="transparent"
loop="false" quality="high" bgcolor="#FFFFFF" >
/EMBED>
 
22.在透明FLASH上加字:
530px; POSITION: relative; TOP: 0px; HEIGHT: 390px">
olute; TOP: -50px">',29)">
.nifty.com/~kmid/flash/0406/sangosanran-c.swf wid
th=630 height=480 type=application/octet-stream q
uality="high" wmode="transparent">
 WIDTH: 100%; COLOR: white">t; FONT-FAMILY: 华文新魏" color=#ffff66>美丽的海底世界
eight=390 cellSpacing=0 width=530 border=23>
 
 

 
',30)"> ',31)"> ',32)">  

',33)">