当前位置:首页 > 网站公告
网站公告

《倾城音画网》管理员专用发帖详细步骤

时间:2017-12-18 15:18:07  作者:倾城之恋  来源:倾城音画网  浏览:1248  评论:0
内容摘要:《倾城音画网》管理员专用发帖详细步骤 1.首先,打开《倾城音画网——后台管理》——网址:http://1197686044aa.d203.cnaaa7.com/admin596/ind_backstage.asp然后,输入你在本网站注册的“用户名”和“密码”,点击获取“验证码”输...

《倾城音画网》管理员专用发帖详细步骤

 

 

1. 首先,打开《倾城音画网——后台管理》——

网址:http://1197686044aa.d203.cnaaa7.com/admin596/ind_backstage.asp

然后,输入你在本网站注册的“用户名”和“密码”,点击获取“验证码”输入,登录,进入“系统后台管理”。

 

2. 在“系统后台管理”里点击顶部横排菜单上的【文章管理】,进入管理页面后,点击左边竖排菜单的【新增文章】,进入发帖“编辑页面”。

 

3. 开始编辑发帖。从上到下分别有“文章标题、来源、作者”3项均填写好,接着需要选择【采用模板文件】,默认方式为“左半栏模式”, 适合纯文字作品或小幅音画动画作品;点击图标▼后,可以选择“全栏模式”,适合大图音画作品或宽幅动画作品,以获得全屏欣赏效果。接下来选择发帖【栏目】,点击图标▼后选择你要发帖在哪个具体的栏目。接下来是【内容】,你看到的是一个大的“帖子编辑器”,如果作品是纯文字,你直接在框框里编辑即可,另外,框框的顶部分别有插入已经具有外链地址的“图片、Flash、视频”的按钮,可以根据你发帖的情况在纯文字中任何地方插入(没有纯文字也可以引用外链地址作为发帖内容)。

 

4. 超级会员具有上传“图片或Flash文件”到本网站储存空间的权利,在上传“图片或Flash文件”前,在你的电脑本地把“图片或Flash文件”命名为中文名,格式为:

帖子的主题(作者名称).jpg

帖子的主题(作者名称).swf

例如:

美丽的花朵(倾城之恋).jpg

美丽的花朵(倾城之恋).swf

 

 

●补充说明

在本网站发帖时,填写帖子的标题的命名方法跟上面给图片或文件命名的方法一样。

 

 

●标题符号知识

 

关于帖子的标题命名时采用标点符号的合理性:

 

    发帖标题命名时采用标点符号,可以用 连字符-” 一个或多个竖线 "| "    顿号“、”  一个或多个“空格”    或者辅以  英文输入法的 小括号“( )”逗号","  分号“;” 冒号“:”等等组合形成标题,这样有利于百度搜索并收录这篇帖子,尽量不要用破折号——,省略号……  粗括号【 】  问号? 大黑圆点●  等等中文符号或特殊符号或不常见符号,有时可以采用 书名号 “《  》”。

 

例如:

 

卷珠帘、梨花雨 || 动画:梦蝶 | 文字:幽谷幽兰

 

七律 秋天(梦寒成诗)

 

七绝 童年-新韵(梦寒成诗)

 

 

补充说明:

    竖线 "| "在键盘上是这样打出来的,同时按 shift 键  和 “\”键。若一定要表达“破折号”就用多个连字符“-”即可。

    另外;标题后最好打上中文输入法的小括号“()”,在小括号“()”里署上作者的名字。

 

 

 

5. 上传“图片或Flash文件”到本网站的方法:在编辑帖子页面的【内容】大框底部左边有【上传图片载入编辑器】,点开,马上进入“上传”页面,可以选择【上传图片】或【上传文件】,一般音画和动画都选择【上传图片】即可,另外可以选择图片参数,【启用宽高】打勾设置。上传时点击“浏览”,即进入你的电脑本地,选择要上传的文件“打开”,然后点击【上传】。

 

6. 上传“图片或Flash文件”到本网站的目的就是要得到该上传“图片或Flash文件”的发帖地址或外链地址,已经上传好了,那如何查看上传“图片或Flash文件”的地址呢?接着上面第5步(或者,随时在上面提到的第2步里进入发帖“编辑页面”,在编辑帖子页面的【内容】大框底部左边有【上传图片载入编辑器】,点开,马上进入“上传”页面),你看到“上传页面”的顶部最右边有个【服务器文件】,点击进入系统后台储存空间,在这里可以看到你上传的“图片或Flash文件”,同时也可以通过顶部输入“图片或Flash文件”的【原文件名】搜索到你需要的“图片或Flash文件”,在图片或文件的最右侧有红色的【选择略缩图】【选择原件】【复制链接】,前2项先不管,看如何获得图片或文件的地址,点击【复制链接】就可以一键复制在你的鼠标里,如果你的浏览器显示不支持一键复制,那么你就在你的浏览器顶部的地址栏的最右边点击那个“闪电”图标,让浏览器转换为兼容e模式,这样你就可以一键复制地址了。这个地址可以本站发帖,也可外链,作为其它网站或空间发帖。

 

