【红人居十五周年庆典】“月见”特供代码（71楼更新）

落墨惊云

十五周年年庆即将开锣，延续去年的好传统
为参加年庆的小伙伴们再度提供一些实用代码，希望大家玩得尽兴
先把去年几个常规代码重发一遍

（1）全民K歌发帖代码

<iframe height=播放器高度 marginHeight=0 src="全民歌曲地址" frameBorder=0 width=播放器宽度 marginWidth=0 scrolling=no></iframe>

（建议高度、宽度各设置为400，若不喜欢透露个人信息，可适当缩小数值）

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

（2）唱吧发帖代码

<iframe height="播放器高度" marginheight="0" src="唱吧歌曲地址" frameborder="0" width="播放器宽度" marginwidth="0" scrolling="no"></iframe>

（建议高度设置为650、宽度设置为500，可根据个人喜好改变数值）

★ 全民及唱吧歌曲地址获取方法：
点击全民或唱吧分享键，将作品分享到电脑或微信等聊天软件后，用浏览器打开，取得歌曲链接

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

（3）一款电脑、手机浏览器均支持的播放器

<p><audio style="width:播放器宽度px;height:播放器高度px;" controls="controls" autoplay="autoplay" loop="loop" src="音乐地址" type="audio/mpeg"></audio></div>

（建议高度设置为45、宽度设置为350，可根据个人喜好改变数值）

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

轻音向暖

又是一年坛庆时，真好
又能见到你们的身影~
感觉好亲切~
可惜今天太忙了，没有时间好好玩~~

落墨惊云

从3楼开始提供一些文字、视频模板
因个人时间原因，模板将不定期加更
需要的小伙伴替换代码中的标题，图片，正文内容及音乐链接即可
部分代码高速模式与兼容模式效果有所不同

以3楼代码帖为例：

1、点击4楼文末“复制代码”，粘贴至编辑框，勾选“附加选项”中“HTML代码”
2、替换第20行标题文字，替换第32行图片地址，替换第39行作者名字，替换第43-44行正文内容，替换第46行音乐地址
3、文字换行代码为<br>，想空几行，就添加几个<br>
4、第3行中“width:600px”为帖子整体宽度，可自行调节，建议不超过750px，否则影响手机视觉效果
5、第42行<p style="font-size: 13px; color: rgb(126,130,144); font-family: 微软雅黑, Microsoft Yahei; line-height: 30px;text-align:left;letter-spacing:2.2px;padding-left:1.3cm;padding-right:1.3cm;">为文字代码
其中：font-size:字体大小；color: 颜色；font-family:字体；line-height: 行高；text-align:文字对齐方式；letter-spacing:字间距；padding-left/right:左右内边距
均可根据喜好调节

落墨惊云

冬至*古老的故事

文：落墨惊云

冬至又叫冬节，既是二十四节气，又是一个特殊的节日。

中国人的节日总离不开吃食，元宵，端午，重阳，中秋，过节仿佛就是为了变着法子吃，冬节也不例外。

节气也好，家常也罢，都是寻常四季中最古老的故事，我们就在这样古老的故事中，慢慢变得古老。

落墨惊云

楼上代码

1. <br><br><br><br>
   
2. <div align="center">
   
3. <section style="width:600px;">
   
4. 
   
5. <section class="_editor" data-support="96编辑器" data-style-id="29124">
   
6.     <section style="margin: 10px 0px; text-align: center;">
   
7.         <section style="width:3em;margin-bottom:-30px;">   
   
8.         </section>
   
9.         <section style="margin-left:13px;border:solid 1px #8ac1c7;padding:3px 0px;">
   
10.             <section style="border:solid 1px #8ac1c7;border-left:none;border-right:none;padding:15px;">
    
11.                 <section style="color:#428697;transform: rotatez(0deg);">
    
12.                     <p style="letter-spacing: 2px; text-align: left;">
    
13.                         <span style="font-size: 15px; letter-spacing: 2px;"></span>
    
14.                     </p><br><br><br>
    
15.                     <section class="_editor" data-support="96编辑器" data-style-id="28535">
    
16.                         <section style="margin:10px 0px;">
    
17.                             <section style="display:inline-block;">
    
18.                                 <section style="margin:0px 45px 0px 30px;color:#7E8290;font-size: 16px; ">
    
19.                                     <p style="letter-spacing: 2px;">
    
20.                                         冬至*古老的故事
    
