幽兰雪 发表于 2020-4-16 21:17:05

【兰雪教程】图文发帖代码及 ‘图文动画’ 制作解析

            一、图文发帖代码

图文音画一般宽度为750像素，高度为550像素。
但是现在图文的制作演变得越发创新，尺寸变得越来宽，那宽度大小750像素的就需要用代码好帖了。
在本论坛发帖图文的方式有两种：
一是，图文宽度750像素以内的，采用插入链接方法；          或者附件上传方式直接通过本地电脑端上传图片，但不建议这种方法，在论坛上传会降低了图片的像素。
二是，图片宽度大于750像素的，用代码发帖。


幽兰雪 发表于 2020-4-16 21:17:27

一、图文发帖代码

1.图文宽度为750 像素的发帖代码

<TABLE style="LEFT: -50px; WIDTH: 750px; POSITION: relative; TOP: 0px">

<IMG src="图片1地址"><BR><BR>
<IMG src="图片2地址"><BR><BR>
<IMG src="图片3地址"><BR><BR>
<IMG src="图片4地址"><BR><BR>

</TABLE><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>


2. 图文宽度大于750像素的发帖代码

方法一：
<div style="LEFT: -250px; WIDTH: 作品实际宽度px; POSITION: relative; TOP: 150px" cellspacing="0" bgcolor="#000000" border="0">

< p align="center"><img src="第一张图文"></p> <br><br><br>
< p align="center"><img src="第二张图文"></p> <br><br><br>
< p align="center"><img src="第三张图文"></p> <br><br><br>
< p align="center"><img src="第四张图文"></p> <br><br><br>
</div><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

幽兰雪 发表于 2020-4-16 21:17:41

方法二：
<DIV style="LEFT: -250（依实际宽度调整）px; WIDTH: 作品实际宽度px; POSITION: relative; TOP: 150px">

<IMG src="第一张图文外链地址" border=0><BR><BR>
<IMG src="第二张图文外链地址" border=0><BR><BR>
<IMG src="第三张图文外链地址" border=0><BR><BR>
<IMG src="第四张图文外链地址" border=0><BR><BR>

</DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

幽兰雪 发表于 2020-4-16 21:19:09

<b>&nbsp; &nbsp;&nbsp;</b><div><b>二、‘图文动画’的制作解析&nbsp;</b></div><div><b><br></b></div><div><b>&nbsp;实例一：图文动画</b>&nbsp;<b>《雨落花飞扬》&nbsp;</b></div><div><br></div><div>&nbsp;http://aaa.6000y.com/cuncunruru/youlan2018/hua1.swf</div><div><br></div><div>&nbsp;http://aaa.6000y.com/cuncunruru/youlan2018/hua2.swf</div><div><br></div><div>&nbsp;http://aaa.6000y.com/cuncunruru/youlan2018/hua3.swf</div><div><br></div><div>&nbsp;http://aaa.6000y.com/cuncunruru/youlan2018/hua4.swf
</div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div>

幽兰雪 发表于 2020-4-16 21:21:25

图文动画《雨落花飞扬》制作解析：
                      （待时........... ）{:2_221:}














幽兰雪 发表于 2020-4-16 21:24:04

实例二 ：图文动画 《心月》    在原创动画《心月》基础上，将动画分解为三部分导入到图文中........


http://aaa.6000y.com/cuncunruru/youlan2018/wc2.swf

http://aaa.6000y.com/cuncunruru/youlan2018/wc1.swf

http://aaa.6000y.com/cuncunruru/youlan2018/wc3.swf






幽兰雪 发表于 2020-4-16 21:25:09

图文动画制作及解析：{:2_221:}

      （待时...........)










幽兰雪 发表于 2020-4-16 21:30:46



      图文打光与代码对称之体会一二（待时写）{:2_221:}


虎妞 发表于 2020-4-18 00:33:43

艾玛呀，困啊{:2_197:}

大雅 发表于 2020-4-20 16:13:55

辛苦了小雅姐姐:loveliness:{:1_86:}{:2_224:}
页: [1]
查看完整版本: 【兰雪教程】图文发帖代码及 ‘图文动画’ 制作解析