音画日志制作和常用工具
个人日记
<table height=5000 width=880 bgColor=#228b22><TR><TD><P style="MARGIN: 0.7em"> </p>
<P style="MARGIN: 0.7em"> </p>
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址1" width=850> </CENTER></DIV>
以上bgcolor="#ffffff" menu="true" allowScriptAccess="always" name="musicFlash**" id="musicFlash0" ubb="724935|3|http://stream8.qqmusic.qq.com/724935.wma|爱的天堂|3518|林霞|1是音乐地址。
常用的字体颜色代码;
#000000 | #2F0000 | #600030 | #460046 | #28004D | |||||
#272727 | #4D0000 | #820041 | #5E005E | #3A006F | |||||
#3C3C3C | #600000 | #9F0050 | #750075 | #4B0091 | |||||
#4F4F4F | #750000 | #BF0060 | #930093 | #5B00AE | |||||
#5B5B5B | #930000 | #D9006C | #AE00AE | #6F00D2 | |||||
#6C6C6C | #AE0000 | #F00078 | #D200D2 | #8600FF | |||||
#7B7B7B | #CE0000 | #FF0080 | #E800E8 | #921AFF | |||||
#8E8E8E | #EA0000 | #FF359A | #FF00FF | #9F35FF | |||||
#9D9D9D | #FF0000 | #FF60AF | #FF44FF | #B15BFF | |||||
#ADADAD | #FF2D2D | #FF79BC | #FF77FF | #BE77FF | |||||
#BEBEBE | #FF5151 | #FF95CA | #FF8EFF | #CA8EFF | |||||
#d0d0d0 | #ff7575 | #ffaad5 | #ffa6ff | #d3a4ff | |||||
#E0E0E0 | #FF9797 | #FFC1E0 | #FFBFFF | #DCB5FF | |||||
#F0F0F0 | #FFB5B5 | #FFD9EC | #FFD0FF | #E6CAFF | |||||
#FCFCFC | #FFD2D2 | #FFECF5 | #FFE6FF | #F1E1FF | |||||
#FFFFFF | #FFECEC | #FFF7FB | #FFF7FF | #FAF4FF | |||||
#000079 | #000079 | #003E3E | #006030 | #006000 | |||||
#000093 | #003D79 | #005757 | #01814A | #007500 | |||||
#0000C6 | #004B97 | #007979 | #019858 | #009100 | |||||
#0000C6 | #005AB5 | #009393 | #01B468 | #00A600 | |||||
#0000E3 | #0066CC | #00AEAE | #02C874 | #00BB00 | |||||
#2828FF | #0072E3 | #00CACA | #02DF82 | #00DB00 | |||||
#4A4AFF | #0080FF | #00E3E3 | #02F78E | #00EC00 | |||||
#6A6AFF | #2894FF | #00FFFF | #1AFD9C | #28FF28 | |||||
#7D7DFF | #46A3FF | #4DFFFF | #4EFEB3 | #53FF53 | |||||
#9393FF | #66B3FF | #80FFFF | #7AFEC6 | #79FF79 | |||||
#AAAAFF | #84C1FF | #A6FFFF | #96FED1 | #93FF93 | |||||
#B9B9FF | #97CBFF | #BBFFFF | #ADFEDC | #A6FFA6 | |||||
#CECEFF | #ACD6FF | #CAFFFF | #C1FFE4 | #BBFFBB | |||||
#DDDDFF | #C4E1FF | #D9FFFF | #D7FFEE | #CEFFCE | |||||
#ECECFF | #D2E9FF | #ECFFFF | #E8FFF5 | #DFFFDF | |||||
#FBFBFF | #ECF5FF | #FDFFFF | #FBFFFD | #F0FFF0 | |||||
#467500 | #424200 | #5B4B00 | #844200 | #642100 | |||||
#548C00 | #5B5B00 | #796400 | #9F5000 | #842B00 | |||||
#64A600 | #737300 | #977C00 | #BB5E00 | #A23400 | |||||
#73BF00 | #8C8C00 | #AE8F00 | #D26900 | #BB3D00 | |||||
#82D900 | #A6A600 | #C6A300 | #EA7500 | #D94600 | |||||
#8CEA00 | #C4C400 | #D9B300 | #FF8000 | #F75000 | |||||
#9AFF02 | #E1E100 | #EAC100 | #FF9224 | #FF5809 | |||||
#A8FF24 | #F9F900 | #FFD306 | #FFA042 | #FF8040 | |||||
#B7FF4A | #FFFF37 | #FFDC35 | #FFAF60 | #FF8F59 | |||||
#C2FF68 | #FFFF6F | #FFE153 | #FFBB77 | #FF9D6F | |||||
#CCFF80 | #FFFF93 | #FFE66F | #FFC78E | #FFAD86 | |||||
#D3FF93 | #FFFFAA | #FFED97 | #FFD1A4 | #FFBD9D | |||||
#DEFFAC | #FFFFB9 | #FFF0AC | #FFDCB9 | #FFCBB3 | |||||
#E8FFC4 | #FFFFCE | #FFF4C1 | #FFE4CA | #FFDAC8 | |||||
#EFFFD7 | #FFFFDF | #FFF8D7 | #FFEEDD | #FFE6D9 | |||||
#F5FFE8 | #FFFFF4 | #FFFCEC | #FFFAF4 | #FFF3EE | |||||
#613030 | #616130 | #336666 | #484891 | #6C3365 | |||||
#743A3A | #707038 | #3D7878 | #5151A2 | #7E3D76 | |||||
#804040 | #808040 | #408080 | #5A5AAD | #8F4586 | |||||
#984B4B | #949449 | #4F9D9D | #7373B9 | #9F4D95 | |||||
#AD5A5A | #A5A552 | #5CADAD | #8080C0 | #AE57A4 | |||||
#B87070 | #AFAF61 | #6FB7B7 | #9999CC | #B766AD | |||||
#C48888 | #B9B973 | #81C0C0 | #A6A6D2 | #C07AB8 | |||||
#CF9E9E | #C2C287 | #95CACA | #B8B8DC | #CA8EC2 | |||||
#D9B3B3 | #CDCD9A | #A3D1D1 | #C7C7E2 | #D2A2CC | |||||
#E1C4C4 | #D6D6AD | #B3D9D9 | #D8D8EB | #DAB1D5 | |||||
#EBD6D6 | #DEDEBE | #C4E1E1 | #E6E6F2 | #E2C2DE | |||||
#F2E6E6 | #E8E8D0 | #D1E9E9 | #F3F3FA | #EBD3E8 |
代码音画的制作方法并不难,我把自己制作过程写下来,让一些空间爱好者且不太懂音画制作的朋友学习。
制作代码音画最好在私密日志里制作,这样便于保存,如果直接在日志里制作容易走样,这是我在制作过程中得出的经验,望朋友们切记。下面我把制作办法写下来,供大家参考。
一;点高级编辑——点HTML,这时日志框里出现“<P><P>”,把这几个代码删除掉。
二;贴上背景图片地址:
<P><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 870px; HEIGHT: 720px" height=720 src=" 背景图片地址"width=870 eventslistuid="e3" ></P>
把两个720同样改成2800,这个数是图的高度,还可以根据你贴图片的大小随时修改,等你会做了,你改成四千或五千都没有关系。把(背景图片地址)这几个字去掉,其它的一个代码都不能少。再把下面的背景图片代码粘在这里面。
点击下面的预览看一下背景图片的效果,再点反回。
三;另起一行,粘贴图片地址1的代码,这个代码每贴一张图用一次。
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 10px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址1" width=850> </CENTER></DIV>
20PX代表左右,10PX代表上下,数字可以根据你需要的调整。现在跟着我做,把20改成0,10改成0。把(图片地址1)这几个字去掉,贴上下面一张图片的代码:
四;另起一行,贴上“图片地址1”的代码,把20改成0,10改成450,粘贴上下面的代码:
四;另起一行,贴上“图片地址1”的代码,把20改成0,10改成900,粘贴上下面的代码:
五;另起一行,贴上“图片地址1”的代码,把20改成0,10改成1400,粘贴上下面的代码:
六;另起一行,贴上“图片地址1”的代码,把20改成0,10改成1800,粘贴上下面的代码:
七;另起一行,贴上“图片地址1”的代码,把20改成0,10改成2200,粘贴上下面的代码:
这时候你预览一下,整个图出来了。
八;贴上写字的代码:120px代表左右,200px">代表上下。
<DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">
<P><FONT face=楷体_GB2312 color=#ffcc00 size=5><STRONG>写等一段文字</STRONG></FONT> </P></DIV>
根据这幅图,把120px改为20,200px改为800较为适当。
字体向上升的代码
180px代表左右,80px"> 代表上下,数字由自己改变
<BR>< style="LEFT: 80px; WIDTH: 550px; POSITION: absolute; TOP: 180px; WRITING-MODE: tb-rl; HEIGHT: 300px" width="0" src="
<DIV style="POSITION: absolute; TOP: 180px; LEFT: 80px">
<DIV style="WRITING-MODE: tb-rl; WIDTH: 550px; HEIGHT: 300px" align=center><SPAN><WBR width="0" src=" http://qqdiy.info/a/n/n.swf" height="0" s='rel="se' invokeurls="true" a="><embed invokeURLs=" false="false" allowscriptaccess="always" d=" allowNetworking=all " blank="blank" target="_blank"><WBR src=" http://qqdiy.inf%%3C?xml:namespaceprefix=st1ns=" height="10" urn:schemas-microsoft-com:office:smarttags="urn:schemas-microsoft-com:office:smarttags">
<MARQUEE>
<DIV style="WRITING-MODE: lr-tb" align=center>
<P align=center><FONT font="font"><FONT color=#66ff00 size=6><STRONG>这里写文字</STRONG></FONT></FONT></P>
<P align=center><FONT color=#ff9900 font="font"><FONT color=#ff9900 size=5><FONT color=#cc0000><FONT size=3> </FONT><BR><BR></FONT> </FONT></P>
<P></P></DIV></FONT></MARQUEE></DIV>
<DIV></DIV></SPAN> </FONT>
竖立字代码
30pt代表大小 680px代表左右 170代表上下 50px代表竖排字 数字增加变成横排
<font face=黑体 style=font:30pt color=ffff00 style="LEFT: 680px; WIDTH: 50px; POSITION: absolute; TOP: 170px; HEIGHT: 320px"> 挂贴竖排文字</font>
九;贴上移动音乐框代码:
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>
<TABLE style="FILTER:
alpha(opacity=400 style=2 finishopacity=3)"
borderColor=#000000 height=384 cellSpacing=0
cellPadding=0 width=300 align=center
<TABLE style="BACKGROUND-IMAGE:
url(你要移动的图片地址)" border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED
style="FILTER: alpha(opacity=100 style=3
finishopacity=0)black(); style: " src=歌曲地址
width=50 height=30 type=video/x-ms-asf
volume="1" autostart="1" loop="1"></EMBED>
</P></TD></TR></TBODY></TABLE></MARQUEE></P>
移动播放器400—400代表底图长高384代表输入图片的大小,我觉得这上面放图片不好看,就把400改成100,384改成84,这样下面只显示一个小框,不影响整体效果。打开百度,点mp3,试听下歌曲,觉得好,就把歌曲网址复制粘贴到“歌曲地址”里,把这几个字去掉。点预览无误后,点编辑,点反回,点保存私密日志,然后转为日志,每一步按这样做,一篇漂亮的代码音画生成了。
<DIV align=center>
<TABLE cellSpacing=2 cellPadding=2 width=480 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<P> </P>
<MARQUEE><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> <IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> <IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> <IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> <IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1" bloaded="true" loadingtimer="-1"> <IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1" bloaded="true" loadingtimer="-1"> <IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1" bloaded="true" loadingtimer="-1"> <IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1" bloaded="true" loadingtimer="-1"></MARQUEE></TD></TR></TBODY></TABLE></DIV>
放图片地址加在写一段文字中间
文章评论
快乐鸟(再次禁言)
朋友是船,网络是帆, 空间如岸,家似港湾. 洗掉征尘,绽开笑脸, 借助网络,送去祝愿. 醒来是笑,入睡是甜, 心随人愿,幸福永远!
快乐鸟(再次禁言)
朋友是船,网络是帆, 空间如岸,家似港湾. 洗掉征尘,绽开笑脸, 借助网络,送去祝愿. 醒来是笑,入睡是甜, 心随人愿,幸福永远!
蓝色生死恋素材空间
[M] [/M] [M][B][/B] [/M] [M][B] ↘℡ 心相牽 情相系 網絡友誼永珍惜 ...シ [/B] [M][B][/B] [/M] [M][B][/B] [/M][/M]
蓝色生死恋素材空间
[M] [/M] [M][B][/B] [/M] [M][B] ↘℡ 心相牽 情相系 網絡友誼永珍惜 ...シ [/B] [M][B][/B] [/M] [M][B][/B] [/M][/M]
蓝色生死恋素材空间
[M] [/M] [M][B][/B] [/M] [M][B] ↘℡ 心相牽 情相系 網絡友誼永珍惜 ...シ [/B] [M][B][/B] [/M] [M][B][/B] [/M][/M]
蓝色生死恋素材空间
[M] [/M] [M][B][/B] [/M] [M][B][/B] [/M] [M][B]╰* 短短的留言 有我对你 深深的祝福╰* 开心每一天!...... ╰*★*╮[/B][/M] [M][B][/B] [/M] [M][B][/B] [/M]
蓝色生死恋素材空间
[M] [/M] [M][B][/B] [/M] [M][B][/B] [/M] [M][B]╰* 短短的留言 有我对你 深深的祝福╰* 开心每一天!...... ╰*★*╮[/B][/M] [M][B][/B] [/M] [M][B][/B] [/M]
蓝色生死恋素材空间
[M] [/M] [M][B][/B] [/M] [M][B][/B] [/M] [M][B]╰* 短短的留言 有我对你 深深的祝福╰* 开心每一天!...... ╰*★*╮[/B][/M] [M][B][/B] [/M] [M][B][/B] [/M]
王燕
[url=http://ppt.cc/0XkY?xg][img 520,750]http://ppt.cc/iT1B?yx[/img][/url] aJ
610968215
[url=http://ppt.cc/bZ6B?et][img 520,750]http://ppt.cc/iT1B?hj[/img][/url] vv
★天边的云★
[ft=,,楷体_gb2312][B] [ft=,2,][ft=#989898,,tahoma] [M][ft=#ff3300,,]┈┾[/ft][B][ft=#ffff00,5,] 捧起一份惦念,刻成一份眷恋 ,感谢一路有您相伴[/ft][/B] [/M] [/M] [R] [ [url=http://b121.photo.store.qq.com/psb?/V133V0Wh3Gz21p/0Dd.8kppV8qXF58E762jLsrsrd8Zi5p1RXT3PMdxBeE!/b/dElWKEi2GgAA&bo=5gAsAQAAAAACAO8!][img]http://b121.photo.store.qq.com/psb?/V133V0Wh3Gz21p/0Dd.8kppV8qXF58E762jLsrsrd8Zi5p1RXT3PMdxBeE!/b/dElWKEi2GgAA&bo=5gAsAQAAAAACAO8![/img][/url] [/R] [/ft][/ft][/B][/ft]
★天边的云★
[ft=,,楷体_gb2312][B] [ft=,2,][ft=#989898,,tahoma] [M][ft=#ff3300,,]┈┾[/ft][B][ft=#ffff00,5,] 捧起一份惦念,刻成一份眷恋 ,感谢一路有您相伴[/ft][/B] [/M] [/M] [R] [ [url=http://b121.photo.store.qq.com/psb?/V133V0Wh3Gz21p/0Dd.8kppV8qXF58E762jLsrsrd8Zi5p1RXT3PMdxBeE!/b/dElWKEi2GgAA&bo=5gAsAQAAAAACAO8!][img]http://b121.photo.store.qq.com/psb?/V133V0Wh3Gz21p/0Dd.8kppV8qXF58E762jLsrsrd8Zi5p1RXT3PMdxBeE!/b/dElWKEi2GgAA&bo=5gAsAQAAAAACAO8![/img][/url] [/R] [/ft][/ft][/B][/ft]
水中月 微信szy1636
[M]╱☆ ● 寄一份深深的祝福[em]e160[/em]愿幸福永远陪伴您★*[/M]
水中月 微信szy1636
[M]╱☆ ● 寄一份深深的祝福[em]e160[/em]愿幸福永远陪伴您★*[/M]
水中月 微信szy1636
[M]╱☆ ● 寄一份深深的祝福[em]e160[/em]愿幸福永远陪伴您★*[/M]