听雨轩

竹轩听雨

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:10px 0px;">
   
6. <section style="background-color:#883A3A;padding:3px;">
   
7. <section style="border:1px solid #fefefe;">                  
   
8. <p><br></p><p></p><p><br></p>   
   
9. <section style="width:620px;">
   
10. <section class="_editor" data-support="96编辑器" data-style-id="30736">
    
11. <section style="margin:10px 0px;">
    
12. <section style="width:1.5em;margin-bottom:-30px;"></section>  
    
13. <section style="background-color:#ffffff;padding:14px;border-radius:10px;">                       
    
14. <section class="_135editor" data-tools="135编辑器" data-id="89371">   
    
15. <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('https://img.wyc520.com.cn/data/attachment/forum/202103/28/225935pq22rtra8r9az2tz.gif');background-position: 40% 32%;background-repeat: no-repeat;background-attachment: scroll;box-sizing: border-box;background-size:27%;padding:15px;">
    
16.         <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; font-family:微软雅黑;color:#883A3A;" hm_fix="315:386">
    
17. <p>
    
18. 武<br>陵<br>春</p></section></section></section>
    
19. <section style="padding: 10px 15px 5px;">
    
20. <section style="font-family: 微软雅黑; margin-right: 130px; margin-left: 170px; letter-spacing: 2.4px; line-height: 2em; text-align: justify; color: rgb(171, 16, 16);">
    
21. <p style=""><font size="3">
    
22. 字｜雪 儿</font><span style="font-size: 20px;"></span><span style="font-size: 15px;">　@竹轩听雨
    
23. </span></p></section>
    
24. <section style="font-size: 13px;font-family:微软雅黑;margin-right:100px; margin-left: 150px;letter-spacing: 2.4px; line-height: 2em; text-align:justify;font-size: 15px;color:#AB1010">
    
25. <p>                                         
    
26. <br>
    
27. 武陵春①<br>
    
28. 人去楼空空病酒，柳絮觅香丘。<br>
    
29. 画栋雕梁帐幔休，日暮倦兰舟。<br>
    
30. 漫卷珠帘听燕语，燕语不知愁。<br>
    
31. 陌上花开忆旧游，纥那曲、泪双流。<br>
    
32. <br>
    
33. 武陵春②<br>
    
34. 三世三生桃苑梦，玉宇水云间。<br>
    
35. 阆苑仙葩遇少年，一笑劫奇缘。<br>
    
36. 思帝乡关行不得，画墨点江山。<br>
    
37. 凤御杯倾解佩环，醉未醒、倚郎眠。<br>
    
38. <br>
    
39. 武陵春③<br>
    
40. 花落香残春已尽，旧事又心头。<br>
    
41. 欲语还羞不是休，断水水更流。<br>
    
42. 曾是江山如画好，棹辑荡轻舟。<br>
    
43. 眺首迢遥送远舟，道不得、几多愁。<br>
    
44. <br>
    
45. 武陵春④<br>
    
46. 檐角芭蕉风雨戏，落寞数归期。<br>
    
47. 别却长亭离恨痴，聚散两凄凄。<br>
    
48. 三叠骊歌千帆过，不是旧相知。<br>
    
49. 懒画眉弯日迟迟，枕一曲、落花辞。<br>
    
50. <br>
    
51. 武陵春⑤<br>
    
52. 相遇红尘三万丈，不诉别离伤。<br>
    
53. 万种风情妩媚妆，笑靥为萧郎。<br>
    
54. 罗袂轻纱飞楚韵，月色舞霓裳。<br>
    
55. 莫问西东夜未央，恁些泪、任苍凉。<br>
    
56. <br>
    
57. <img src="http://154.85.43.82/data/attachment/forum/202108/21/171605jz8pzxlh8r2c1ai5.gif" width="270" _height="310" border="0"><br></p><p></p></section></section>
    
58. <br><br>
    
59. <div align="center" style="position: relative;">
    
60. <script type="text/javascript">
    
61. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js'></sc"+"ript>")
    
62. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/player.js'></sc"+"ript>")
    
63. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/playone/player/playone.js'></sc"+"ript>")
    
64. </script>
    
65. <link href="http://webftp.bbs.hnol.net/sxrx2016/players/playone/player/playone.css" rel="stylesheet" type="text/css">
    
66. <div style="margin:0px auto;">
    
67.     <div id="playones" style="display:block;position:relative;width:100%;max-width:120px;height:auto;margin:0px auto 0px;">
    
68.         <ul class="player-audios" style="display:none;">
    
69.             <li data-artist="" data-title="武陵春" data-album="" data-info="" data-image="" data-duration="0">
    
70.                <div class="player-source" data-src="https://music.163.com/song/media/outer/url?id=1453147073.mp3" data-type="audio/mpeg" />
    
71.            </li>
    
72.         </ul>
    
73.     </div>
    
74. </div>
    
75. </div>
    
76. <br>
    
77. <br>
    
78. <br><br>
    
79. </section>
    
80. </section>
    
81. <section style="width:2.5em;margin-left:auto;margin-top:-17px;margin-right:10px;"></section>
    
82. </section>
    
83. </section>
    
84. <p></p>
    
85. <p>
    
86. <br>
    
87. </p>
    
88. </section>
    
89. </section>
    
90. </section>
    
91. </section>
    
92. </section>
    
93. </section>
    
94. <section class="_editor">
    
95. <p>
    
96. <br><br>
    
97. </p>
    
98. </section></div>

复制代码

云儿~

竹轩听雨 发表于 2021-6-6 12:32
...

11112.zip (30.1 KB, 下载次数: 3)

2021-8-21 23:58 上传

点击文件名下载附件
阅读权限: 200

请听雨帮忙看看代码有什么不对。

竹轩听雨

云儿~ 发表于 2021-8-21 23:59
请听雨帮忙看看代码有什么不对。

听曲.rar (4.25 KB, 下载次数: 5)

2021-8-22 00:37 上传

点击文件名下载附件

雪儿

听雨老师 麻烦看看346楼~

你制作的代码太美·~忍不住又借来用~

奈何我心浮气躁静不下心来研究 其实就是笨~所以只好再麻烦恁高抬贵手了

竹轩听雨

1. <br><br>
   
2. <div align="center"><section style="width:660px;">
   
3. <section class="_135editor"><section style="margin:50px 10px 10px;"><section class="assistant" style="text-align: left;"><section class="assistant" style="width: 16px; height: 16px; background-color: #1F2B9B; border-radius: 100%; border: 4px solid #ffffff; box-sizing: border-box; display: inline-block; margin-left: -5px; overflow: hidden;"></section></section><section style="margin-top:-50px;text-align: right;"><section style="background-color:#ffffff;display: inline-block;color: #2D34A2;"><section style="display:flex;font-size:5em;line-height:0.6em; vertical-align: top; text-align: inherit; text-decoration: inherit;"><section class="135brush" data-brushtype="text" style=";transform: skewX(-18deg);-webkit-transform: skewX(-18deg);-moz-transform: skewX(-18deg);-ms-transform: skewX(-18deg);-o-transform: skewX(-18deg);">W</section><section style="margin:8px 0px 0px 4px;line-height: 1.4;font-size: 16px;">
   
4. <section class="135brush" data-brushtype="text">rite a poem for you　</section>
   
5. <section style="line-height: 1.2em; letter-spacing: 1.5px;">
   
6. <span style="font-family: 微软雅黑, Microsoft YaHei; font-size: 14px;">文|雪儿@竹轩听雨</section></section></section></section>
   
7. <section style="border: 1px solid #1F2B9B; padding: 10px; margin-top: -7px; box-sizing: border-box;">
   
8. <section class="135brush" style="background-color: #ffffff;border: 1px solid #1F2B9B; padding: 1em; ">
   
9. <br><br>
   
10. <section style="padding:0px 10px 0px 10px;">
    
11. <section style="margin: 30px auto;text-align: center;">
    
12. <section class="_135editor">
    
