〖同唱乐清粥〗北木南。

竹轩听雨

真还是第一次听绣色唱歌，听清粥唱过这歌，感觉你们唱得有些象呢~~
小图配得挺搭啊，常做音画的，配图就是得心应手。

竹轩听雨

1. <br><br>
   
2. <div align="center">
   
3. <section style="width:660px;">
   
4. <section class="_editor" data-support="96编辑器" data-style-id="30128">
   
5. <section class="tool-border">
   
6. <section></section>
   
7. <section></section>
   
8. <section></section>
   
9. <section></section>
   
10. </section>
    
11. <section style="text-align: left; margin-top: 6px; margin-bottom: 6px;">
    
12. <section style="border:solid 1px #B0E3FE;padding:10px;"><br><br>
    
13. <section style="display: flex;justify-content:center;align-items:center;">
    
14. <section>
    
15. <section style="display:inline-block;">
    
16. <p style="text-align: center; color: #72ABC7; letter-spacing: 2px;">
    
17. <span style="font-size: 26px; letter-spacing: 2px;font-family: 微软雅黑, Microsoft YaHei;">『北木南』</span>
    
18. </p>
    
19. <section style="display: flex;justify-content:center;align-items:center;">
    
20. <section style="height: 0px;border-top: 18px solid transparent;border-left: 6px solid #fefefe;border-bottom: 18px solid transparent;border-right-color: #E9CEE0;margin-right: -5px;transform: rotatez(0deg);"></section>
    
21. <section style=" background-image: linear-gradient(90deg, #84C5E5 10%, #B2E4FC 100%); padding:0px 10px 0px 10px;">
    
22. <p style="line-height:20px; letter-spacing: 2px;">
    
23. <span style="color: #ffffff; font-size: 14px;font-family: 微软雅黑, Microsoft YaHei;">翻唱/绣色</span>
    
24. </p>
    
25. </section>
    
26. <section style="height: 0px;border-top: 18px solid transparent;border-right: 6px solid #fefefe;border-bottom: 18px solid transparent;border-left-color: #E9CEE0;margin-left: -5px;"></section>
    
27. </section>
    
28. </section>
    
29. </section>
    
30. <section class="_135editor"><section style="margin:10px auto;">
    
31. <section style="display:flex;justify-content: center;align-items: center;margin-left:-20px;">
    
32. <section style="width:200px;display:flex;justify-content: center;align-items: flex-end;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);">
    
33. <section style="display:flex;justify-content: center;align-items: center;"><section class="assistant" style="margin-right: -90px; border-top: 2px solid rgba(176,227,254,1); border-bottom: 2px solid rgba(176,227,254,1); border-left: 2px solid rgba(176,227,254,1); border-image: initial; border-right: none; width: 100px; height: 185px; border-radius: 100px 0px 0px 100px; box-sizing: border-box; overflow: hidden;"></section>
    
34. <section style="display:inline-block;border-radius:100%;overflow:hidden;padding:2px;border:2px solid #D2EAF3;box-sizing: border-box;">
    
35. <section style="width: 160px; height: 160px; border-radius: 100%; overflow: hidden; box-sizing: border-box;"><img data-ratio="1" data-w="352" data-width="100%" src="https://img.wyc520.com.cn/data/attachment/forum/202108/05/110323e0x47xgm69okbzbx.jpg" style="width:100%;display:block;"></section></section></section>
    
36. <section class="assistant" style="width: 10px; height: 10px; background-color: rgba(176,227,254,1); border-radius: 100%; margin-left: -85px; margin-bottom: -4px; overflow: hidden; box-sizing: border-box;"></section></section><section style="display:flex;justify-content:center;align-items: flex-start;width:auto;box-sizing: border-box;margin-left:45px;">
    
37. </section></section></section></section></section><br><br>
    
38. <section style="margin-top:10px;background-color:#EBF9FD;padding:15px;">
    
39. <p style="margin-right:120px; margin-left: 230px;letter-spacing: 2.4px; line-height: 2em; font-family: 微软雅黑, Microsoft YaHei;text-align:justify;font-size: 15px;color:#7F6A4B">
    
40. <br>
    
41. 花僮 - 北木南<br>
    
42. 作词：罗永川<br>
    
43. 作曲：罗永川<br><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. 撕碎了幼稚<br>
    
58. 寻找着他的归宿<br>
    
59. 北方的木南方的树<br>
    
60. 筑成他和她的全部<br>
    
61. 两年已过去<br>
    
62. 时间被倾诉<br>
    
63. 嘴里的甜是曾经的苦<br>
    
64. <br>
    
65. <br>
    
66. <div align="center" style="position: relative;">
    
67. <script type="text/javascript">
    
68. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js'></sc"+"ript>")
    
69. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/player.js'></sc"+"ript>")
    
70. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/playone/player/playone.js'></sc"+"ript>")
    
71. </script>
    
72. <link href="http://webftp.bbs.hnol.net/sxrx2016/players/playone/player/playone.css" rel="stylesheet" type="text/css">
    
73. <div style="margin:0px auto;">
    
74.     <div id="playones" style="display:block;position:relative;width:100%;max-width:120px;height:auto;margin:0px auto 0px;">
    
75.         <ul class="player-audios" style="display:none;">
    
76.             <li data-artist="" data-title="花僮 - 北木南" data-album="" data-info="" data-image="" data-duration="0">
    
77.                 <div class="player-source" data-src="https://www.joy127.com/url/85528.mp3" data-type="audio/mpeg" />
    
78.             </li>
    
79.         </ul>
    
80.     </div>
    
81. </div>
    
82. </div>
    
83. <br><br><br>
    
84. <br>
    
85. <p></p></section></section></section></section></section></div><br><br>

复制代码

竹轩听雨

第39行：margin-right:120px; margin-left: 230px;可以调整文字的左右边距。
66行到82行是单钮播放器代码，迷你播放器发帖可参看《迷你播放器》274＃楼方法。

哑弦

绣色 发表于 2021-8-5 11:44
貌似好久没有唱歌，又得重头开始学~

你还真是好久没唱了，听你跟我一样沙沙的嗓子就想笑，要不说咱俩能对上眼呢
好听~

衫风

绣色 发表于 2021-8-5 11:43
感谢听雨分享的代码。。。

代码帖很漂亮。

衫风

嗓音很有魅力。

衫风

竹轩听雨 发表于 2021-8-5 23:38

感谢分享代码

绣色

风吟 发表于 2021-8-5 12:08
浅蓝我的稀罕～

看着很清凉

绣色

乐清粥 发表于 2021-8-5 14:52
锈色唱得很温暖，别人一翻味道

好久没有唱了，有点找不到感觉的样子

绣色

连城 发表于 2021-8-5 16:17
电脑上线，赶上你唱，听一会儿再干活~~·

好久没有看到你了呢，抱个