找回密码
 注册

QQ登录

只需一步,快速开始

搜索
查看: 27879|回复: 29

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

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


< 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.ht ... ee.com/2361994.html



三、


插入图片:图片居中用< align=center>,居左用< align=left>,居右用< 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>
图片多少可以自己添加
发表于 2007-1-8 00:22:36 | 显示全部楼层

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

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

使用道具 举报

 楼主| 发表于 2007-1-8 00:24:46 | 显示全部楼层
呵呵...我也是想好好学学才把这资料转过来的.........
回复

使用道具 举报

发表于 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 | 显示全部楼层
[wmv=600,500,1]http://www.xicn.net/attach/2002-09-24/91958/speeder002.swf[/wmv]


收藏啊~~~~~学习啊~~~
回复

使用道具 举报

发表于 2007-1-21 00:24:38 | 显示全部楼层
我比较懒散,看着晕晕的~~~
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

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