21.                                     </p>
    
22.                                 </section>
    
23.                                 <section style="margin-top:-5px;">
    
24.                                     <section style="display: flex;  align-items:center;">
    
25.                                         <section style="width:12px;height:12px;border-radius:50%;background-image: linear-gradient(to top,#8ac1c7,#d3ebf0); "></section>
    
26.                                         <section style="width:60%;height:1px;background-color:#8ac1c7;" data-width="60%"></section>
    
27.                                     </section>
    
28.                                     <section style="margin-top:-23px;">
    
29.                                         <section style="display: flex;  align-items:flex-end;">
    
30.                                             <section style="width:50%;height:1px;background-color:#8ac1c7;margin-left:auto;" data-width="50%"></section>
    
31.                                             <section style="width:2em;">
    
32.                                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202012/21/230942wzan0xh2tann2a4s.png" style="display:block;"/>
    
33.                                             </section>
    
34.                                         </section>
    
35.                                     </section>
    
36.                                 </section>
    
37.                             </section>
    
38.                         </section>
    
39.                     </section>[color=7E8290]文：落墨惊云[/color]<BR><BR><br><div align="center"><img src="http://bbs.zjiao.net/data/attachment/forum/202012/04/123019d1gdzuiztedwe88l.jpg" width="360" _height="auto" border="0"></div>
    
40. <BR><BR>
    
41.                     </section>
    
42.                    <p style="font-size: 13px; color: rgb(126,130,144); font-family: 微软雅黑, Microsoft Yahei; line-height: 30px;text-align:left;letter-spacing:2.2px;padding-left:1.3cm;padding-right:1.3cm;">
    
43. 冬至又叫冬节，既是二十四节气，又是一个特殊的节日。<br> <br>中国人的节日总离不开吃食，元宵，端午，重阳，中秋，过节仿佛就是为了变着法子吃，冬节也不例外。<br> <br>
    
44. 节气也好，家常也罢，都是寻常四季中最古老的故事，我们就在这样古老的故事中，慢慢变得古老。
    
45. <br> <br><br><br><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
    
46. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="音乐地址" type="audio/mpeg"></audio>
    
47. <br><br><br>
    
48. 
    
49.                     <p style="letter-spacing: 2px; text-align: left;">
    
50.                         <span style="font-size: 15px; letter-spacing: 2px;"></span>
    
51.                     </p><BR/>
    
52.                   
    
53. </section></section><BR/><br><br>

复制代码

落墨惊云

  桃     嫣  

引：
你将要交出这一世所有的温柔，在这个春天

1、
远山，不再失色
云朵裹住柔软的绿

燕子衔回锦书
衔回三百六十五朵梦里落花

寒暖跌宕自喜
桃色无由
明了城，媚了一江春水

落墨惊云

楼上代码

1. <BR><BR>
   
2. <div align="center"><section style="width:600px;">
   
3. 
   
4. <section class="_editor">
   
5.     <p>
   
6.         <br/>
   
7.     </p>
   
8. </section>
   
9. <section class="_editor" data-support="96编辑器" data-style-id="29848">
   
10.     <section style="text-align: center; margin: 10px 5px;">
    
11.         <section style="margin-left:6px;">
    
12.             <section style="border:solid 1px #BB5F5F;">
    
13.                 <section style="border:solid 1px #BB5F5F;margin:-5px -5px 5px 5px;">
    
14.                     <section style="padding:15px;color:#35863F;">
    
15.                         <p style="letter-spacing: 2px; transform: rotateZ(0deg); text-align: left;"><br><br><br><section class="_135editor" data-tools="135编辑器" data-id="102340">
    
16.     <section style="margin:0px auto 10px auto;text-align: center;">
    
17.         <section style="display: inline-block;">
    
18.             <section style="display: flex;justify-content: center;align-items: center;">
    
19.                 <section style="background:#fff;color:#78c19c;box-shadow:0px 0px 18px #fde4ea inset;padding: 4px;border-radius: 30px">
    
20.                     <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;padding: 6px 1em;color: #d74e67;border-radius: 30px;" hm_fix="312:311">
    
21.                        &nbsp;&nbsp;桃&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;嫣&nbsp;&nbsp;
    
22.                     </section>
    
23.                 </section>
    
24.                 <section class="assistant" style="box-sizing:border-box;width: 30px;margin-left: -18px;">
    