13. <section style="margin:10px auto;">
    
14. <section style="display:flex;justify-content: center;align-items: center;margin-left:-20px;">
    
15. <section style="display: inline-block;margin-left:30px;">
    
16. <section style="box-sizing:border-box;width: 310px;height: 310px;background:url('https://img.wyc520.com.cn/data/attachment/forum/202106/27/180935aa4x7q9qt729vd1t.png') no-repeat center;background-size:cover;">
    
17. <section style="margin-left:21px;padding-top:19px">
    
18. <section style="box-sizing:border-box;width:270px;height:270px;border-radius:100% ;overflow: hidden;"><section data-role="circle" style="box-sizing:border-box;border-radius: 100%;overflow: hidden;margin: 0 auto;width:100%;padding-bottom:100%;height:0px;background-image:url('http://www.bdlxbbs.com/data/attachment/forum/202108/01/132243jpcgrbzb24grj2zp.gif');background-position:50% 50%;background-size: cover;" data-width="100%"></section></section></section></section></section></section></section></section></section></section>
    
19. <section style="line-height: 2em; letter-spacing: 1.5px; color: #1F2B9B;margin-right: 50px; margin-left: 170px;text-align:justify;">
    
20. <span style="font-family: 微软雅黑, Microsoft YaHei; font-size: 15px;">
    
21. <br>
    
22. <strong><font face="微软雅黑" size="4">〖因为你在 所以我来〗</font></strong><br><br>
    
23. 文字殿堂我为你筑梦爱的诗香<br>
    
24. 以风之名为你轻吟浅唱<br>
    
25. 以花之名为你红尘飘零<br>
    
26. 风吹起漫天剪碎的思念若半开的荼蘼<br>
    
27. 以情为牢素手轻簪挑亮灯烛里的瘦影<br>
    
28. <img width="30" height="auto" src="http://www.bdlxbbs.com/data/attachment/forum/202108/01/132823f2yf33h8aeavy2bg.gif"><br>
    
29. 坐在文字里蘸泪润线<br>
    
30. 为你提笔却不知如何题序 <br>
    
31. 踩着平平仄仄的伤感把青石桥的相遇<br>
    
32. 一步步走成婉约凄美守望<br>
    
33. 守望你的泪冲淡了流年红颜<br>
    
34. <img width="30" height="auto" src="http://www.bdlxbbs.com/data/attachment/forum/202108/01/132823f2yf33h8aeavy2bg.gif"><br>
    
35. 长发挽髻霓裳飘飘拨弦<br>
    
36. 弦未成曲调相思早已去了<br>
    
37. 我把自己化作一缕宋时清风<br>
    
38. 穿越万水千山穿越思念的夜幕苍穹<br>
    
39. 轻轻掀起你的窗帘靠近却不语不扰<br>
    
40. <img width="30" height="auto" src="http://www.bdlxbbs.com/data/attachment/forum/202108/01/132823f2yf33h8aeavy2bg.gif"><br>
    
41. 时光老去 往昔成了传说<br>
    
42. 一见倾情二见倾心<br>
    
43. 一尘烟雨半窗疏影相思无寄<br>
    
44. 一梦千年一笔天荒一剪成殇<br>
    
45. 在往事里回首漫把青梅嗅<br>
    
46. <img width="30" height="auto" src="http://www.bdlxbbs.com/data/attachment/forum/202108/01/132823f2yf33h8aeavy2bg.gif"><br>
    
47. 习惯了不去寻找你的痕迹<br>
    
48. 曾经刻骨铭心的痛彻无药可愈<br>
    
49. 任染血的相思开成<br>
    
50. 桃花朵朵开到妩媚曼妙<br>
    
51. 开到娇娆惊艳开到无悔荼蘼<br>
    
52. <br><br><br>
    
53. </span></section>
    
54. <div align="center"><img width="130" height="auto" src="http://www.bdlxbbs.com/data/attachment/forum/202108/01/132916sbn5ewk5553z53t0.gif" border="0"></div>
    
55. <br><br><br><br>
    
