音画日志制作和常用工具

个人日记



打开写日志点击右上角高级功能,点击HTML把里面的代码清空。
 
第一步:把下面的边框代码复制到里面。

<table height=5000 width=880 bgColor=#228b22><TR><TD><P style="MARGIN: 0.7em">&nbsp;</p>
<P style="MARGIN: 0.7em">&nbsp;</p>
 
现在看到的5000是边框的长度,如果你日志短可以减小数字,228b22是边框的颜色代码。
 
第二步:图片地址代码复制下面的代码到HTML的最下面。
 
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 10px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址1" width=850> </CENTER></DIV>
 
现在看到的20是图片的左右你想图片在右就加大数字比如200,数字10是放图片的上下位置。图片地址就是空间相册里面你喜欢的图片右击图片出现属性然后看到地址,你把地址复制到代码的图片地址1处,当然要删除代码里面的字图片地址1。数字850是图片大小。如果你粘贴好图片地址之后浏览看看是否达到你想要的效果,如果效果可以再做第二张图片,现在我介绍的是一张图片。如果你想用第二张图片就再次复制代码,当然要修改数字。注意先做好你想添加几张图片在做其它的。
 
第三步:复制以下文字代码到HTML的最下面。
 
<DIV style="LEFT: 120px; POSITION: absolute; TOP: 500px">
<P><FONT face=楷体_GB2312 color=#ffcc00 size=5><STRONG>等一段文字</STRONG></FONT> </P></DIV>
 
现在看到的120数字是你想放文章的左右数字。比如你想文章在右就加大数字,数字500是你想放文章的上下位置。ffcc00是字体颜色。数字5是字体大小。您放文章就写在写等一段文字处当然要删除里面的6个字。现在我介绍的是一组放文章。如果你想放第二行就再次复制代码,当然要修改数字。
 
现在介绍做日志常用的网址和工具;
美图秀秀是美画图片的有时候我们要在图片上面加字可以用到。下载地址:http://xiuxiu.meitu.com/
 
fiashs是日志的动画点击可以看到http://www.fscyd.com/news/list_40.html
 
彩字秀是制作闪字或者签名档加字http://www.czxiu.com/
 
 
隐藏歌曲代码
 
<DIV style="OVERFLOW: scroll; WIDTH: 21px; HEIGHT: 0px"><object codeBase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab#version=8,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="410" height="100" src="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" bgcolor="#ffffff" menu="true" allowScriptAccess="always" name="musicFlash**" id="musicFlash0" ubb="724935|3|http://stream8.qqmusic.qq.com/724935.wma|爱的天堂|3518|林霞|1" class="blog_music"><param name="movie" value="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="data" value="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="bgColor" value="#ffffff" /><param name="wmode" value="transparent" /><param name="menu" value="true" /><param name="allowScriptAccess" value="always" /></object> </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,这个数是图的高度,还可以根据你贴图片的大小随时修改,等你会做了,你改成四千或五千都没有关系。把(背景图片地址)这几个字去掉,其它的一个代码都不能少。再把下面的背景图片代码粘在这里面。

http://b66.photo.store.qq.com/http_imgload.cgi?/rurl4_b=80e25be609f2ae686219bc6d0a5d376bd03c2bb30f05cd1a6d9812b7c43d2706ff9610e6a800bbfb79bb9d1184572a89233c34622ff5dd0dbf550a8af261661b6554b50a8f5ec38a38ba0b7ca69e63bc5b9248f6&a=66&b=66

点击下面的预览看一下背景图片的效果,再点反回。

三;另起一行,粘贴图片地址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)这几个字去掉,贴上下面一张图片的代码:

http://b208.photo.store.qq.com/http_imgload.cgi?/rurl4_b=97bfb991eb0731887cde321d5011caa21d94a533f13f4d1fd5d94f6977247c8c18c5e12e1c50e5188ba2838b029874eaebfd8bb896ff305ecb01edcd932213b28f7419a247f7a508d86ee096710ac2a9d4ce235c&a=208&b=208

四;另起一行,贴上“图片地址1”的代码,把20改成0,10改成450,粘贴上下面的代码:

http://b204.photo.store.qq.com/http_imgload.cgi?/rurl4_b=8785e55cb3f1feb4ad4f48aed107605c1565f54626d1e5d278e89bc11dd75ceeadd9381253ea5ea3e20afbb3435cf3d76492521559c9441999effc76b71cb33de77db35e47238768a9a004c65460ba47326bf8c0&a=204&b=204

四;另起一行,贴上“图片地址1”的代码,把20改成0,10改成900,粘贴上下面的代码:

http://b205.photo.store.qq.com/http_imgload.cgi?/rurl4_b=97bfb991eb0731887cde321d5011caa26a439c42464f2019708264fac45c3eacc1af9bb744bd273e31bd3418cf059380bc770a6f03f11e6c0c644a4f28e8fd41764b133991bd32133c51d67e42aa8df4888fb817&a=205&b=205

五;另起一行,贴上“图片地址1”的代码,把20改成0,10改成1400,粘贴上下面的代码:

http://b207.photo.store.qq.com/http_imgload.cgi?/rurl4_b=8785e55cb3f1feb4ad4f48aed107605c892d8efaef367f9276d3f0ae15f174c17bcea0a9b7e44bee73d219d2a857216dee94da0762ebf8f4ec289e88cf248dba2e110a446d577520b6e7950fc161b869bea54b31&a=207&b=207

六;另起一行,贴上“图片地址1”的代码,把20改成0,10改成1800,粘贴上下面的代码:

http://b204.photo.store.qq.com/http_imgload.cgi?/rurl4_b=8785e55cb3f1feb4ad4f48aed107605c1817d34053737321c770bc93e9b64c4c967ef32db6369fe45f5082f3a1a35ffdb725a5e9157f99aed3afcdcd0736db4b1c2305a5438d74e5079935654226a2a80e36c113&a=204&b=204

七;另起一行,贴上“图片地址1”的代码,把20改成0,10改成2200,粘贴上下面的代码:

http://b61.photo.store.qq.com/http_imgload.cgi?/rurl4_b=80ac63116d681fee6d009b8b9955ba08a1fc6199cef97c8dc88cbcd1252c3bdc6719d867ae1231902e3c531adcc95446c8baf868e21d7d21206a4e4f8a03f87c820b9c8a57cc13333f560fdb5067c7b023af8519&a=57&b=61

这时候你预览一下,整个图出来了。

八;贴上写字的代码: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>&nbsp;</FONT><BR><BR></FONT>&nbsp;</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>&nbsp;</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&ampbo=5gAsAQAAAAACAO8!][img]http://b121.photo.store.qq.com/psb?/V133V0Wh3Gz21p/0Dd.8kppV8qXF58E762jLsrsrd8Zi5p1RXT3PMdxBeE!/b/dElWKEi2GgAA&ampbo=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&ampbo=5gAsAQAAAAACAO8!][img]http://b121.photo.store.qq.com/psb?/V133V0Wh3Gz21p/0Dd.8kppV8qXF58E762jLsrsrd8Zi5p1RXT3PMdxBeE!/b/dElWKEi2GgAA&ampbo=5gAsAQAAAAACAO8![/img][/url] [/R] [/ft][/ft][/B][/ft]