25.                     <img class="assistant" style="box-sizing:border-box;width: 100%; display: block;" src="http://bbs.zjiao.net/data/attachment/forum/202103/02/000224qckv27oyrktzrmx2.png" data-ratio="1.1063829787234043" data-w="47" data-width="100%"/>
    
26.                 </section>
    
27.             </section>
    
28.         </section>
    
29.     </section>
    
30. </section>
    
31. 
    
32.                             <br><br><br><p style="margin-right:120px; margin-left: 120px;letter-spacing: 2.4px; line-height: 2em; text-align:justify;font-size: 13px;color:#BB5F5F">
    
33. 
    
34. 引：<br>
    
35. 你将要交出这一世所有的温柔，在这个春天<br><br>
    
36. 
    
37. 1、<br>
    
38. 远山，不再失色<br>
    
39. 云朵裹住柔软的绿<br><br>
    
40. 
    
41. 燕子衔回锦书<br>
    
42. 衔回三百六十五朵梦里落花<br><br>
    
43. 
    
44. 寒暖跌宕自喜<br>
    
45. 桃色无由<br>
    
46. 明了城，媚了一江春水<br><br><br><br>
    
47. 
    
48.                         </p>
    
49.                     </section>
    
50.                 </section>
    
51.             </section>
    
52.         </section>
    
53.         <section style="width:2.3em;margin-top:-52px;">
    
54.             <img src="http://bbs.zjiao.net/data/attachment/forum/202103/02/000224om9rj9gwnaa0p22g.jpg" style="display: block; width: 149px; height: auto;" alt=""/>
    
55.         </section>
    
56.     </section>
    
57. </section><br/><br><br>

复制代码

落墨惊云

冷睨冰语集②

《清平乐》中曹丹姝

原本对古装大戏《清平乐》抱有极高的期待，正午阳光出品素来有好口碑，以至于开播后一直舍不得追，打算囤积到一定量后，才开始一气呵成看个痛快。没想到，才看了十数集就觉气闷不已，哈欠连天。

节奏慢是一方面原因，台词文白参杂是另一方面原因。剧中太强调细节，功夫倒是的确考究，但吃个早餐就要好几分钟，看得人厌烦无聊。为了还原年代原貌，台词文绉绉倒也不是不可以，但半文半白，听着好累心，没点底子恐怕有些还听不懂。

落墨惊云

楼上代码（注：配图仅支持正方形图片）