56. </span></p></section></section><section class="assistant" style="background-color: #2F3AA4; width: 50%; height: 8px; margin-top: -4px; overflow: hidden;" data-width="50%"></section></section><section class="assistant" style="text-align: right;margin-top:-14px;"><section class="assistant" style="margin-right: -7px; width: 16px; height: 16px; background-color: #1F2B9B; border-radius: 100%; border: 4px solid #ffffff; box-sizing: border-box; display: inline-block; overflow: hidden;"></section></section></section></section><section>
    
57. <p><br/></p><p><br/></p></section>

复制代码

雪儿

竹轩听雨 发表于 2021-8-23 21:14

辛苦了听雨老师~ 给您捶捶

竹轩听雨

『程旖琴小提琴曲』

通俗与高雅如何兼得？
熟悉的旋律，由小提琴重新演绎，尽顾音乐的张力。
精选十首曲目，经著名音乐人郑平昌老师改编，凝结成这部音乐大碟。
清晨午后，冲泡一杯浓茶，静静地聆听。
美丽的音符在空气中飞舞，轻轻地闭上眼睛，陶醉在音乐的海洋中。
01 暗香 - 程旖琴
02 我的祖国 - 程旖琴
03 月亮代表我的心 - 程旖琴
04 同一首歌 - 程旖琴
05 青藏高原 - 程旖琴
06 弯弯的月亮 - 程旖琴
07 城南旧事 - 程旖琴
08 在那遥远的地方 - 程旖琴
09 茉莉花 - 程旖琴
10 万泉河水 - 程旖琴

竹轩听雨

1. <br><br>
   
2. <div align="center">
   
3. <section style="width:660px;">
   
4. <section style="margin:15px 0px 10px 0px;padding-right:10px;"><section style="margin-left:10px;background-color:#E8A255;border: 1px solid transparent;padding-bottom:6px;box-sizing: border-box;">
   
5. <section style="border: 1px solid #E8A255;margin-right: -6px;margin-top:-6px;margin-left:6px;background-color:rgb(253,249,226);overflow:hidden;">
   
6. <br><br>
   
7. <section style="display:flex;justify-content: center;align-items: center;padding:50px;">
   
8. <section style="justify-content: center;">
   
9. <img style="box-sizing:border-box;width: 100%;display:block;" src="https://img.wyc520.com.cn/data/attachment/forum/202108/22/185055e5afviynm80fv0vv.jpg"/>
   
10. </section>
    
11. <section style="justify-content: center;">
    
12. <img style="box-sizing:border-box;width: 100%;display:block;" src="https://img.wyc520.com.cn/data/attachment/forum/202106/15/183900mk7hneriejoohngz.png"/>
    
13. </section></section>
    
14. <section class="_135editor" data-tools="135编辑器" data-id="98369">
    
15. <section style="margin: 10px auto;text-align: center;" class="">
    
16. <section style="display: inline-block;">
    
17. <section style="padding-right: 7px;">
    
18. <section style="display: flex;justify-content: flex-end;">
    
19. </section>
    
20. <section class="assistant" style="box-sizing:border-box;width:30%;height:1px;background-image: linear-gradient(#414141,#4A4A4A,#414141);margin:1px 0 3px 0;transform: rotate(0deg);" data-width="30%"></section>
    
21. <section class="135brush" data-brushtype="text" style="padding: 5px 5px 3px 5px;background-color:rgba(0,0,0,0.3);font-size: 20px;line-height: 1.0em; font-weight: 400;color: #414141;letter-spacing:1.5px;box-sizing: border-box;text-align: center;width: 100%;" hm_fix="305:617">
    
22. 『程旖琴小提琴曲』
    
23. </section></section>
    
24. <section class="assistant" style="box-sizing:border-box;margin-top: 3px;width: 97%;height: 1px;background-image: linear-gradient(#414141,#4A4A4A,#414141);" data-width="100%"></section>
    
25. </section></section></section>
    
26. <section class="_135editor" data-tools="135编辑器" data-id="94340">
    
