Board logo

标题: [个人讲坛] 【 显示底板 图文音帖——制作说明 】 [打印本页]

作者: fgxt520    时间: 2011-6-20 16:14     标题: 【 显示底板 图文音帖——制作说明 】





显示底板 图文音帖——制作说明



一度以来,缘于对诗歌的情有独钟和热爱..

也可能是情绪的牵扯使然,写下了不少的境怀点点..

可能 也有很多会员想制作此类风格迥异的帖子,


但苦于未有明鉴之道 而望而怯步~


虽然 自己不是太精于代码此道,

但还是原意竭己所知所能,分享这一路摸索过来的经验点点~

其实以前曾与‘南山’版阁沟通过,也一直在准备这个帖子,


只是自己从未写过任何的教程贴,且由于教程贴制作相当繁琐..

故行与疏懒间而一滞许久..

也希望相关精通此道的高手,能不吝完善疏漏其间~


好了 闲言少叙,言归正题;

关于制作带有底色帖子的程序若下:



=======================

(只为会员呈现)

本帖隐藏的内容需要回复才可以浏览


温馨小提示:



如果与编辑中【不慎关闭窗口】或出现【数据丢失情况】,


请勿慌乱和再作任何编辑举止! 切记!!



本帖隐藏的内容需要回复才可以浏览




制 作 说 明:



由于第一次编撰此类教程贴,也由于自己的水准有限,



不当浅陋之处,还望各位有能之士给予补充与完善!



只为舞文弄墨,挥毫兴志之余,能与诸君多滞精蕴华章..





本贴的目的和意旨:



用最简单的方法和操作来实现美化的效果 仅此而已!


如果诸君还想‘更进一步’制作出更加精美的主题


具体可参照 音乐区 点==》音樂区中.高级教程贴




最后请君欣赏 一段自己制作地异域风情的音乐


[mp3]http://www.xici.net/d150128292.0/%CE%F7%EC%F4-%D0%C2%D6%F7%C1%F7%CE%A8%C3%C0q%D3%C6%D1%EF.m3u[/mp3]



亲爱的朋友们 最后想对你们说:




动手是种乐趣 辛苦付出总有回报!


虽然过程很辛苦

但我们会在过程中体会到 那乐在其中的成就和收获..




希望你们在看完这篇帖子后 能有那精美焕彩的文章呈现~



也就不枉区区发帖的初衷了 期待着你们的精彩...






=========== fgxt520 ===========









作者: fgxt520    时间: 2011-6-21 09:48

请版主移动或转发至2楼,以此而便于观赏交流,谢谢!





--


鄙人宗旨:


--免费稳定者不取也!




重点说明:


找过很多 用过很多 一直在寻找 一直在期待..


难道这普天之下 就真的没有免费和可口的“午餐”吗


直到发现了下面的空间,才知道答案是肯定滴!


如果此刻 您能听到 页面播放着地歌曲 就证明网站有效!


也希望它们 能长此以往的保持下去..




说 明:



qq邮箱


适合存放图片 稳定 方便 隐私!


当然也可存放音乐和支持外连 但似乎有时是动态链接(即IP地址变动).



新主流团队


音乐链接之稳定简单 速度快!隆重推出!


也希望以后大家发现了免费优秀的外连空间 也积极推荐和分享!


请收藏备份以下:

(只为会员呈现)

其一


本帖隐藏的内容需要回复才可以浏览


其二


本帖隐藏的内容需要回复才可以浏览



其三


本帖隐藏的内容需要回复才可以浏览




感 言:


因为免费且速度不错 还有存盘备份下载


似乎比较可靠 所以 诸位花些许时间琢磨下吧..





下面重点介绍--操作过程:



(只为会员呈现)
本帖隐藏的内容需要回复才可以浏览


补充点 温馨提示


音乐播放代码


本帖隐藏的内容需要回复才可以浏览
可根据帖子预览效果 进行适当调整,

以调整后的图片显示效果 不变形 不失真为标准。




建议;熟悉制作以后, 最好是在【代码模式下】编辑。

因为出错的几率小,随时都可以点击 【预览帖子】查看,


也可以更好的熟悉制作和学习代码。【如 图




   代 码 模 式 下  源 码 释 意:

(只为会员呈现)

本帖隐藏的内容需要回复才可以浏览