7.现在有了“图片或Flash文件”的发帖地址,如何发帖在本站呢?这就需要本站的专用发帖代码构架。

 

 

 

《倾城音画网》发 PS 的 专用代码构架

 

 

 

【一】图片实际宽度 小于“920”时,放大后固定显示为“920”的发帖代码构架

 

 

<table style="background-color:#fcfcfc;width:100%;" class="ke-zeroborder" border="1" cellspacing="1" bordercolor="#cccccc" cellpadding="1" align="center">

<tbody>

<tr>

<td><b><span style="font-family:'Microsoft YaHei';color:#ee0000;"> </span><span style="font-family:'Microsoft YaHei';">编者按:</span></b><br />

<span style="font-family:'Microsoft YaHei';">               

在这里输入你的这篇帖子的“编者按”内容纯文字

</span><br />

<span style="font-family:'Microsoft YaHei';"> </span><div style="text-align:right;"><span style="line-height:1.5;color: #ee0000;font-family:'Microsoft YaHei';">▪▪▪☉▁▁▁欢迎欣赏▁▁▁☉▪▪▪</span></div>

</td>

</tr>

</tbody>

</table>

<br />

 

<table style="position:relative;width:960px;top:0px;left:-18px;" class="ke-zeroborder">

<tbody>

<tr>

<td>

<p align="center">

<img alt="倾城音画网" title="发帖标题" src="图片地址" width="920" height="高度" border="0" /></img />

</p>

</td>

</tr>

</tbody>

</table>

 

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=0 height=0 src="插入·网易音乐·地址"></iframe>

 

 

 

●重要提示

由于本网站发PS图片被系统限制了放大宽幅,若人工放大原图宽度,系统将会最大显示的宽度为“920”,因此本代码构架主要是针对原图实际宽度小于“920”但又想放大到宽度“920”的情况。为了统一代码,现将上面的发帖代码图片宽度固定为“920”不变;当然,若你的原图实际宽度小于“920”,并不想放大到“920”时,就把代码里图片后的“920”改成实际宽度;也可以修改为小于“920”的任意宽度。

如果你知道了你的原图实际宽高数值,想按照正常宽高比例11缩放显示为宽度“920”的图片时,那么“新宽”就是“920”,这时需要用公式计算出“新宽”920所对应的“新高”是多少?计算得出的“新高”数值就是代码【<img alt="倾城音画网" title="发帖标题" src="图片地址" width="920"  height="高度" border="0" /></img />】中除了填写"发帖标题"外,另外需要把“图片高度”,填入即可。计算公式如下:

 

计算公式为:新高=原高×新宽÷原宽

 

 

 

 

【二】图片实际宽度 大于“920”的单图或多图发帖代码构架

 

 

<table style="background-color:#fcfcfc;width:100%;" class="ke-zeroborder" border="1" cellspacing="1" bordercolor="#cccccc" cellpadding="1" align="center">

<tbody>

<tr>

<td><b><span style="font-family:'Microsoft YaHei';color:#ee0000;"> </span><span style="font-family:'Microsoft YaHei';">编者按:</span></b><br />

<span style="font-family:'Microsoft YaHei';">               

在这里输入你的这篇帖子的“编者按”内容纯文字

</span><br />

<span style="font-family:'Microsoft YaHei';"> </span><div style="text-align:right;"><span style="line-height:1.5;color: #ee0000;font-family:'Microsoft YaHei';">▪▪▪☉▁▁▁欢迎欣赏▁▁▁☉▪▪▪</span></div>

</td>

</tr>

</tbody>

</table>

<br />

 

 

<table style="position:relative;width:1000px;top:0px;left:-41px;" class="ke-zeroborder">

<tbody>

<tr>

<td>

 

<table style="width:原图宽度px;height:原图高度px;" class="ke-zeroborder" border="0" bordercolor="#cccccc" cellpadding="0" alt="倾城音画网" title="发帖标题" background="图片地址" bgcolor="#ffffff" align="center"><tbody>