27. <section style="box-sizing:border-box;width:100%;margin-top: 16px;margin-bottom: 25px;" data-width="100%">
    
28. <section style="text-align:center;font-family: 微软雅黑, Microsoft YaHei;font-size:20px;font-weight: 400;letter-spacing:2px;color:#414141; ">
    
29. <section style="box-sizing:border-box;width:1.3em;margin:0px auto;" class="">
    
30. <img class="assistant" style="box-sizing:border-box;width:1.3em;display: block;" src="https://img.wyc520.com.cn/data/attachment/forum/202108/22/232747xad4bw8wx8yiaxws.gif"/>
    
31. </section></section></section></section>
    
32. <p style="margin-right:20px; margin-left: 60px;letter-spacing: 2.4px; line-height: 2em; font-family: 微软雅黑， Microsoft YaHei;text-align:justify;font-size: 15px;color:#414141">
    
33. 通俗与高雅如何兼得？<br>
    
34. 熟悉的旋律，由小提琴重新演绎，尽顾音乐的张力。<br>
    
35. 精选十首曲目，经著名音乐人郑平昌老师改编，凝结成这部音乐大碟。<br>
    
36. 清晨午后，冲泡一杯浓茶，静静地聆听。<br>
    
37. 美丽的音符在空气中飞舞，轻轻地闭上眼睛，陶醉在音乐的海洋中。<br>
    
38. 01 暗香 - 程旖琴<br>
    
39. 02 我的祖国 - 程旖琴<br>
    
40. 03 月亮代表我的心 - 程旖琴<br>
    
41. 04 同一首歌 - 程旖琴<br>
    
42. 05 青藏高原 - 程旖琴<br>
    
43. 06 弯弯的月亮 - 程旖琴<br>
    
44. 07 城南旧事 - 程旖琴<br>
    
45. 08 在那遥远的地方 - 程旖琴<br>
    
46. 09 茉莉花 - 程旖琴<br>
    
47. 10 万泉河水 - 程旖琴<br>
    
48. <br><br>
    
49. <div align="center" style="position: relative">
    
50. <script type="text/javascript">
    
51. document.write("<scr"+"ipt src='http://webftp.bbs.hNol.net/sxrx2016/players/jquery.js'></sc"+"ript>")
    
52. document.write("<scr"+"ipt src='http://webftp.bbs.hNol.net/sxrx2016/players/player.js'></sc"+"ript>")
    
53. document.write("<scr"+"ipt src='http://webftp.bbs.hNol.net/sxrx2016/players/viola/player/viola.js'></sc"+"ript>")
    
54. </script>
    
55. <link rel="stylesheet" type="text/css" href="http://webftp.bbs.hNol.net/sxrx2016/players/viola/player/viola.css">
    
56. <div style="margin:0px auto;">
    
57. <p align="center"><img width="210" height="90" src="http://webftp.bbs.hNol.net/sxrx2016/players/viola/image/player.png" border="0"></p>
    
58. <embed width="210" height="90" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://webftp.bbs.hNol.net/sxrx2016/players/viola/image/flash.swf?url=&amp;bgcolor=414141&amp;color=414141" type="application/x-shockwave-flash" style="left: 50%; top: 50%; margin-top: -45px; margin-left: -105px; position: absolute;" wmode="transparent" invokeurls="false"></embed>
    
59. <div id="violas" style="left: 50%; top: 50%; width: 100%; height: 100%; margin-top: 0px; margin-left: -105px; display: block; position: absolute;">
    
60.         <ul class="player-audios" style="display:None;">
    
61.             <li data-artist="" data-title="暗香 - 程旖琴" data-album="" data-info="" data-image="" data-duration="0">
    
62.                 <div class="player-source" data-src="https://www.joy127.com/url/85900.mp3" data-type="audio/mpeg"/>
    
63.             </li>
    
64.             <li data-artist="" data-title="我的祖国 - 程旖琴" data-album="" data-info="" data-image="" data-duration="0">
    
65.                 <div class="player-source" data-src="https://music.163.com/song/media/outer/url?id=218117.mp3" data-type="audio/mpeg"/>
    
