西湖天堂 - Powered by Discuz! Board

标题: 宽屏音画贴制作 [打印本页]

作者: 蝴蝶兰 时间: 2008-5-4 21:16 标题: 宽屏音画贴制作

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

作者: 蝴蝶兰 时间: 2008-5-4 21:27

一、
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 可根据文章、帖子而定。

作者: 蝴蝶兰 时间: 2008-5-4 21:27

五、
插入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>
图片多少可以自己添加

作者: 落花的声音 时间: 2008-5-4 22:20

谢谢老师这么详尽的教程。:funk: :funk:

欢迎光临西湖天堂 (http://xh1688.com/bbs/)