<tr><td></td></tr></tbody></table>

<div></div>

 

</td>

</tr>

</tbody>

</table>

 

 

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=0 height=0 src="插入·网易音乐·地址"></iframe>

 

 

 

●重要提示

 

此代码构架是专门针对本网发“超宽”单图或多图音画的最佳代码构架(自上而下多图无缝连接),但需填写图片的“原宽/原高”,也就是图片的实际“宽高”。本代码构架不支持缩放图片尺寸。那图片的实际“宽高”如何得到呢?将“图片地址”放在电脑浏览器地址栏里,按键盘“回车键”,电脑就会显示该图片,鼠标放在图片上按“右键”,点击查看“属性”,就会显示该图片的“宽高维度”,比如,【维度:1280 x 3008  pixels 】,左边1280”是宽度,右边“3008”是高度。

若要发一个自上而下的双图拼接音画时,请将如上代码构架里中间放置图片地址的整个段落自上而下重复后分别填入相关“宽高”数值及各图的图片地址即可(双图最好“原图宽度”一致),比如:

 

<table style="width:原图宽度px;height:原图高度px;" class="ke-zeroborder" border="0" bordercolor="#cccccc" cellpadding="0" alt="倾城音画网" title="发帖标题" background="图片地址1" bgcolor="#ffffff" align="center"><tbody>

<tr><td></td></tr></tbody></table>

<div></div>

 

<table style="width:原图宽度px;height:原图高度px;" class="ke-zeroborder" border="0" bordercolor="#cccccc" cellpadding="0" alt="倾城音画网" title="发帖标题" background="图片地址2" bgcolor="#ffffff" align="center"><tbody>

<tr><td></td></tr></tbody></table>

<div></div>

 

发多图时跟发双图情况相似,重复代码段落规则以此类推。

 

 

注意:

为了保证图片在本站发表后居中,代码中顶部的left:-数值,要把“原图的实际宽度”与下面的【图片的宽度参考数值】做比较,以最接近的数值来确定left:-数值的大小,也可以在此基础上进一步微调left:-数值,直到图片完美居中。

 

图片的宽度参考数值为width="960"

<table style="position:relative; width:1000px; top:0px; left:-39px;" class="ke-zeroborder">

 

图片的宽度参考数值为width="1000"

<table style="position:relative; width:1000px; top:0px; left:-41px;" class="ke-zeroborder">

 

图片的宽度参考数值为width="1100"

<table style="position:relative; width:1000px; top:0px; left:-87px;" class="ke-zeroborder">

 

图片的宽度参考数值为width="1200"

<table style="position:relative; width:1000px; top:0px; left:-143px;" class="ke-zeroborder">

 

图片的宽度参考数值为width="1300"

<table style="position:relative; width:1000px; top:0px; left:-192px;" class="ke-zeroborder">

 

图片的宽度参考数值为width="1400"

<table style="position:relative; width:1000px; top:0px; left:-243px;" class="ke-zeroborder">

 

图片的宽度参考数值为width="1440"

<table style="position:relative; width:1000px; top:0px; left:-260px;" class="ke-zeroborder">

 

 

 

 

 

 

《倾城音画网》专用 “FLASH” 代码构架

 

 

 

<table style="background-color:#fcfcfc;width:100%;" class="ke-zeroborder" border="1" cellspacing="1" bordercolor="#cccccc" cellpadding="1" align="center">

<tbody>

<tr>

<td><b><span style="font-family:'Microsoft YaHei';color:#ee0000;"> </span><span style="font-family:'Microsoft YaHei';">编者按:</span></b><br />

<span style="font-family:'Microsoft YaHei';">               

在这里输入你的这篇帖子的“编者按”内容纯文字

</span><br />

<span style="font-family:'Microsoft YaHei';"> </span><div style="text-align:right;"><span style="line-height:1.5;color: #ee0000;font-family:'Microsoft YaHei';">▪▪▪☉▁▁▁欢迎欣赏▁▁▁☉▪▪▪</span></div>

</td>

</tr>

</tbody>

</table>

<br />

 

<table style="position:relative; width:1000px; top:0px; left:-39px;" class="ke-zeroborder">

<tbody>

<tr>

<td>

<p align="center">

<iframe height="Flash高度" marginheight="0" src="Flash地址" frameborder="0" width="Flash宽度"  marginwidth="0" scrolling="no"></iframe>

</p>

</td>

</tr>

</tbody>

</table>

 

 

 

注意:

为了保证动画在本站发表后居中,代码中顶部的left:-数值,须与下面的width="Flash宽度"对应,才能保证动画居中。

 

