《代码音画制作教程》——帖赠：独享独行老师！

把酒横箫 · 发表于 2013-8-3 09:26:52

欢迎你来注册，这里有更多的热心朋友期待你的加盟参与。

x

本帖最后由把酒横箫于 2016-7-16 10:01 编辑 编辑进行中~~~~~

把酒横箫 · 发表于 2013-8-3 09:27:07

<TBODY>
<TR>
<TD width=800>
</BLOCKQUOTE></TD></TR>

代码解释：

 1、上面的红色800数字是相对应背景图片（见下图）的宽度，也是这个代码音画的宽度，红色800数字下面的红色地址就是相对应的背景图片（见下图）地址，你可以换上你喜欢的图片地址（注意：宽度是800，高度随意）；

 2、中间的蓝色800、263数字是相对应背景图片（见下图）的宽、高，蓝色地址就是相对应的背景图片地址，你可以换上你喜欢的图片地址（见下图）（注意：宽度是800，高度是你实际图片的高，我这里是263）；
 3、下中间的粉色800、88数字是相对应背景图片（见下图）的宽、高，粉色地址就是相对应的背景图片地址，你可以换上你喜欢的图片地址（见下图）（注意：宽度是800，高度是你实际图片的高，我这里是88）。

把酒横箫 · 发表于 2013-8-3 09:27:19

本帖最后由把酒横箫于 2013-8-3 11:11 编辑 使用办法：  1、在发表主题前，先复制好一楼里面的代码，开始发表主题时，先在编辑栏左上角的“纯文本”、“HTML代码”前面打上钩，再把复制好的代码粘贴到编辑栏里面来。（见下图）  2、粘贴代码到编辑栏里面后，再去掉“纯文本”前面的钩，“HTML代码”前面的钩留着不变。这时编辑栏内的代码就显示为可见可得编辑状态了，用鼠标点击一下空白画面，当见到鼠标光标闪动后，就可以输入文字、图片等等附件了，见下图。

把酒横箫 · 发表于 2013-8-3 09:27:36

本帖最后由把酒横箫于 2013-8-3 11:12 编辑 没有内容的效果
<TABLE border=0 cellSpacing=0 cellPadding=0 width=800 background=http://bbs.sijige.net/data/attachment/forum/201308/02/180228g5uu8voo6twzlwxi.jpg>
<TBODY>
<TR>
<TD width=800>
<IMG style="MARGIN: 0px 0px 0px 0px; WIDTH: 800px; FLOAT: none; HEIGHT: 263px; cssFloat: none" title="" alt="" src="http://bbs.sijige.net/data/attachment/forum/201308/02/180236v2j6bbww0da5sjid.jpg">
</BLOCKQUOTE></TD></TR></TBODY></TABLE><IMG style="MARGIN: 0px 0px 0px 0px; WIDTH: 800px; FLOAT: none; HEIGHT: 88px; cssFloat: none" title="" alt="" src="http://bbs.sijige.net/data/attachment/forum/201308/02/180242bj55j3efqh00fhhi.jpg">

把酒横箫 · 发表于 2013-8-3 09:28:05

本帖最后由把酒横箫于 2013-8-3 11:25 编辑 输入内容后的效果 <TABLE border=0 cellSpacing=0 cellPadding=0 width=800 background=http://bbs.sijige.net/data/attachment/forum/201308/02/180228g5uu8voo6twzlwxi.jpg>
<TBODY>
<TR>
<TD width=800>
<IMG style="MARGIN: 0px; WIDTH: 800px; FLOAT: none; HEIGHT: 263px; cssFloat: none" title="" alt="" src="http://bbs.sijige.net/data/attachment/forum/201308/02/180236v2j6bbww0da5sjid.jpg"> （在这个位置输入文字、图片等内容，与平时发表帖子一样） 

