可爱老人网

 找回密码
 注册会员
搜索
楼主: 老可人

学习使用代码制作转轴音画

  [复制链接]
暖冬 该用户已被删除
发表于 2012-8-2 07:18 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
 楼主| 发表于 2012-8-2 12:17 | 显示全部楼层
暖冬 发表于 2012-8-2 07:18
可人老师毫无保留地奉献了全套代码,光是模仿还是不懂其中的意思。
争取能制作一个独立的卷轴。

可以替换代码中图片地址和图片的实际尺寸,转轴其他代码不能改动,这样就可以制作成转轴画来,祝制作成功!
 楼主| 发表于 2012-9-24 15:44 | 显示全部楼层
暖冬 发表于 2012-9-24 15:38
哎呦喂!可人老师是个大好人,图片、代码全都交底啦,明天再试吧!这图片好宽啊!
大家千篇一律也不好啊!

通过交流互相学习,提高代码制作音画水平,共同娱乐才好,祝新周愉快!
 楼主| 发表于 2012-9-24 16:00 | 显示全部楼层
本帖最后由 老可人 于 2012-9-24 16:03 编辑
松柏长青 发表于 2012-9-24 15:03
大师级的作品!请问老可人为什么我把代码复制后下面转轴中间少一条(花边)?是不是代码少一条?请教了!谢 ...


代码复制保存在txt记事本上,需要制作成txt文件格式,上传txt网站申请txt文件地址才能够保证音画完美,试试看。

http://up.gz1w.com/   

就是一网网站

http://up.gz1w.com/201207/af2df8e4e4fbd080ef1146f0c30cf5ef.txt

音画就是这样的地址。点击这个地址查看音画画面效果。





 楼主| 发表于 2012-9-24 19:09 | 显示全部楼层
松柏长青 发表于 2012-9-24 18:51
[quote]老可人 发表于 2012-9-24 16:00 http://up.gz1w.com/201209/64394f4a7ef77837ffca55441d9ca435.txt音 ...

直接使用代码发贴,音画在老人网会变形,制作txt格式地址能够保证音画原貌。
发表于 2012-9-25 13:13 | 显示全部楼层
本帖最后由 巫荣云师 于 2012-9-25 13:36 编辑

欣赏可人老师精美代码音画,转轴画制作很棒!这么好的制作素材。谢谢老可人老师。
     
 
 
       
   。
     
 
  
 
 
 
 楼主| 发表于 2012-9-25 13:37 | 显示全部楼层
松柏长青 发表于 2012-9-25 12:28
问候老可人!我的操作:
1:代码复制保存在txt记事本上,制作成txt文件格式
2:上传txt网站申请txt文件 ...

操作步骤完全正确,txt就是纯文本文件,也可以说是把编辑很多内容的代码压缩在文件中,老人网如果发内容很多的帖子,字节数超过10000节,服务器就会拒绝发表作品,制作txt格式文件就解决了问题,保证画面原貌,至于其他的就不清楚了。边框代码,我一般使用四个图层代码,简单实用,可以任意更换边框图片,调整边框模式。

发几个边框代码:

枫叶飘落背景

<DIV align=center>
<DIV class=divBorderStyleRelative style="LEFT: -20px; WIDTH: 750px; POSITION: relative; TOP: 50px">
<TABLE borderColor=#333300 cellSpacing=48 borderColorDark=#333300 cellPadding=0 width="100%" align=center background=http://www.keai99.com/data/attachment/album/201202/04/070416gcohgvtlqwvwuqhz.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#333300 cellSpacing=15 borderColorDark=#333300 cellPadding=0 width="100%" align=center background=http://www.keai99.com/data/attachment/album/201202/29/004252euyddebdbaybatsk.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#333300 cellSpacing=18 borderColorDark=#333300 cellPadding=0 width="100%" align=center background=http://www.keai99.com/data/attachment/album/201202/09/170759dhhhh0rcrnlcoztl.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 763px; HEIGHT: 103px; TEXT-ALIGN: left" cellSpacing=10 borderColorDark=#cc99cc cellPadding=0 width="100%" borderColorLight=#cc99cc background=http://www.keai99.com/data/attachment/album/201206/21/235020ab7ah0w97ezrrmzx.gif border=1>
<TBODY>
<TR>
<TD>
<MARQUEE style="FONT-SIZE: 45pt; FILTER: shadow(color=FFFF33 ); WIDTH: 100%; COLOR: #ff0000; FONT-FAMILY: 隶书" scrollAmount=3 FONT>
边框代码
</MARQUEE>

生日祝福边框

1