66.             </li>
    
67.             <li data-artist="" data-title="月亮代表我的心 - 程旖琴" data-album="" data-info="" data-image="" data-duration="0">
    
68.                 <div class="player-source" data-src="http://antiserver.kuwo.cn/anti.s?useless=/resource/&format=mp3&rid=MUSIC_155605931&response=res&type=convert_url&" data-type="audio/mpeg"/>
    
69.             </li>
    
70.             <li data-artist="" data-title="同一首歌 - 程旖琴" data-album="" data-info="" data-image="" data-duration="0">
    
71.                 <div class="player-source" data-src="https://music.163.com/song/media/outer/url?id=218124.mp3" data-type="audio/mpeg"/>
    
72.             </li>
    
73.             <li data-artist="" data-title="青藏高原 - 程旖琴" data-album="" data-info="" data-image="" data-duration="0">
    
74.                 <div class="player-source" data-src="http://antiserver.kuwo.cn/anti.s?useless=/resource/&format=mp3&rid=MUSIC_17084836&response=res&type=convert_url&" data-type="audio/mpeg"/>
    
75.             </li>
    
76.             <li data-artist="" data-title="弯弯的月亮 - 程旖琴" data-album="" data-info="" data-image="" data-duration="0">
    
77.                 <div class="player-source" data-src="http://antiserver.kuwo.cn/anti.s?useless=/resource/&format=mp3&rid=MUSIC_64919942&response=res&type=convert_url&" data-type="audio/mpeg"/>
    
78.             </li>
    
79.             <li data-artist="" data-title="城南旧事  - 程旖琴" data-album="" data-info="" data-image="" data-duration="0">
    
80.                 <div class="player-source" data-src="https://music.163.com/song/media/outer/url?id=218138.mp3" data-type="audio/mpeg"/>
    
81.             </li>
    
82.             <li data-artist="" data-title="在那遥远的地方 - 程旖琴" data-album="" data-info="" data-image="" data-duration="0">
    
83.                 <div class="player-source" data-src="https://music.163.com/song/media/outer/url?id=218142.mp3" data-type="audio/mpeg"/>
    
84.             </li>
    
85.             <li data-artist="" data-title="茉莉花 - 程旖琴" data-album="" data-info="" data-image="" data-duration="0">
    
86.                 <div class="player-source" data-src="https://music.163.com/song/media/outer/url?id=218146.mp3" data-type="audio/mpeg"/>
    
87.             </li>
    
88.             <li data-artist="" data-title="万泉河水 - 程旖琴" data-album="" data-info="" data-image="" data-duration="0">
    
89.                 <div class="player-source" data-src="https://music.163.com/song/media/outer/url?id=218150.mp3" data-type="audio/mpeg"/>
    
90.             </li>
    
91.         </ul>
    
92.     </div>
    
93. </div>
    
94. </div>
    
95. <br><br><br>
    
96. </div>
    
97. <br>
    
98. <br>

复制代码

绣色

我进来听听，我更喜欢大提琴一些～

竹轩听雨

『半山听雨』

古琴演奏｜杨青
编辑｜绣色　文字｜网络

静心听雨，凝神看风。
听雨的过程，是一场自己与自己的对话，独具幽谧。
雨水如茶水，静心，亦清心。
听雨一世，时间绵长，世间通透。
若是有幸逢着山中的雨，听雨也别有一番滋味。
半山听雨，品一种静谧，不自禁地忘了俗世的烦恼喧嚣。
半山听雨，享一种闲暇，得一片悠然清绝的心世界。

01 半山听雨 - 杨青
02 茶香白云飘 - 杨青
03 春来花自放 - 杨青
04 花雨一隅 - 杨青
05 兰香涧 - 杨青
06 观山 - 杨青
07 问茶 - 杨青
08 听云 - 杨青
09 琴心和鸣 - 杨青
10 夏荷风舞 - 杨青
11 秋风醉 - 杨青
12 归来 - 杨青
13 山水间 - 杨青