<BLOCKQUOTE></BLOCKQUOTE></TD></TR></TBODY></TABLE><IMG style="MARGIN: 0px; WIDTH: 800px; FLOAT: none; HEIGHT: 88px; cssFloat: none" title="" alt="" src="http://bbs.sijige.net/data/attachment/forum/201308/02/180242bj55j3efqh00fhhi.jpg">

只看该作者 · 发表于 2013-8-3 14:31:40

本帖最后由独享独行于 2013-8-3 14:36 编辑

把酒横箫发表于 2013-8-3 09:27 http://bbs.sijige.net/static/image/common/back.gif
本帖最后由把酒横箫于 2013-8-3 11:11 编辑使用办法： 1、在发表主题前，先复制好一楼里面的代码， ...

非常感谢你的耐心指导！我这个学生很笨！
如2 （2）操作后鼠标只在旁边的格里闪动，进不了你说的红色区域，因此文字就到不了位。
请问代码是一次全部复制还是分次复制。

只看该作者 · 发表于 2013-8-3 17:33:57

本帖最后由独享独行于 2013-8-3 18:08 编辑 http://pica.nipic.com/2008-04-17/2008417104415539_2.jpg

只看该作者 · 发表于 2013-8-3 17:55:29

本帖最后由独享独行于 2013-8-3 18:04 编辑

尽管我还没完全掌握把酒横箫网友传授给我的作图技术，于是先在PS上做成模板，（在这里的图片不发光）以表示的谢意和诚意及信心！

把酒横箫 · 发表于 2013-8-3 18:08:14

独享独行发表于 2013-8-3 14:31 static/image/common/back.gif
非常感谢你的耐心指导！我这个学生很笨！
如2 （2）操作后鼠标只在旁边的格里闪动，进不了你说的红色区 ...

1、只要你看到鼠标闪动就可以输入文字或者图片了，我画出来的红色区域只是指鼠标点触范围，担心你点上下图片，那样鼠标就点击不了。另外，当你看到光标闪动后，可以打键盘回车键一二次再输入内容（记得内容应该是全居中排列，这代码靠左、右排列不好用）；
2、代码是一次性全部复制使用。

把酒横箫 · 发表于 2013-8-3 18:14:54

独享独行发表于 2013-8-3 17:33 static/image/common/back.gif
本帖最后由独享独行于 2013-8-3 18:08 编辑

方子 · 发表于 2013-8-3 18:25:42

我不太适合学这些东西，一看这些我的头都大了！{:soso_e113:}

方子 · 发表于 2013-8-3 18:25:56

只能欣赏大家的了！

只看该作者 · 发表于 2013-8-3 18:26:53

<TABLE border=0 cellSpacing=0 cellPadding=0 width=800 background=http://bbs.sijige.net/data/attachment/forum/201308/02/180228g5uu8voo6twzlwxi.jpg>
<TBODY>
<TR>
<TD width=800>
<IMG style="MARGIN: 0px; WIDTH: 393px; FLOAT: none; HEIGHT: 165px; cssFloat: none" title="" alt="" src="http://bbs.sijige.net/data/attachment/forum/201308/02/180236v2j6bbww0da5sjid.jpg">

<BLOCKQUOTE>
http://bbs.sijige.net/data/attachment/forum/201308/02/181308e2ssuusn5a22z4n1.gif 
<DIV style="Z-INDEX: 301; POSITION: absolute; DISPLAY: none; TOP: 10517px; LEFT: 363px" id=aimg_5812_menu class="tip tip_4 aimg_tip" fade="false" disautofocus="true" initialized="true" ctrlkey="aimg_5812" mtype="menu" layer="1" cover="0" cache="1">
<DIV class="tip_c xs0">
<DIV class=y>昨天 18:13 上传</DIV><A title="闪花.gif 下载次数:1" href="http://bbs.sijige.net/forum.php?mod=attachment&aid=NTgxMnw4ZThlZTVlY3wxMzc1NTI1MDk5fDE1M3wxOTg1&nothumb=yes" target=_blank>下载附件 (40.53 KB)</A> </DIV>
<DIV class=tip_horn></DIV></DIV></IGNORE_JS_OP>


