锦城红绣 发表于 2007-1-8 00:11:47

教你宽屏贴制作............

宽屏贴制作

注意:要制作宽屏贴,必须将第一层第一层边框<TABLE 后面加上全屏显示的代码id=table1 style=\"LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 80px\",其他的不变,在帖子前面和后面多加几个<BR><BR><BR><BR><BR> ,这样就不会遮盖住你的个人介绍和帖子下面的回复的地方了!



<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>
<TBODY>
<TR>
<TD width=\"100%\">
<P align=center>
<TABLE cellSpacing=20 borderColorDark=#5b636f cellPadding=0 width=\"87%\" borderColorLight=#abb1ba background=图片地址 border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<P align=center>
<TABLE cellSpacing=10 cellPadding=0 width=\"100%\" background=图片地址 border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<P align=center>
<TABLE cellSpacing=15 borderColorDark=#5b636f cellPadding=0 width=\"100%\" borderColorLight=#abb1ba background=图片地址 border=1>
<TBODY>
<TR>
<TD width=\"100%\">
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width=\"100%\" background=图片地址 border=0>
<TBODY>
<TR>
<TD width=\"100%\">
<P align=center><FONT face=隶书 color=#ffff00 size=7>题目 <BR>
<P align=center><FONT face=隶书 color=blue size=6>插入内容<BR>


<P align=center><FONT face=隶书 color=blue size=6>签名<BR>


</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>



                                                                              
一、


style=\"LEFT: -220px;是定义帖子的左右位置的,大部分论坛可以使用本规格,个别论坛需要调整,按实际需要调整数值。如 黄河论坛就必须调整为 -180



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



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


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



二、


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


这里的图片素材,我将以风雨同路的名字发素材贴,也可以到这个网站去找:


http://myok.bokee.com/2361994.htmlhttp://myok.bokee.com/2361994.htmlhttp://myok.bokee.com/2361994.htmlhttp://myok.bokee.com/2361994.html



三、


插入图片:图片居中用<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>
图片多少可以自己添加

1马力 发表于 2007-1-8 00:22:36

Re:[音画代码教程]宽屏贴制作............

很复杂,头晕。要学~~~

锦城红绣 发表于 2007-1-8 00:24:46

呵呵...我也是想好好学学才把这资料转过来的.........

1马力 发表于 2007-1-8 01:36:00

学习学习~~

蓝天飞翔 发表于 2007-1-8 14:19:23

哈哈。。漂亮。。学习学习

微笑的鸟 发表于 2007-1-8 16:15:27

好东西啊~~~收藏啊~~~~~学习啊~~~

半塘清荷 发表于 2007-1-9 14:23:46

好东西,谢谢分享!

黑白 发表于 2007-1-9 18:02:46

感谢!学习了!!

冷眉浪子 发表于 2007-1-20 22:58:05

http://www.xicn.net/attach/2002-09-24/91958/speeder002.swf


收藏啊~~~~~学习啊~~~

舞之云 发表于 2007-1-21 00:24:38

我比较懒散,看着晕晕的~~~
页: [1] 2 3
查看完整版本: 教你宽屏贴制作............