音画表格式代码教程---宽屏贴制作[转]

耘

音画代码教程---宽屏贴制作

 

许多朋友表示想学做代码帖子，为方便大家制作HTML帖子，无须到处寻找帖子代码，我整理HTML了一个可以宽屏显示帖子代码和各位朋友同享，选用时只要将此代码复制并按照要求将帖中所示红字区域修改编辑一下的即可．

耘

1. <TABLE id=table1 style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 80px" cellSpacing=30 borderColorDark=#5b636f cellPadding=0 width="87%" borderColorLight=#abb1ba background=图片地址 border=0>
   
2. <TBODY>
   
3. <TR>
   
4. <TD width="100%">
   
5. <P align=center>
   
6. <TABLE cellSpacing=20 borderColorDark=#5b636f cellPadding=0 width="87%" borderColorLight=#abb1ba background=图片地址 border=0>
   
7. <TBODY>
   
8. <TR>
   
9. <TD width="100%">
   
10. <P align=center>
    
11. <TABLE cellSpacing=10 cellPadding=0 width="100%" background=图片地址 border=0>
    
12. <TBODY>
    
13. <TR>
    
14. <TD width="100%">
    
15. <P align=center>
    
16. <TABLE cellSpacing=15 borderColorDark=#5b636f cellPadding=0 width="100%" borderColorLight=#abb1ba background=图片地址 border=1>
    
17. <TBODY>
    
18. <TR>
    
19. <TD width="100%">
    
20. <P align=center>
    
21. <TABLE cellSpacing=0 cellPadding=0 width="100%" background=图片地址 border=0>
    
22. <TBODY>
    
23. <TR>
    
24. <TD width="100%">
    
25. <P align=center><FONT face=隶书 color=#ffff00 size=7>题目 <BR>
    
26. <P align=center><FONT face=隶书 color=blue size=6>插入内容<BR>
    
27. 
    
28. 
    
29. 
    
30. 
    
31. 
    
32. 
    
33. <P align=center><FONT face=隶书 color=blue size=6>签名<BR>
    
34. 
    
35. 
    
36. 
    
37. 
    
38. 
    
39. 
    
40. </FONT></P></FONT></FONT></FONT></FONT></FONT></FONT></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>
    
41. <DIV></DIV><BR>
    
42. <DIV></DIV><BR>
    

复制代码

耘

使用说明:(必看)

耘

一、

style="LEFT: -220px;是定义帖子的左右位置的，大部分论坛可以使用本规格，个别论坛需要调整，按实际需要调整数值。

WIDTH: 970px;是定义帖子的宽度的，宽屏贴原则上不小于850， 最大可以是1024

TOP: 80px"是定义帖子距离顶部的位置的，太小了，就看不到自己的名字了，尽量不要改它。

cellSpacing=30 是定义该层边框的宽度的，在找图片时应该参考宽度的大小。

 

二、

这是一个空白的宽屏贴，你必须按照自己的需要，找到适合的边框图片，把它们的地址，贴到各层的边框里，就是替换了“图片地址”，在替换的时候，要注意，一到四层是边框，第五层是帖子的底层（本层的图片要相对大的），而且要注意边框里的颜色搭配，尽量和谐。

 

三、

插入图片：

图片居中用<P align=center>，居左用<P align=left>，居右用<P align=right>，插入图片时，代码如下，红色部分

<P align=center><FONT face=隶书 color=#ffff00 size=7>题目 <BR>

<P align=center><IMG src="图片地址"></P><BR> （也可以为分隔线）
<P align=center><FONT face=隶书 color=blue size=6>插入内容<BR>

 

四、

文字部分：

<P align=center><FONT face=隶书 color=#ffff00 size=7>题目 <BR>
<P align=center>是定义文字的位置，方法与定义图片的相同，按实际需要而定

face=隶书 是定义文字的字体选择，用中文直接改变即可

color=blue 是定义文字的颜色，可以直接在英文输入状态下，用英文替换，也可用论坛上的颜色代码表达，如 黄色 可以用这样的代码表示 color=#ffff00

size=6 是定义文字的大小，最小是1 最大是 7 可根据文章、帖子而定。

 

五、

插入FLASH 代码为：

<P><EMBED align=center src=动画地址 width=400 height=450 type=application/octet-stream quality="high" wmode="transparent"></EMBED>

align=center 是定义FLASH位置的

width=400 是定义动画宽度的，可以按需要改变它的大小

height=450是定义动画高度的，可以按需要改变它的大小

插入时如下：

<P align=center><FONT face=隶书 color=#ffff00 size=7>题目 <BR>

<P align=center><IMG src="图片地址"></P><BR> （也可以为分隔线）
<P align=center><FONT face=隶书 color=blue size=6>插入内容<BR>

<P><EMBED align=center src=动画地址 width=400 height=450 type=application/octet-stream quality="high" wmode="transparent"></EMBED>

（有时必须把后面的</EMBED>去掉）

 

六、

插入隐藏音乐的代码

<EMBED src=音乐地址 hidden=true type=audio/x-pn-realaudio-plugin AutoStart="true" Loop="true"></EMBED>

音乐地址 可以是MP3，也可以是WMA

如：<EMBED src=音乐地址 hidden=true type=audio/x-pn-realaudio-plugin AutoStart="true" Loop="true"></EMBED>

 

插入到帖子里的时候，可以放到最后，也可以插在帖子代码里。如：

<P align=center><FONT face=隶书 color=blue size=6>签名<BR><EMBED src=音乐地址 hidden=true type=audio/x-pn-realaudio-plugin AutoStart="true" Loop="true"></EMBED>

</FONT></P></FONT></FONT></FONT></FONT></FONT></FONT></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>
<DIV></DIV><BR>
<DIV></DIV><BR>

 

七、

还可以插入其他的移动文字的代码，下面红色部分是从中间向两边分开的文字。如：

<P align=center><FONT face=隶书 color=#ffff00 size=7>题目 <BR>

<P align=center><IMG src="图片地址"></P><BR> （也可以为分隔线）

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#ff00ff); WIDTH: 250px; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏; HEIGHT: 88px">
<MARQUEE><B>《天籁之音》欢迎你的光临！</B></MARQUEE></FONT><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#ffff00); WIDTH: 250px; COLOR: #ff00ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏; HEIGHT: 88px">
<MARQUEE direction=right><B>《天籁之音》欢迎你的光临！</B></MARQUEE></FONT></CENTER><BR>

<P align=center><FONT face=隶书 color=blue size=6>插入内容<BR>

<P><EMBED align=center src=动画地址 width=400 height=450 type=application/octet-stream quality="high" wmode="transparent"></EMBED>

 

八、

插入一组图片在一个窗口逐个显示的代码，如下：

<P align=center>
<MARQUEE scrollAmount=3 direction=up width=500 beight="950">
<CENTER><FONT face=隶书 color=lime size=4><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<P><IMG src="图片地址"></P>
<P><IMG src="图片地址"></P>
<P><IMG src="图片地址"></P>
<P><IMG src="图片地址"></P>
<P><IMG src="图片地址"></P>
<P><IMG src="图片地址"></P>
<P><IMG src="图片地址"></P>
<P><IMG src="图片地址"></P>
<P><IMG src="图片地址"></P>
<P></FONT></P></CENTER></MARQUEE>

耘

此教程作者是丹阳本地早期玩音画帖较早的心随偶动前辈的原创作品，本人也受教很多，在些向他表未敬意。

耘

此教程只是贴过来，不细讲，大家可以按此格式用，有不会的问。

jsdzm

来学习一下，受教了。