<BLOCKQUOTE>
原创感悟我第一张帖子中的跟帖 <IGNORE_JS_OP>http://bbs.sijige.net/data/attachment/forum/201308/02/181346yj6j4g8g6g8kn6z8.gif 
<DIV style="Z-INDEX: 301; POSITION: absolute; DISPLAY: none; TOP: 10625px; LEFT: 292px" id=aimg_5813_menu class="tip tip_4 aimg_tip" fade="false" disautofocus="true" initialized="true" ctrlkey="aimg_5813" mtype="menu" layer="1" cover="0" cache="1">
<DIV class="tip_c xs0">
<DIV class=y>昨天 18:13 上传</DIV><A title="黄红花草.gif 下载次数:0" href="http://bbs.sijige.net/forum.php?mod=attachment&aid=NTgxM3xmM2NiYzdkOXwxMzc1NTI1MDk5fDE1M3wxOTg1&nothumb=yes" target=_blank>下载附件 (80.61 KB)</A> </DIV>
<DIV class=tip_horn></DIV></DIV></IGNORE_JS_OP> 
</BLOCKQUOTE>
<BLOCKQUOTE>
 2006年大年初一，早上我在去上班的途中不慎被香蕉皮滑倒，致腰椎压缩性骨折，
此后卧床数月。大儿子怕我寂寞，更理解我病中会更想念移居国外的弟弟，便航空快递
来笔记本电脑，以方便我与弟弟及外界交流。     躺在病床上的滋味可想而知，在痛苦、寂寞中于3月21日摸索着在博客网注册了自己的博客，
信手写了几句：我来了，向大家问好。我是四十年代初生人,因为初来乍到，
竟然在注册时找不
到我出生的年代，只好写在1950年，让自己年轻了10岁。        哈哈！垂暮之人也想来这里一展自己的风采，纵论天下、吟诗作赋、让自己活得潇洒，
活得时尚，活得充实。愿与爱好文学、音乐的朋友交友。     那时我还是个网盲，什么版主、回帖跟帖、楼主什么都不懂，究竟发到那里自己也不知道，
直到30日无意中在博客沙龙里看到了，还有几位网友的跟帖： 第1个跟帖的adam256说 哈哈 早就应该来了，这里没年龄区分，欢迎啊！ 来晚了，罚酒一杯！ 接着： 潇湘妃说： 热烈欢迎欢迎~~~~~~~:):):):) 枪手（樵夫）说：先生不几日也许又会年轻10岁! 来,敬先生一盅! 吉祥酸宝说： 哈哈，这回来老大了~     看到这些跟帖，一种从未体验过的被陌生人关注、欢迎的感受令我高兴不已，
想不到虚拟的网络里也有真实的情感呼应和温馨。就像老朋友久别聚会那样熟悉、亲切、
无拘无束。我按奈不住自己的兴奋，随即就打电话给儿子和媳妇，把那些跟帖念给他们听，
与他们分享我的快乐！为了回应大家的盛情，匆匆发了一篇旧作《看云》。     正是因为这些热情、风趣、幽默的跟帖，让我这个年近古稀之人与网络结下不解之缘，
并在网络中收获了真情，结识了不少仁人志士。我庆幸自己融进了时代的潮流，
与年轻人一起共同分享电脑与网络这个高科技带来的便捷和快乐！     也正是因为这些热情、风趣、幽默的跟帖，让初来乍到时的我，
深深体会到了跟帖回帖在网络提供给我们的这个平台上的重要作用，
特别是版主的回帖是一个论坛聚拢人气的重要因素。
因此，当2个月后adam256和潇湘妃推荐我做了版主之后，我始终以我的亲身感受来
认真热情招呼每一位网友。    进入网络的人虽然各有不同的目的，但大多数人都希望卸下平日里的假面具，
在虚拟的网络里放松一把，回归一个真实的自我，展现自己的才艺、畅抒人生历程、
记录自己的心迹、交友、休闲娱乐。     欣赏和被欣赏都是种享受和快乐，然而，这种享受和快乐需要在交流和互动中才能迸发出来。
而网络中的跟帖回帖是最好的互动和交流，一句精湛贴题的跟帖往往会敲开你的心扉，
会远远超过一篇泱泱大作的作用，这就是跟帖的魅力。     跟帖是对别人的尊重、是欣赏、是友谊、是参与、是默契、是情操。
你要是想在网络中找到快乐、交到真友、提高自己，就毫不吝啬的跟帖回帖吧！                                                                               2009-11-14 <IGNORE_JS_OP>http://bbs.sijige.net/data/attachment/forum/201308/02/181450sjs7jgdz8yfuhh80.gif 
<DIV style="Z-INDEX: 301; POSITION: absolute; TOP: 11760px; LEFT: 363px" id=aimg_5814_menu class="tip tip_4 aimg_tip" fade="false" disautofocus="true" initialized="true" ctrlkey="aimg_5814" mtype="menu" layer="1" cover="0" cache="1">
<DIV class="tip_c xs0">
<DIV class=y>昨天 18:14 上传</DIV><A title="闪花.gif 下载次数:1" href="http://bbs.sijige.net/forum.php?mod=attachment&aid=NTgxNHw4MmMxYzE2NnwxMzc1NTI1MDk5fDE1M3wxOTg1&nothumb=yes" target=_blank>下载附件 (40.53 KB)</A> </DIV>
<DIV class=tip_horn></DIV></DIV></IGNORE_JS_OP> 
</BLOCKQUOTE>
<IMG style="MARGIN: 0px; WIDTH: 399px; FLOAT: none; HEIGHT: 83px; cssFloat: none" title="" alt="边框 - zjccrn - zjccrn" src="http://bbs.sijige.net/data/attachment/forum/201308/02/180242bj55j3efqh00fhhi.jpg"></BLOCKQUOTE></TD></TR></TBODY></TABLE>

