| 轩云 |
2009-04-01 15:30 |
1.找教程看.(但初次接触到代码往往都是头发晕,好象在看天书)看多了您就可以从中发现代码的一些规律来,虽说有很多代码我至今也不知他是什么意思,不过也不要紧,因为那都是定式,你也不用去管他,留待以后慢慢去熟悉.
2.在转帖中学习.这是很关件的,每当你看到一幅好音画作品时,你要研究他的代码组成,(如何找到它的代码呢?你可以采用以下的步骤:
方法一:
在有些论坛你可以点引用,在新窗口中就会显示此帖原代码,复制保存下来,你会发现代码是很有规律性的:
(第一层:也就是背景底层,该层决定画面距左边距离:LEFT: -160px;负数越大越往左, 宽度:WIDTH: 850px; 通常不大于1024全屏,及离顶部距离TOP: 80px,一般在50-200之间,这些基本数据都在此层调整)
<TABLE id=table1 style="LEFT: -160px; WIDTH: 850px; POSITION: relative; TOP: 80px" cellSpacing=50 borderColorDark=#007500 cellPadding=0 borderColorLight=#ff8533 background=(背景图地址)border=0>
(第二层:边框,在边框层里,通常你只需换以HTTP://开头以JPG GIF后缀结尾的图片地址,其他代码可以留待以后去熟悉)
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE borderColor=#424200 cellSpacing=5(此数值是调整边框距下层边框的宽度) borderColorDark=#000000 cellPadding=0 width="93%" background=http://www.sunjelly.com/sucai/yumao/J2.jpg border=1>
(第三层:边框)
<TBODY>
<TR>
<TD width="100%">
<TABLE borderColor=#424200 cellSpacing=25 borderColorDark=#000000 cellPadding=0 width="100%" background=http://www.sunjelly.com/sucai/hua/harunouta6a.jpg border=1>
(第四层:边框,视情况可以继续增加边框层)
<TBODY>
<TR>
<TD align=middle width="100%">
<TABLE borderColor= #424200 cellSpacing=5 borderColorDark=#000000 cellPadding=0 width="100%" background=http://www.sunjelly.com/sucai/zb/5/d01_1_050620.jpg border=1>
(标题文字...你希望文字在哪出现就放在哪里)
<TBODY>
<TR>
<TD align=middle>
<P align=center> 注:<p align="#">表示文字(或图片)在画面中的对齐方式,#号可为 left左对齐; center中对齐; right右对齐;
<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#FFFFFF);WIDTH: 100%; COLOR: #00BB00; LINE-HEIGHT: 150%; FONT-FAMILY: 方正行书"><B>精美溶图欣赏</B></FONT></P><BR><BR>
(主题图片:图片可以是单幅也可以是多幅)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564 background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_79f334cd8a32c26.jpg height=846></TD></TR></TBODY></TABLE> <BR>
(在该图片上加FLASH)
<EMBED style="LEFT: 80px; WIDTH: 600px; POSITION: absolute; TOP: 100px; HEIGHT: 846px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564 height=846 background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_128003aafbe1237.jpg height=502></TD></TR></TBODY></TABLE><BR>
(在该图片上加FLASH)
<EMBED style="LEFT: 60px; WIDTH: 500px; POSITION: absolute; TOP: 750px; HEIGHT: 846px" align=center src=http://imgfree.21cn.com/free/flash/45.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564 background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_242e9cdf09c174f.jpg height=846></TD></TR></TBODY></TABLE><BR>
(在该图片上加FLASH)
<EMBED style="LEFT: 50px; WIDTH:600px; POSITION: absolute; TOP: 1050px; HEIGHT: 846px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=846 height=564 background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_63b30a5193ba855.jpg height=864></TD></TR></TBODY></TABLE><BR>
(在该图片上加FLASH)
<EMBED style="LEFT: 80px; WIDTH:600px; POSITION: absolute; TOP: 1300px; HEIGHT: 846px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_07e6012b520b046.jpg height=846></TD></TR></TBODY></TABLE><BR>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_973eaf75b556b59.jpg height=846></TD></TR></TBODY></TABLE><BR>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=768
background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_0b6f0895b1c1c7b.jpg height=585></TD></TR></TBODY></TABLE><BR>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_8fead7c13751ea7.jpg height=846></TD></TR></TBODY></TABLE><BR>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.ttsite.com/u/Mon_0701/Day_4/195550_4255_bbb8d996ad6d2ee.jpg height=846></TD></TR></TBODY></TABLE><BR>
(落款文字)
<P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#FFFFFF); WIDTH: 100%; COLOR: #82D900; LINE-HEIGHT: 150%; FONT-FAMILY: 方正行楷"><B>编辑:往事如烟<BR>07.01.06</B></FONT></P>
(音乐)
<EMBED src=http://www.greengra.com/Marc%20Anthony%20-%20Dimelo%20-%2001%20-%20Track%20%201.mp3 width=0 height=0 hidden=true type=audio/x-pn-realaudio-plugin autostart="true" loop="true"
<DIV></DIV><BR></DIV>
这里的width(宽)=0 height(高)=0意思是播放器不可见,如要想可见请设置宽高即可
(代码结束语)
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
<DIV><BR>
<DIV></DIV><BR></DIV>
</TD></TR></TBODY></TABLE>
<DIV></DIV><BR></DIV>
(代码结尾空行字符)
<BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR>
每一个循环就代表一张图片,一幅音画会有很多图片组成,所以他有规律性.你可以把代码中的连接地址复制到浏览器中看看是音画中的哪张图片,从而领悟出音画帖的结构.
方法二:
在音画帖页面点右键,查看源代码或点查看/源文件,在打开的记事本中找出该帖的代码,一般音画帖都是以:<TABLE id=table1 style="LEFT: -160px; WIDTH: 850px; POSITION: relative; TOP: 80px".......字符开头,以这些字符结尾:</TD></TR></TBODY></TABLE>
<DIV></DIV><BR></DIV>
<BR><BR><BR><BR>
把你找到的代码保存起来慢慢领会,这是很关件的,当你对代码有所领悟后,就可以试着发帖,但一定不要心急,不要想着一次就会成功,高手也很难保证一次就OK,也需要不停地调整数据才行.
特别注意:边框是从第一层的背景层开始,一层一层往内收缩,一层压一层,视内容可以做很多的边框层,每增加一层边框相应增加一组代码.
|
|