Flash的宽度设置为width="960"

<table style="position:relative; width:1000px; top:0px; left:-39px;" class="ke-zeroborder">

 

Flash的宽度设置为width="1000"

<table style="position:relative; width:1000px; top:0px; left:-41px;" class="ke-zeroborder">

 

Flash的宽度设置为width="1100"

<table style="position:relative; width:1000px; top:0px; left:-87px;" class="ke-zeroborder">

 

Flash的宽度设置为width="1200"

<table style="position:relative; width:1000px; top:0px; left:-143px;" class="ke-zeroborder">

 

Flash的宽度设置为width="1300"

<table style="position:relative; width:1000px; top:0px; left:-192px;" class="ke-zeroborder">

 

Flash的宽度设置为width="1400"

<table style="position:relative; width:1000px; top:0px; left:-243px;" class="ke-zeroborder">

 

Flash的宽度设置为width="1440"

<table style="position:relative; width:1000px; top:0px; left:-260px;" class="ke-zeroborder">

 

 

特别说明:

     针对Flash动画作品,如果你已经有了这个Flash的原“高/宽”数值,现在想按“画面不变形”的比例缩放作品,那么就先依据上面列出的7种宽度选择确定一个宽度,再用公式可计算得出新的高度数值,填入发帖代码(相应的位移left数值也按照上面对应填写)即可。

 

     计算公式为:新高=原高×新宽÷原宽

 

比如,Flash的原“高/宽”数值为“480/960”,现在要把宽度“960”变为“1400”,可以利用上面计算公式得出宽“1400”对应的高度是“700”,画面比例不变形放大后新的“高/宽”数值为“700/1400”,填入发帖代码构架即可,并参考填入上面的位移数值“left:-243px”。

 

 

 

8. 根据需要,选择复制PS图片或Flash 的“专用发帖代码”,回到第2步里,进入发帖“编辑页面”,在【内容】的大框的顶部最左边有个“HTML代码”模式转换按钮,点击转换成“HTML代码”模式(发纯文字作品时不需要点击这个按钮转换模式),然后把“专用发帖代码”粘贴在大白框里,然后把第6步得到的“图片或Flash文件”的发帖地址填入内容框里的构架里,src="PS图片地址"  或者是src="flsh地址",注意引号里不能有空格。另外,千万别忘了在代码构架里填写PS图片或Flash 的实际 “宽度/高度”数值;可以通过调整顶部代码里的left数值的大小将图片或动画整体向左或向右移动。

 

9. 在【内容】框架里填好了发帖代码后,把“发帖页面”向下滚动,看到【缩略图/图片】,如果你需要略缩图(“略缩图”会显示在栏目里标题处作为标图和首页幻灯片以及横向滚动的图片),那么你就点击这个位置的【上传图片】,把你已经截好并存放在电脑本地的相关主题的图片上传到本网站的储存空间(记住,无论是截取PS图片还是Flash图片,最好截图比例为接近正方形尺寸的宽屏图,但不要太宽,大小无所谓,但在最后点击“上传”前最好设置【图片参数】,在“启用宽高”上打钩,填写“ 220 、高150 ”),最后点击【上传】,你的本地电脑的图片就开始上传了,完成上传“略缩图”后,在“上传页面”,点击【服务器文件】进入后台文件储存空间,找到你要的“略缩图”图片或Flash文件的图片,点击红色的【选择略缩图】即可,回到“发帖页面”,看到【缩略图/图片】处的框里自动填入了“略缩图”的地址,最后点击“发帖页面”的底部【添加】,帖子就发表了。补充说明:也可以发表成功后,在网站前页打开这个帖子,截取该帖的“略缩图”(PS大图和它的略缩图上传前用同样的中文命名,只是用“1”和“2”加以区别),如上所述上传到网站储存空间,点击红色的【选择略缩图】,点击“修改”便完成了“略缩图”的添加。

 

10. 在“系统后台管理”里点击顶部横排菜单上的【文章管理】,进入管理页面后,点击左边竖排菜单的【文章管理】,进入“文章管理”页面后,可以点击你的帖子最右边倒数第二个图标,“修改”你的帖子。进入修改页后,点击【内容】编辑大框顶部最左边的小图标可以转换成“HTML代码”模式,然后修改发帖代码,最后点击页面底部的【修改】即可。

 

 


相关评论
友情链接
文章管理系统 |

倾城音画网→网站规则____免责申明____网站地图____站长平台____ ____百度统计____工信部网____备案/许可证:吉ICP备17000591号