只看该作者 · 发表于 2013-8-3 18:28:50

本帖最后由独享独行于 2013-8-3 18:31 编辑

把酒横箫发表于 2013-8-3 18:14 http://bbs.sijige.net/static/image/common/back.gif

还是有点小问题上下不到边我没法拉大，请指导！{:soso_e183:}

只看该作者 · 发表于 2013-8-3 19:38:26

<TABLE border=0 cellSpacing=0 cellPadding=0 width=800 background=http://bbs.sijige.net/data/attachment/forum/201308/02/180228g5uu8voo6twzlwxi.jpg>
<TBODY>
<TR>
<TD width=800>
<IMG style="MARGIN: 0px; WIDTH: 800px; FLOAT: none; HEIGHT: 263px; cssFloat: none" title="" alt="" src="http://bbs.sijige.net/data/attachment/forum/201308/02/180236v2j6bbww0da5sjid.jpg">

<BLOCKQUOTE>
http://bbs.sijige.net/data/attachment/forum/201308/02/181308e2ssuusn5a22z4n1.gif 
<DIV style="Z-INDEX: 301; POSITION: absolute; DISPLAY: none; TOP: 10518px; LEFT: 363px" id=aimg_5812_menu class="tip tip_4 aimg_tip" fade="false" disautofocus="true" initialized="true" ctrlkey="aimg_5812" mtype="menu" layer="1" cover="0" cache="1">
<DIV class="tip_c xs0">
<DIV class=y>昨天 18:13 上传</DIV><A title="闪花.gif 下载次数:1" href="http://bbs.sijige.net/forum.php?mod=attachment&aid=NTgxMnxlYjQzNDVlOHwxMzc1NTI3OTc0fDE1M3wxOTg1&nothumb=yes" target=_blank>下载附件 (40.53 KB)</A> </DIV>
<DIV class=tip_horn></DIV></DIV></IGNORE_JS_OP>