1. <BR><BR>
2. <div align="center"><section style="width:650px;">
4. <section class="_135editor" data-tools="135编辑器" data-id="101077" >
5. <section style="margin: 10px auto;text-align: left;">
6. <section style="display: inline-block;background: #fff;padding:0px 10px 10px 0px;">
7. <section style="display: flex;justify-content: flex-start;align-items: flex-start;">
8. <section class="assistant" style="box-sizing:border-box;width: 50px;">
9. <img class="assistant" style="box-sizing:border-box;width: 100%; display: block;" src="http://bbs.zjiao.net/data/attachment/forum/202102/02/235050y7tmrttm379rgg88.jpg" data-ratio="0.44285714285714284" data-w="70" data-width="100%"/>
10. </section>
11. </section>
12. <section class="135brush" data-brushtype="text" style="font-size: 16px;letter-spacing: 1.5px;padding: 4px 1em;color: #bd8933;background: #f4ce83;margin-top: -5px;">
13. 冷睨冰语集②
14. </section>
15. </section>
16. <section style="border: 1px solid #bd8933;padding: 2em 1em 1em 1em;margin-top: -25px;" hm_fix="350:321">
17. <section data-autoskip="1" class="135brush" style="text-align: justify;line-height:1.75em;letter-spacing: 1.5px;font-size:14px;color:#6f5331;">
18. <p>
19. <br/>
20. </p>
21. <section class="_135editor" data-tools="135编辑器" data-id="97815">
22. <section style="margin: 10px auto;">
23. <section style="box-sizing:border-box;width:240px;height:240px;border-radius:100%;overflow:hidden;margin:0px auto;">
24. <section class="_135editor" data-tools="135编辑器" data-id="97138">
25. <section style="text-align:center;margin:10px auto;">
26. <section data-bgless="spin" data-bgopacity="50%" class="assistant" style="box-sizing:border-box;margin:0px auto;width:15px;height:15px;background:rgb(165,101,55);transform:rotate(45deg);"></section>
27. <section data-bgless="spin" data-bgopacity="50%" class="assistant" style="box-sizing:border-box;margin:-4px auto 0px;width:12px;height:12px;background:rgb(200,153,119);transform:rotate(45deg);"></section>
28. <section style="box-sizing:border-box;width:180px;margin:10px auto;">
29. <section style="box-sizing:border-box;width:180px;height:180px;border:3px solid #bd8933;border-radius:100%;overflow:hidden;">
30. <img style="box-sizing:border-box;width:100%;display:block;" src="http://bbs.zjiao.net/data/attachment/forum/202102/02/234904c7z0nmo707qshthb.jpg" data-ratio="1" data-w="364" hm_fix="318:379" data-width="100%"/>
31. </section>
32. </section>
33. </section>
34. </section>
35. </section>
36. </section>
37. </section>
39. <br><br><br><p style="margin-right:70px; margin-left: 70px;letter-spacing: 2.4px; line-height: 2em; text-align:justify;font-size: 15px;color:#bd8933">
40. <b>《清平乐》中曹丹姝</b><br><br>
41. <p style="margin-right:70px; margin-left: 70px;letter-spacing: 2.4px; line-height: 2em; text-align:justify;font-size: 13px;color:#bd8933">
42. 原本对古装大戏《清平乐》抱有极高的期待，正午阳光出品素来有好口碑，以至于开播后一直舍不得追，打算囤积到一定量后，才开始一气呵成看个痛快。没想到，才看了十数集就觉气闷不已，哈欠连天。<br><br>
44. 节奏慢是一方面原因，台词文白参杂是另一方面原因。剧中太强调细节，功夫倒是的确考究，但吃个早餐就要好几分钟，看得人厌烦无聊。为了还原年代原貌，台词文绉绉倒也不是不可以，但半文半白，听着好累心，没点底子恐怕有些还听不懂。<br><br>
47. <br><br>
49. <p>
50. <br/>
51. </p>
52. <p>
53. <br/>
54. </p>
55. <p>
56. <br/>
57. </p>
58. <p>
59. <br/>
60. </p>
61. <section style="display: flex;justify-content: flex-end;margin-top: -33px;">
62. <section style="box-sizing:border-box;width: 20px;">
63. <img class="assistant" style="box-sizing:border-box;width: 100%;display: block;" src="http://www.hongrenju.net/static/image/common/medal7.gif" data-ratio="0.9491525423728814" data-w="59" data-width="100%"/>
64. </section>
65. </section>
66. </section>
67. </section>
68. </section><BR/><BR><br>

复制代码

落墨惊云

落

花

风

1、
你醒来，你睡去
花岁晼晚
春暮空苍苍

2、
同饮一杯么
同醉一场么
就着三月的月色皎洁
就着四月的乱红浩荡

在江南
柔软的绿荫下
待你来
欢尽，方休

3、
垂入流溪的青藤
尚留城南花开的余温，以及
被悄悄隐匿的惆怅

斜雨来去，轻轻
湿润日渐深密的绿
喂养出
令人窒息的思念

斟酌许久
现在想寄给你的，只有
好风一缕

文：落墨惊云

落墨惊云

楼上代码

1. <br><br>
   
2. <div align="center">
   
3. <section style="width:650px;">
   
4. <section class="_editor" data-support="96编辑器" data-style-id="30738">
   
5.     <section style="margin:70px 0px;">
   
6.         <section style="background-color:#883A3A;padding:3px;">
   
7.             <section style="border:1px solid #fefefe;">
   
8.                
   
9.                     
   
10.                         <p>
    
11.                             <br/>
    
12.                         </p>
    
13.                         <p>
    
14.                             <br/>
    
15.                         </p>
    
16.                         <p>
    
17.                             <br/>
    
18.                         </p>   
    
19.                         <section style="width:570px;">
    
20.                         <section class="_editor" data-support="96编辑器" data-style-id="30736">
    
21.                             <section style="margin:10px 0px;">
    
22.                                 <section style="width:1.5em;margin-bottom:-30px;"></section>  
    
23.                                 <section style="background-color:#ffffff;padding:14px;border-radius:10px;">
    
24.                              
    
25.                                         <section class="_135editor" data-tools="135编辑器" data-id="89371" >   
    