<DIV align=center>
<DIV style="POSITION: relative; WIDTH: 750px; TOP: 10px; LEFT: 0px" class=divBorderStyleRelative>
<TABLE border=0 cellSpacing=70 borderColor=#333300 borderColorDark=#333300 cellPadding=0 width="100%" background=http://www.keai99.com/data/attachment/album/201209/21/103407fvf2v4vwv3433fla.gif align=center>
<TBODY>
<TR>
<TD>
<TABLE style="TEXT-ALIGN: left; WIDTH: 600px; HEIGHT: 103px" border=1 cellSpacing=10 borderColorLight=#cc99cc borderColorDark=#cc99cc cellPadding=0 width="100%" background=http://www.keai99.com/data/attachment/album/201209/03/10331706w0wucfrwcvxeew.gif>
<TBODY>
<TR>
<TD>
<P align=center><IMG style="WIDTH: 538px; HEIGHT: 95px" src="http://www.keai99.com/data/attachment/album/201209/21/10340725i5ps3rviru1p22.gif" width=736 height=143></P>
<DIV><BR>&nbsp;</DIV>
<DIV></DIV>
<DIV></DIV>


富丽堂皇边框代码

<DIV align=center>
<TABLE id=table1 style="LEFT: 0px; WIDTH: 800px; POSITION: relative; TOP: 0px" height=200 cellSpacing=0 cellPadding=0 background="" border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://www.keai99.com/data/attac ... on090j9pop9kk80.gif)" borderColor=#cccccc cellSpacing=12 cellPadding=11 width=700 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<TABLE title=dllc1234 style="BORDER-TOP-STYLE: ridge; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-BOTTOM-STYLE: ridge" borderColor=#633414 cellSpacing=5 cellPadding=3 width="100%" align=center bgColor=#000000 border=5>
<TBODY>
<TR>
<TD>
<TABLE title=dllc1234 style="BACKGROUND-IMAGE: url(http://www.keai99.com/data/attac ... cohgvtlqwvwuqhz.gif)" borderColor=#cccccc cellSpacing=15 cellPadding=11 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://www.keai99.com/data/attac ... mccjhr681j1u6fc.gif)" borderColor=#cccccc cellSpacing=9 cellPadding=9 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://www.keai99.com/data/attac ... x9aervigame5me9.gif)" borderColor=#cccccc cellSpacing=9 cellPadding=9 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(http://www.keai99.com/data/attac ... mccjhr681j1u6fc.gif)" borderColor=#cccccc cellSpacing=9 cellPadding=9 width="100%" align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 667px; BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; HEIGHT: 155px; BACKGROUND-COLOR: #000000; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: dotted" borderColor=#d6ac08 cellSpacing=3 cellPadding=0 width="100%" align=center bgColor=#000000 border=8>
<TBODY>
<TR>
<TD width=652>
<P align=center><FONT style="FONT-SIZE: 29px" color=#00ff00><STRONG>这里添加图片和动画及文字</STRONG></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>
<DIV>
<DIV>&nbsp;
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV></DIV></DIV></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV


素雅边框代码

<DIV align=center>
<DIV style="POSITION: relative; WIDTH: 750px; TOP: 50px; LEFT: 0px" class=divBorderStyleRelative>
<TABLE border=0 cellSpacing=6 borderColor=#aecaae cellPadding=0 width=700 background=http://www.keai99.com/data/attachment/album/201209/22/121906ldghf0myp0ppmggy.gif align=center>
<TBODY>
<TR>
<TD>
<TABLE style="TABLE-LAYOUT: auto" border=0 cellSpacing=0 cellPadding=0 width="100%" background=http://upload.ouliu.net/8/20120922122423wg88t.jpeg align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=30 cellPadding=0 width="100%" background=http://www.keai99.com/data/attachment/album/201209/22/1219076qz1kueqzkkpq66j.gif align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=6 borderColor=#aecaae cellPadding=0 width="100%" background=http://www.keai99.com/data/attachment/album/201209/22/121906ldghf0myp0ppmggy.gif align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 borderColor=#228b22 borderColorDark=#e6e6fa cellPadding=0 width="100%" background=http://upload.ouliu.net/8/20120922122652l9dww.jpeg align=center>
<TBODY>
<TR>
<TD>
<P>&nbsp;</P>
<DIV align=center><FONT style="FONT-SIZE: 29px" color=#0000ff><STRONG>这里添加内容</STRONG></FONT><BR></DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>
<P>&nbsp;</P>
<DIV align=center><BR>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>

常用边框代码