<BLOCKQUOTE>
原创感悟我第一张帖子中的跟帖 <IGNORE_JS_OP>http://bbs.sijige.net/data/attachment/forum/201308/02/181346yj6j4g8g6g8kn6z8.gif 
<DIV style="Z-INDEX: 301; POSITION: absolute; DISPLAY: none; TOP: 10626px; LEFT: 292px" id=aimg_5813_menu class="tip tip_4 aimg_tip" fade="false" disautofocus="true" initialized="true" ctrlkey="aimg_5813" mtype="menu" layer="1" cover="0" cache="1">
<DIV class="tip_c xs0">
<DIV class=y>昨天 18:13 上传</DIV><A title="黄红花草.gif 下载次数:0" href="http://bbs.sijige.net/forum.php?mod=attachment&aid=NTgxM3w1NDA5MTUyOXwxMzc1NTI3OTc0fDE1M3wxOTg1&nothumb=yes" target=_blank>下载附件 (80.61 KB)</A> </DIV>
<DIV class=tip_horn></DIV></DIV></IGNORE_JS_OP> 
</BLOCKQUOTE>
<BLOCKQUOTE>
 2006年大年初一，早上我在去上班的途中不慎被香蕉皮滑倒，致腰椎压缩性骨折，
此后卧床数月。大儿子怕我寂寞，更理解我病中会更想念移居国外的弟弟，便航空快递
来笔记本电脑，以方便我与弟弟及外界交流。     躺在病床上的滋味可想而知，在痛苦、寂寞中于3月21日摸索着在博客网注册了自己的博客，
信手写了几句：我来了，向大家问好。我是四十年代初生人,因为初来乍到，
竟然在注册时找不
到我出生的年代，只好写在1950年，让自己年轻了10岁。        哈哈！垂暮之人也想来这里一展自己的风采，纵论天下、吟诗作赋、让自己活得潇洒，
活得时尚，活得充实。愿与爱好文学、音乐的朋友交友。     那时我还是个网盲，什么版主、回帖跟帖、楼主什么都不懂，究竟发到那里自己也不知道，
直到30日无意中在博客沙龙里看到了，还有几位网友的跟帖： 第1个跟帖的adam256说 哈哈 早就应该来了，这里没年龄区分，欢迎啊！ 来晚了，罚酒一杯！ 接着： 潇湘妃说： 热烈欢迎欢迎~~~~~~~:):):):) 枪手（樵夫）说：先生不几日也许又会年轻10岁! 来,敬先生一盅! 吉祥酸宝说： 哈哈，这回来老大了~     看到这些跟帖，一种从未体验过的被陌生人关注、欢迎的感受令我高兴不已，
想不到虚拟的网络里也有真实的情感呼应和温馨。就像老朋友久别聚会那样熟悉、亲切、
无拘无束。我按奈不住自己的兴奋，随即就打电话给儿子和媳妇，把那些跟帖念给他们听，
与他们分享我的快乐！为了回应大家的盛情，匆匆发了一篇旧作《看云》。     正是因为这些热情、风趣、幽默的跟帖，让我这个年近古稀之人与网络结下不解之缘，
并在网络中收获了真情，结识了不少仁人志士。我庆幸自己融进了时代的潮流，
与年轻人一起共同分享电脑与网络这个高科技带来的便捷和快乐！     也正是因为这些热情、风趣、幽默的跟帖，让初来乍到时的我，
深深体会到了跟帖回帖在网络提供给我们的这个平台上的重要作用，
特别是版主的回帖是一个论坛聚拢人气的重要因素。
因此，当2个月后adam256和潇湘妃推荐我做了版主之后，我始终以我的亲身感受来
认真热情招呼每一位网友。    进入网络的人虽然各有不同的目的，但大多数人都希望卸下平日里的假面具，
在虚拟的网络里放松一把，回归一个真实的自我，展现自己的才艺、畅抒人生历程、
记录自己的心迹、交友、休闲娱乐。     欣赏和被欣赏都是种享受和快乐，然而，这种享受和快乐需要在交流和互动中才能迸发出来。
而网络中的跟帖回帖是最好的互动和交流，一句精湛贴题的跟帖往往会敲开你的心扉，
会远远超过一篇泱泱大作的作用，这就是跟帖的魅力。     跟帖是对别人的尊重、是欣赏、是友谊、是参与、是默契、是情操。
你要是想在网络中找到快乐、交到真友、提高自己，就毫不吝啬的跟帖回帖吧！                                                                               2009-11-14 <IGNORE_JS_OP>http://bbs.sijige.net/data/attachment/forum/201308/02/181450sjs7jgdz8yfuhh80.gif </BLOCKQUOTE></BLOCKQUOTE></TD></TR></TBODY></TABLE><IMG style="MARGIN: 0px; WIDTH: 800px; FLOAT: none; HEIGHT: 88px; cssFloat: none" title="" alt="" src="http://bbs.sijige.net/data/attachment/forum/201308/02/180242bj55j3efqh00fhhi.jpg">

