网站发帖代码编辑说明
音画作品发帖代码主要有大图,单图,图文以及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动画发帖一样,这里不再赘述。
|