26.     <section data-width="426px" style="box-sizing:border-box;width:426px; height:320px; background-image:url('https://img-u-1.51miz.com/preview/element/00/01/13/66/E-1136653-DD1C2C2A.jpg!/quality/90/unsharp/true/compress/true/format/jpg/fh/320'); margin:10px auto; background-repeat:no-repeat; background-size:100% auto; overflow:hidden;"><section style="background-image: url('http://bbs.zjiao.net/data/attachment/forum/202102/22/223005ocj55d7p7sj5pmpm.gif');background-position: 40% 32%;background-repeat: no-repeat;background-attachment: scroll;box-sizing: border-box;background-size:27%;padding:15px;">
    
27.         <section class="135brush" data-width="220px" style="box-sizing:border-box;width:220px; height:300px;padding:10px; margin-left:177px; margin-top:80px; overflow-x: hidden;overflow-y: auto;text-align: justify; font-size:26px; color:#883A3A;" hm_fix="315:386">
    
28.             <p>
    
29.                落<br><br>花<br><br>风
    
30.             </p>
    
31.         </section>
    
32.     </section>
    
33. </section>                              
    
34. <br>
    
35.                                 <section style="padding: 10px 15px 5px;">
    
36.                                     <section style="font-size: 13px;margin-right:130px; margin-left: 130px;letter-spacing: 2.4px; line-height: 2em; text-align:justify;font-size: 13px;color:#AB1010">
    
37.                                         <p>
    
38.                                             
    
39. 1、<br>
    
40. 你醒来，你睡去<br>
    
41. 花岁晼晚<br>
    
42. 春暮空苍苍<br><br>
    
43. 
    
44. 2、<br>
    
45. 同饮一杯么<br>
    
46. 同醉一场么<br>
    
47. 就着三月的月色皎洁<br>
    
48. 就着四月的乱红浩荡<br><br>
    
49. 
    
50. 在江南<br>
    
51. 柔软的绿荫下<br>
    
52. 待你来<br>
    
53. 欢尽，方休<br><br>
    
54. 
    
55. 3、<br>
    
56. 垂入流溪的青藤<br>
    
57. 尚留城南花开的余温，以及<br>
    
58. 被悄悄隐匿的惆怅<br><br>
    
59. 
    
60. 斜雨来去，轻轻<br>
    
61. 湿润日渐深密的绿<br>
    
62. 喂养出<br>
    
63. 令人窒息的思念<br><br>
    
64. 
    
65. 斟酌许久<br>
    
66. 现在想寄给你的，只有<br>
    
67. 好风一缕<br><br><br></p>
    
68. <p style="margin-right:-50px; margin-left: 120px;letter-spacing: 2.4px; line-height: 2em; text-align:right;font-size: 13px;color:#AB1010">
    
69. 
    
70. 文：落墨惊云<BR><BR><br>
    
71. <div align="center" style="position: relative;">
    
72. <script type="text/javascript">
    
73. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js'></sc"+"ript>")
    
74. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/player.js'></sc"+"ript>")
    
75. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/playone/player/playone.js'></sc"+"ript>")
    
76. </script>
    
77. <link href="http://webftp.bbs.hnol.net/sxrx2016/players/playone/player/playone.css" rel="stylesheet" type="text/css">
    
78. <div style="margin:0px auto;">
    
79.     <div id="playones" style="display:block;position:relative;width:100%;max-width:120px;height:auto;margin:0px auto 0px;">
    
80.         <ul class="player-audios" style="display:none;">
    
81.             <li data-title="初见（纯乐版）">
    
82.                 <div class="player-source" data-src="http://antiserver.kuwo.cn/anti.s?useless=/resource/&format=mp3&rid=MUSIC_77108206&response=res&type=convert_url" data-type="audio/mpeg"/>
    
83.             </li>
    
84.         </ul>
    
85.     </div>
    
86. </div>
    
87. </div>
    
88. <br><BR><BR>
    
89.                                         </p>
    
90.                                     </section>
    
91.                                 </section>
    
92.                                 <section style="width:2.5em;margin-left:auto;margin-top:-17px;margin-right:10px;"></section>
    
93.                             </section>
    
94.                         </section>
    
95.                         <p></p>
    
96.                         <p>
    
97.                             <br/>
    
98.                         </p>
    
99.                     </section>
    
100.                 </section>
     
101.             </section>
     
102.         </section>
     
103.     </section>
     
104. </section>
     
105. <section class="_editor">
     
106.     <p>
     
107.         <br/>
     
108.     </p>
     
109. </section>

复制代码