叠加底色 实际显示多层边框 底色代码:

本帖隐藏的内容需要回复才可以浏览



上段代码发表后 显示效果图 如下:


此为 标题处
或于此为 标题处


正文 主题帖内容处(替换文字即可


覆盖层 下端 (可于此插入音乐播放代码
底层最下端落款签名处 嘻嘻~





代 码 释 意 :


【size=4字号代码 【/size】

【font=楷体_GB2312字体代码 【/font】

【color=#A0FF00颜色代码【/color】



若于代码模式下编辑帖子修改相应蓝色数值即可。









解释下 编辑中或错误操作时 该如何操作


请按如下图解和步骤 实行编辑或恢复数据;



本帖隐藏的内容需要回复才可以浏览



完 成 后】 效果图:





为何要如此“舟车劳顿”的制作含底色的帖子呢?


回答是为什么字画要装裱起来才好看呢?



其实 一篇心文沥墨 通过底色的存托


能够更好地起到 渲染美化的功效


也便于收藏和打印 更引来日偶忆 心趣此昔..


仅此而已~










..




=========== fgxt520 ===========








作者: 铁蛋儿    时间: 2011-6-21 13:29

经典的教学帖, 看到虎哥说你用了5个多小时才完成,
不得敬佩有加, 看到你上传的截图的歌曲, 故乡的原风景.
我也非常的喜欢,咱俩也算同道中人了, 推荐久石让的曲子, 都有种淡淡的清幽. 很不错.
红心赠上
作者: 南山笑笑生    时间: 2011-6-21 20:36

强大的帖子,自己也想学会制作,可是一直偷懒,懒得去学。现在这个教学贴很好,以后有空了就来研究研究。

另:你五楼的帖子没有办法移到二楼,除非删除2,3,4楼,呵呵
作者: 虎上虎    时间: 2011-6-21 22:19     标题: 移下来啦!

好!教学贴不错!可以美化我们的诗歌,文章!使诗文更加赏心悦目!
作者: 無憂子    时间: 2011-6-22 04:27

支持类似教学帖,为大家传授经验与知识。送一红心。
作者: fgxt520    时间: 2011-6-22 21:24







感谢 大家的鼓励和支持


毕竟也是 '大姑娘上轿 头一回.'


编写的过程枯燥无味,步骤繁琐;


如果 当各位学会了 如何制作此类文音帖后,


我想 你们便知道此篇主题的工作量了!




因为它涉及的不仅仅是一个图片,一段文字..



由于是第一次编撰,不足处难免,也请各位包涵!



我也会竭尽自己所知所能,尽量的使它完满!





但想说明一点的是,我所推荐的只是方法;


但一些空间的链接稳定与否,实在是我所‘爱莫能助 无能为力’的!


因为【诗韵】毕竟不是音乐区,也请各位朋友理解!




如果发现了好的空间和更好的方法,我也会及时的推广宣传!



如果有空或收到相关PM问题类的讯息,我会鉴于问题的广泛还是个别;



适时与第二篇中 补充完善!




也请版主 管理者 勿怪~ 因为我们的目的都是


为了营造出一个更美好的论坛和明天,


而非‘刻意’的去触犯 【 版 规 】!




特别建议: 请所有想学习和制作此类帖子的会员及朋友,请与此贴后 跟帖尝试。

请版主留言批复



建议版主能 鉴于学习制作的需要 开放此主题帖内的自由编辑度


直至尝试帖效果完满或会员说明止 方予以评分或管理!


也替众会员感谢啦!!



因为确实需要提供一个尝试的平台 因为个人摸索的过程中


经常是编辑时显示效果很好


但‘发表后’效果却不尽然,特此恳望版主同意!



也感谢版主管理者,不要给予第二篇 ‘教程’评分!



谢谢!!

=========== fgxt520  致 ===========





[ 本帖最后由 fgxt520 于 2011-7-28 20:51 编辑 ]
作者: 虎上虎    时间: 2011-6-29 00:10

回复。用空间存图。试试看。用途是备份。





[ 本帖最后由 虎上虎 于 2011-6-29 00:15 编辑 ]
作者: 墨熏夫    时间: 2011-7-25 09:59

看到好多图文并茂的帖子,很想学习,前日发帖时直接插入图片,结果没显示。后因身体原因,就没研究。今日看到此教学贴,真是雪中送炭,定当认真学习。发贴辛苦,送红心支持。
作者: happypan1986    时间: 2011-8-2 13:43

非常感谢兄弟的奉献,对于这个图片制作,小弟也是一知半解。
今日得聆兄长高论,顿时恍然大悟,如拨云见日。
改日定要小试牛刀,以答谢兄之高义。
作者: fgxt520    时间: 2011-8-2 17:18

呵呵 感谢楼上各位对于此帖的认同与交流,有问题请留言。
我将一一据己所知 予以解答 呵呵

[ 本帖最后由 fgxt520 于 2011-8-15 12:09 编辑 ]
作者: 虎上虎    时间: 2011-8-7 01:06     标题: 有了这个教学贴

呵呵,我发主题,版面设计好多了。
教学贴里的说明清晰,通俗易懂!不错呀!
作者: xiaoxu3839    时间: 2011-8-10 10:42

感谢兄弟辛勤无比的工作,此心可昭日月,天涯有时间一定学习而后快!!!
作者: daiyachi    时间: 2011-8-21 18:44

烹调讲究色香味齐全,诗文的版面也讲究个赏心悦目,真要向各位大师好好学习呀。
作者: xiaoxu3839    时间: 2011-8-22 11:52

今天 抽时间学习了下,有一点图片上传的方式,可以直接改为附件上传的方式,且永不会存在链接的问题,也不用再找图床的辛苦了。
作者: fgxt520    时间: 2011-8-22 22:10

引用:
原帖由 xiaoxu3839 于 2011-8-22 11:52 发表
今天 抽时间学习了下,有一点图片上传的方式,可以直接改为附件上传的方式,且永不会存在链接的问题,也不用再找图床的辛苦了。
回兄弟,非也~

其一,个人以为,尽量力求的保存或节俭论坛的空间,也不失为节俭的一种彰显~呵呵..

其二,寻找的过程本身就是一种乐趣,可能未必人人认同,但一切在你付出种种之后,突然间若有所得,我想;这可能才是个中最大的乐趣或享受...
尤其是当倾尽心思的去寻找而最终如愿以偿的得到,这种感受相信各位也不难理解!
另:
论坛相对于大众而言,并非人人都是级别如8——9级可以随意设置“界面风格”或“上传附件” ,未得其行者,又该如何?
呵呵,我之义举吧~~
只是考虑基线一层的广大兄弟而 流洒的一些见机行巧而已,万望兄弟正解!  嘻嘻啦~~
兄弟定于理解曾经那 励进的过程....

作者: c243925932    时间: 2011-8-24 13:52

大大無私的分享令人感激....看帖回覆是一定要有的禮貌
作者: boomedjj    时间: 2011-8-30 14:44

一直不知道精美的底版怎么做出来,学习 增长知识。谢谢楼主的教导
作者: visitorQ    时间: 2011-9-10 20:58

图文并茂,诗中有画,画中有诗,和着妙音,心情愉悦,特来学习。
作者: 黑暗神仙    时间: 2011-9-12 17:50

有些内容看不到,需要回复。
多谢兄弟线稿,小弟先去试试了。
作者: 万花筒    时间: 2011-10-29 18:50     标题: 相见恨晚

我真是后知后觉了,竟然直到今天才发现这个教学贴,以前每每见到别人将主题装裱的美轮美奂都羡慕不已,只恨自己头重脚轻腹内草莽一直不得其门而入,天可怜见,今日取到真经啦!
作者: ggcc_2004    时间: 2011-11-2 22:25

其实早都看到啸天兄的这篇教学了,只不过一直没有时间来学习,先收藏起来,以后慢慢的琢磨,呵呵。
作者: 蕊寒香冷    时间: 2011-11-6 13:33

很有帮助,谢谢兄弟的分享
作者: 虎上虎    时间: 2011-11-7 20:37     标题: 回复 2楼 的帖子

帖子原来看过,后又增加新的内容。回复看看新的是什么呢?再次感谢啸天!
作者: hill442    时间: 2011-11-11 02:18

一直想学这个,也让我写的东东美一下,诗意不够,图来凑!呵呵
作者: a853534902    时间: 2011-11-11 06:49

受教了,看看怎么填底色,学学。
作者: langmanyishi    时间: 2011-11-13 15:50

其实我还是认真读过论坛的《十万个为什么》还有图文区,音乐区等教学院的版面,可能就是我基础太差,确切说一丁点儿入门知识都没有,所以尽管发布的主帖都是傻瓜版,但有时还是未能详尽明白其中道理

还真让lihu8888朋友说对了,说在这里能找到像楼主这样热情、耐心而且精细的详解,挺高兴的看到这个帖子。哈还打算自己写主帖呢,太不知深浅了 。等我从楼主这里参透其中的%50以上,再做那个打算吧。

从头学起,从现在学起,谢谢!
作者: 虎上虎    时间: 2011-11-13 16:22

这个教学帖,写得清晰。流程一目了然,又便于操作。
作者: langmanyishi    时间: 2011-11-17 09:03

13号那天我在这儿认真看了半天,开始明白了其实贴音乐只需要必备的代码就可以,当时还挺高兴,但贴了半天还是不行,于是就挺无奈地离开了。

这几天一直都没啥信心了,刚才又去“诗韵醉月居”看了看您的解答,忽然看到了一个符号我遗漏了! [MP3]中还有一个/我给忘记打上了  赶紧又试了试结果可以了

哈以前都是懒人方法,看到有MP3的标识所以直接就粘上了,这次知道其实就是个代码。

真是挺简单的问题让我复杂化了,结果却是意外收获哩~

继续在您这里学习贴图方面的知识



另:我把我刚才弄好的MP3音乐给您贴这儿吧,就算我交的一份最基本的作业,希望您别见笑^_^

[mp3]http://www.huaiyun.com/gestation/yuying/mag/music11.mp3[/mp3]

[ 本帖最后由 langmanyishi 于 2011-11-17 09:07 编辑 ]
作者: fjcfjc123    时间: 2011-11-17 19:27

相当好的帖子,一直在努力学习啊,看看我能不能做出一些漂亮的帖子未文区做点美化贡献
作者: 启今    时间: 2011-11-19 22:43

以后我也试着做一做,等时间宽裕着。谢谢啸天兄!
作者: fgxt520    时间: 2011-11-22 12:45

引用:
原帖由 langmanyishi 于 2011-11-17 09:03 发表
13号那天我在这儿认真看了半天,开始明白了其实贴音乐只需要必备的代码就可以,当时还挺高兴,但贴了半天还是不行,于是就挺无奈地离开了。

这几天一直都没啥信心了,刚才又去“诗韵醉月居”看了看您的解答,忽然 ...
恩,看得出来兄弟很用心,感谢赞誉,感谢欣赏!
其实,研习之道说白了就是一种韧劲和持之以恒的坚持,舞墨习法无不外乎如此。
只要你坚持不断去探索和尝试,就一定会有所获~
很欣慰自己拙墨涂鸦的交流帖能够被大家读通,也感谢诸位的诚意交流,呵呵。

其实当初,此篇主题的制作耗时远远不止5个小时。
于此,也特别感谢‘虎上虎’版主的鼎力支持和默默付出!!

写这篇主题的初衷;是为了点缀和装扮一下原版纯色黑墨地版块间那舞文弄墨的单调和乏味,以平增悦目赏心之趣,仅此而以。
不过,初始自己对相关代码还没有目前所了解的熟悉,所以也就存在着诸多的不足之处!

舞文历来是抒情纳趣,泼墨拨音蕴墨字章的一兮雅处;与精文妙意间点缀装饰 一二,则更于灵动具赏心。
此题开篇至今,曾一直默默的测试了诸多代码,奈何论坛相关限制所缚,悉行为果!
比如:阴影字特效,滚动特效等..

关于图文音帖,我想重点说明的一点是:
一定要尽量最大可能的保证图音的连接有效,图挂音失则初始耗力心神荡涤无存啦,呵呵..
所以,在此篇主题中推荐了一些稳定的免费的图床,音乐空间站则首推“西祠胡同”,因为俺诸多主题一直使用的都是这个免费的站点,免费又稳定,确实很难得!
具体可:
引用:
建议:
根据个人摸索,这个网站用来实现收藏或制作的图床是非常理想和不二的选择!!
故此我想建议兄弟,最好用自己的图床,这样稳定,别的外网连接一旦空间挂了,你的图片就是一个红叉,呵呵,不知兄弟是否发现以前的很多作品图都挂了呢?
这里,也向兄弟强烈推荐我自己所一直使用的一个非常稳定和免费的25GB空间的一个支持外链的私人空间,具体地址及教程如下:
http://hi.baidu.com/simeng0405/blog/item/b3a779f3db2372c40b46e0c6.html

关于音乐,补充一二:
独门秘籍:

http://www.xici.net
注册个账号,然后登陆发表文章。
上传文件(任何文件)发表后,点曲目属性取得地址如:
http://download.xici.net/d149107539.0/%D3%C7%D3%.mp3

注意:试听时须将 download 修改成 www 切记!

如果想帖子中的试听歌曲连续播放:
如下:
新建txt文本文档,将取得的试听地址(修改www后)粘贴,一个地址一个回车
所见地址几个既为播放次数,然后保存为‘全部内型,后缀名为 .m3u 的文件。
(以上为教程贴中没有写的哦~)


将该m3u文件上传,发表后取得地址,同样需修改 download 为 www ,然后将该地址粘贴主帖音乐播放代码处即可

优点:
全球独一无二,【当然可以使用自己制作的任何MP3格式的音乐啦~(MP3仅指文区)】速度快以及稳定,虽然步骤繁琐了点,但比起一些网络上找的非稳定连接就相当值得了~
私家摸索,文区局部分享~(呵呵)  
[ 本帖最后由 fgxt520 于 2011-11-22 13:15 编辑 ]
作者: 逝去的感伤    时间: 2011-11-29 11:02

过来学习一下如何装饰自己的帖子,啸天兄整理出来的这么一篇,应该是花了不少心思的,辛苦了,红心送上。
作者: 涩、    时间: 2011-12-2 18:13

我之所需,回复来看看,不知这颗笨脑袋能不能学的一二呀
作者: 周绵44ss    时间: 2011-12-5 11:41

正想美化自己的文帖,就发现了这教学帖,真是雪中送碳啊,谢谢楼主!红心抛送!

[ 本帖最后由 周绵44ss 于 2011-12-5 15:56 编辑 ]
作者: poiu09    时间: 2012-1-10 00:06


啸 天 出手不凡,
偶来学习啦……
作者: 北茗    时间: 2012-1-12 00:58

进来学习一下,这个很有用呀.
作者: 过期    时间: 2012-1-27 00:10

恩~~
不错呢~~说得太详细了,只不过还不晓得我能不能看懂~~~
作者: redcs    时间: 2012-3-9 17:01

为了做哈花哨的娜娜俱乐部
学习哈先
作者: 周绵44ss    时间: 2012-4-17 11:56

前头我回过了,却还看不全,又得再来重新回复,这次但愿能看全,造福会员的好帖呀,认真地学习以提高技艺。
作者: suoxiang888    时间: 2012-4-19 13:58

版主好帖,让大家学以致用,谢谢
作者: 虎上虎    时间: 2012-4-19 14:23

所向,他是啸天,大家的朋友,舞文书苑资深驻版.
作者: a03745227    时间: 2012-4-24 09:50

哈哈 观摩观摩学习学习 正愁自己不会这个呢
作者: 清风明月我    时间: 2012-4-28 11:04

非常棒的教学贴,红心已送上,先收藏了,有空再慢慢读
作者: jfg1124    时间: 2012-7-24 16:19

听老人说,要回帖才能看到内容,回一个,不错的教学贴,学习学习
作者: 虎上虎    时间: 2012-7-24 17:35

呵,飞灵兄弟,我这老人老头子来了。
作者: danver1503    时间: 2012-8-14 19:38

谢谢兄弟的帖子,认真学习了。能不教下表格呢?
作者: 周绵44ss    时间: 2012-10-12 15:56

2年前来学过,如今须要再来学习。
作者: 天空的岸    时间: 2013-9-24 01:32

来啸天这帖看看。回复一个,寻找一个色彩底版的链接。
谢谢啸天。红心第二次
作者: apc0505    时间: 2013-9-24 17:16

唉,紧跟着夫子的步伐来到楼主这里,大概的扫描了两眼,这门手艺果然是消磨心情的好东东啊,感谢分享啦
作者: PengZH    时间: 2014-4-25 18:10

深度学习。

再来观摩一下,是否能打开心结呢?




欢迎光临 SexInSex! Board (http://www.sexq.net:80/bbs/) Powered by Discuz! 6.0.0