网站发帖代码编辑说明

 

音画作品发帖代码主要有大图,单图,图文以及flash动画等,需要说明的是,不同网站因风格不同,其代码中的参数设置亦不同,此外无论进行哪类作品发帖,都必须首先勾选编辑里的纯文本以及附加选项里的html,只有这样发出的帖子才会显示。下面就雅岚阁音画网有关常见的音画作品发帖代码编辑介绍如下,供亲们参考:

一、大图音画发帖

大图音画发帖代码有两种:一种是全屏码,也就是通过切片和代码组合保存为html文档,然后上传这个html文档到空间取地址用全屏码发帖。这种方法的最大优点是对于大多数论坛都适用,不会因为和网站风格冲突而导致网站风格模版错位或扭曲;另一种是则是直接把发帖代码放在网站自带编辑器里编辑,然后用取到的外链图片地址替换代码中对应的图片地址,这种方法虽然简单,但很多情况下因代码不通用和页面风格冲突而导致模版扭曲或错位,因此强烈建议使用全屏码发帖,以下编辑操作步骤针对全屏码发贴:

1、切片输出保存上传

PS里完成音画作品后即可进行切片输出,输出保存类型为“html和图像”,输出文档后如不需要叠加透明flash特效,则直接把html文档和image切片文件夹上传到空间取html外链地址,再用全屏码发帖。 如需要叠加透明特效的,则用相关软件编辑或直接复制叠加代码放入html文档中进行编辑设置,编辑好后再把这个html文档连同切片一起上传到支持html文档的空间,最后取html外链地址用全屏码发贴,有关叠加透明flash特效以及插入贴内插入播放器编辑方法这里不做说明,全屏码如下:


<br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="left:-250px; width:1000px; position:relative; top:190px;">
<iframe marginwidth="0" marginheight="0" src="html外链地址" frameborder="0" width="1000" scrolling="no" height="5000"></iframe></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br>

上段代码中一些参数和名词解释如下:

html外链地址为上传空间后取到的html外链地址

left:-250px为图的左边缘至发帖页面表格边框的距离,此值因作品宽度不同需要做相应修改,否则帖子无法居中。根据雅岚 画苑的风格以及表格宽度,当图宽度为1000像素时,此值应修改为-210, 当图的宽度为1200像素时,此值为-300;当图宽度为1440像素时,此值应修改为-430。

width:1000px为作品宽度,实际作品宽度是多少,此值应修改为多少。注意!代码中有两处一样的数值需要修改。

height="5000"作品高度,作品实际高度是多少,那么这里也修改成多少。

top:190px;作品上顶边至显示页面表格顶端距离,此参数在有下面的br代码作用下可以不考虑编辑,就按默认,但要是没有使用空行代码,那么应修改这个值。这个值的作用主要是让作品不遮盖住发帖人的信息。

br此代码为空行代码,即一个br为空一行,以此类推。

如需在贴内插入播放器代码,则复制本说明最后附加的播放器代码,但目前一般都是获取音乐网站的播放器代码,为了能控制音乐播放,不影响欣赏作品,我们强烈建议不要将播放器隐藏。

此外,如果能获取音乐外链地址,也可以直接使用我们网站编辑器给大家提供的直接插入音乐功能。

 

二、单图音画发帖

单图音画发帖和大图一样。这里不做赘述

 

三、图文音画发帖

图文音画发帖也分两种:一种是在网站编辑器里直接上传图片二是采用代码发帖,由于网站空间有限,上传图片会占用网站空间一些资源,因为我们建议还是把作品先上传到具有外链的空间里,取地址用代码发帖。发帖代码如下:

<br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<div style="LEFT: -250px; WIDTH: 1000px; POSITION: relative; TOP: 190px" cellspacing="0" bgcolor="#000000" border="0">

<p align="center"><img src="第一张图文"></p><br><br><br>

<p align="center"><img src="第二张图文"></p><br><br><br>

<p align="center"><img src="第三张图文"></p><br><br><br>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

代码说明:

1、上段代码中的 WIDTH: 1000px为图文宽度;根据作品实际宽度修改;
2、LEFT: -300px为调整图文居中参数;此值越小图越靠左,反之靠右;如果图片宽度为750像素以下时,此值应该修改为0。

5、如图文张数超出4张,则复制<p align="center"><img src="第四张图文"></p> 这样一段代码粘贴在第三张图片代码下面,相反不足四张则删除这样一段代码,以此类推。

这里图片高度不做设置。

 

四、flash动画发帖

动画作品一般分为具有透明背景和有背景两种格式,此外当作品宽度大于780像素时则要用代码发帖,发帖代码如下:

1、有背景的flash作品发帖代码:

<br><br><br><br><br><br><br><br><br><br><br>
<div id="table" style="LEFT: -250px; WIDTH: 1000px; POSITION: relative; TOP: 190px" height="500" cellspacing="0" cellpadding="0" border="0" table=""><embed width="1000" height="500" src="FLASH地址"></div>
<br><br><br><br><br><br><br><br><br><br><br>

2、无背景(透明)的flash作品发帖代码:

<embed width="550" height="400" src="swf外链地址" type="application/x-shockwave-flash" style="left: 10px; top: 0px; width: 550px; height: 400px;" wmode="transparent" quality="high">

3、底图上叠加透明flash代码

<embed width="600" height="500" src="http://sky.star2012home.com/kisc0919/swf/no2/full/6.swf" type="application/x-shockwave-flash" style="left: 10px; top: 0px; width: 1200px; height: 500px; position: absolute;" wmode="transparent" quality="high">

代码相关参数说明:


1、代码中-250为调整动画居中参数,此值越小动画就越靠右,反之靠左;
2、代码中1000为动画宽度,根据作品实际宽度修改;
3、代码中500为动画高度,根据作品实际高度修改;
4、代码中
FLASH地址为动画上传空间后获取到的外链地址,用获取到的外链地址替换掉FLASH地址文字。

 

 

 

五、播放器代码

播放器代码(1)

<EMBED src="mp3或wav类型的音乐外链地址" width=310 height=15 type=audio/x-pn-realaudio-plugin controls="ControlPanel,StatusBar" loop="true">

使用方法:

此播放器代码既可以直接复制代码粘贴在网站发帖编辑器里,也可以粘贴在html文档最后。需要更换的内容就是用取到的mp3或wav格式音乐外链有效地址替换mp3或wav类型的音乐外链地址这段文字即可。更改width和height数值为零即可达到隐藏效果,但强烈建议不要这么做,以免影响欣赏作品,毕竟不是每个人在欣赏作品时都需要始终伴随音乐的。


播放器代码(2)

<audio style="width:390px;height:64px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3地址" type="audio/mpeg"></audio>

 

七、视频发帖代码(mp4)

<video x-webkit-airplay="allow" controls="controls" isautoplay="0" preload="" src="视频外链地址" width="600" height="400"></video>

有关代码中的一些参数说明同flash动画发帖一样,这里不再赘述。