<DIV align=center>
<DIV style="POSITION: relative; WIDTH: 750px; TOP: 50px; LEFT: -20px" class=divBorderStyleRelative>
<TABLE border=0 cellSpacing=48 borderColor=#333300 borderColorDark=#333300 cellPadding=0 width="100%" background=http://www.keai99.com/data/attachment/album/201202/04/070416gcohgvtlqwvwuqhz.gif align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=15 borderColor=#333300 borderColorDark=#333300 cellPadding=0 width="100%" background=http://www.keai99.com/data/attachment/album/201202/29/004252euyddebdbaybatsk.gif align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=18 borderColor=#333300 borderColorDark=#333300 cellPadding=0 width="100%" background=http://www.keai99.com/data/attachment/album/201202/09/170759dhhhh0rcrnlcoztl.gif align=center>
<TBODY>
<TR>
<TD>
<TABLE style="TEXT-ALIGN: left; BACKGROUND-COLOR: #000000; WIDTH: 600px; HEIGHT: 20px" cellSpacing=0 cellPadding=0 width="100%" bgColor=#000000 align=left>
<TBODY>
<TR>
<TD>
<MARQUEE style="FILTER: shadow(color=FFFF33 ); WIDTH: 100%; FONT-FAMILY: 隶书; COLOR: #ff0000; FONT-SIZE: 45pt" scrollAmount=3 FONT>
常用边框代码
</MARQUEE>
<DIV>
<DIV>
<P></P>
<P></P>
<DIV align=center>
<DIV><FONT style="FONT-FAMILY: 黑体; FONT-SIZE: 29px" color=#ffffff><STRONG>这里添加内容</STRONG></FONT></DIV>
<DIV><STRONG><FONT color=#ffffff face=黑体></FONT></STRONG>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>
<TABLE style="WIDTH: 700px; HEIGHT: 152px" border=0 width=700 align=center>
<TBODY>
<TR>
<TD background=http://www.keai99.com/data/attachment/album/201206/23/0012185swnsv37y3qysnsy.gif>
<P align=center><FONT color=#ffff00 size=5>
<MARQUEE style="TEXT-ALIGN: center; FILTER: Wave glow(color=ff0000,strength:1 Add=0,freq=4,LightStrength=4,Phase=15,Strength=4); LINE-HEIGHT: 22pt; WIDTH: 601px; HEIGHT: 71px; COLOR: #66cc00; FONT-SIZE: 11pt; padding-center: 10em" direction=up height=71 scrollAmount=1 scrollDelay=40><FONT size=18 face=黑体><STRONG><BR>可人欢迎朋友们光临坐客</STRONG></FONT></FONT></FONT>
<P></P>
<P></P>
<P>&nbsp;</P>
<DIV><BR>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV></DIV></FONT>
<P></P></FONT>
<P></P></FONT>
<P></P></FONT>
<P></P></FONT>
<P></P></FONT>
<P></P></FONT>
<P></P></FONT>
<P></P></FONT>
<P></P></FONT>
<P></P></FONT></P></TD></TR></TBODY></TABLE></DIV></DIV>
<CENTER></CENTER></DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P>&nbsp;</P></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV></DIV>
<P>&nbsp;</P>
<DIV><BR>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV></DIV></DIV>
 楼主| 发表于 2012-9-25 13:41 | 显示全部楼层
巫荣云师 发表于 2012-9-25 13:13
本帖最后由 巫荣云师 于 2012-9-25 13:36 编辑 欣赏可人老师精美代码音画,转轴画制作很棒!这么好的制作素 ...

把代码保存txt记事本上,上传一网音画网站申请txt文件地址,发表作品不会变形,试试
发表于 2012-9-25 13:55 | 显示全部楼层
老可人 发表于 2012-9-25 13:41
把代码保存txt记事本上,上传一网音画网站申请txt文件地址,发表作品不会变形,试试

谢谢可人老师,一时找不到合适的图,试一试。
 楼主| 发表于 2012-9-25 14:08 | 显示全部楼层
本帖最后由 老可人 于 2012-9-25 14:10 编辑
巫荣云师 发表于 2012-9-25 13:55
谢谢可人老师,一时找不到合适的图,试一试。


制作的很好,祝贺老友学会使用代码操作!下午问好!

送给老友这组图片看看,点击图片地址就可以查看图片画面。

           张大千《长江万里图》

http://pic.yupoo.com/qzone1380213115/Cbmq2SN6/svifj.jpg         1
http://pic.yupoo.com/qzone1380213115/Cbmq3elD/6CMFn.gif         2
http://pic.yupoo.com/qzone1380213115/Cbmq1SUI/10rt72.gif        3
http://pic.yupoo.com/qzone1380213115/Cbmq4JCG/af1Vs.gif         4
http://pic.yupoo.com/qzone1380213115/Cbmq5HKn/EASxe.gif         5
http://pic.yupoo.com/qzone1380213115/Cbmq49TG/ACcKl.gif         6
http://pic.yupoo.com/qzone1380213115/Cbmq2JZA/6lN8A.gif         7
http://pic.yupoo.com/qzone1380213115/Cbmq2ewM/j7mGL.gif         8
http://pic.yupoo.com/qzone1380213115/Cbmq6r9s/mda9M.gif         9
http://pic.yupoo.com/qzone1380213115/Cbmq5PML/hw6tb.gif        10



        
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2024-11-17 11:51

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表