只看该作者 · 发表于 2013-8-3 19:40:12

终于成功了！

把酒横箫 · 发表于 2013-8-3 21:01:56

独享独行发表于 2013-8-3 19:40 static/image/common/back.gif
终于成功了！

恭喜！我终于教会了一位网友使用代码发表帖子啦！
记得我第一次接接触代码的时候是在网易博客起步的，当时没有人指点，是自己复制别人的博文过来，在自己的博客日志栏里面慢慢解析研究学会的。后来拿到论坛里面发表作品，有很多网友觉得好看想学习，我很高兴的、认真的教她们，可是，学了一半之后，都说有空再学，到最后是不了子之……。:victory:

把酒横箫 · 发表于 2013-8-3 21:07:21

独享独行发表于 2013-8-3 19:40 static/image/common/back.gif
终于成功了！

举一反三，慢慢研究，熟能生巧！
以后你可以尝试更换背景图片，中间的图不要太大，因为它的容量是无限制的（也就是说，不管你输入多大的内容，中间的图都会自动扩大不变形的），所以不必要把图做得太大（图片文件大了，效果出来步慢了）。

把酒横箫 · 发表于 2013-8-3 21:13:01

方子发表于 2013-8-3 18:25 static/image/common/back.gif
我不太适合学这些东西，一看这些我的头都大了！

问好方子！只要你真的想学，其实不难的。因为，当初没人教我，我自己都可以学会的，你有我认真的教你，不可能学不会的。

方子 · 发表于 2013-8-3 21:58:57

把酒横箫发表于 2013-8-3 21:13 static/image/common/back.gif
问好方子！只要你真的想学，其实不难的。因为，当初没人教我，我自己都可以学会的，你有我认真的教你，不 ...

谢谢！
可能是因为沉不下心来！:lol

帐号		自动登录	找回密码
密码			立即注册（鼓励中文名字）

《代码音画制作教程》——帖赠：独享独行老师！

欢迎你来注册，这里有更多的热心朋友期待你的加盟参与。

本帖子中包含更多资源

点评

点评

本帖子中包含更多资源

本帖子中包含更多资源

点评

点评

点评

点评

点评

《代码音画制作教程》——帖赠：独享独行 老师！

欢迎你来注册，这里有更多的热心朋友期待你的加盟参与。

本帖子中包含更多资源

点评

点评

本帖子中包含更多资源

本帖子中包含更多资源

点评

点评

点评

点评

点评

《代码音画制作教程》——帖赠：独享独行老师！