打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

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

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

 

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

<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;是定义帖子的左右位置的,大部分论坛可以使用本规格,个别论坛需要调整,按实际需要调整数值。

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>
 
 
动画线条素材:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
博客音画常用代码集锦
在图片上面加滚动文字代码
图片+文字飘动+flah+滚动条+播放器+特效代码
Html语言代码标记知识
完整的图片 flash 滚动字 播放器 特效
如何制作音画
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服