听雨轩

竹轩听雨

《落花》

歌手｜林心如

花开的时候最珍贵
花落了就枯萎
错过了花期花怪谁
花需要人安慰
一生要哭多少回
才能不流泪
一生要留多少泪
才能不心碎
我眼角眉梢的憔悴
没有人看得会
当初的誓言太完美
像落花满天飞
冷冷的夜里北风吹
找不到人安慰
当初的誓言太完美
让相思化成灰
-
一生要干多少杯
才能不喝醉
一生要醉多少回
才能不怕黑
我眼角眉梢的憔悴
没有人看得会
当初的誓言太完美
像落花满天飞
冷冷的夜里北风吹
找不到人安慰
当初的誓言太完美
让相思化成灰
冷冷的夜里北风吹
找不到人安慰
当初的誓言太完美
让相思化成灰
花开的时候最珍贵
花落了就枯萎
错过了花期花怪谁
花需要人安慰

竹轩听雨

1. <br><br>
   
2. <div align="center">
   
3. <section style="width: 660px;">
   
4. <section style="max-width: 100% box-sizing:border-box;margin: 0px auto;text-align: center;width: 100%;">
   
5. <section style="border: 1px solid #39968e; padding: 10px; box-sizing: border-box;">
   
6. <section style="background-color:#d6e6e5;">
   
7. <section style="background-image:url('https://img.wyc520.com.cn/data/attachment/forum/202304/05/190623gdytfgwcb3gc8ww5.png');background-repeat:no-repeat;background-size:100% ;background-position:100%;">
   
8. <section style="display:flex;justify-content:flex-end;align-items:center;">
   
9. <section style="width: 20px;margin-bottom: auto;margin-top: 180px;">
   
10. <img src="https://img.wyc520.com.cn/data/attachment/forum/202304/05/190623lfxcyeu8kbeyy8cx.png" style="display:block;">
    
11. </section>
    
12. <section style="width:50%;">
    
13. <img src="https://img.wyc520.com.cn/data/attachment/forum/202304/05/190624qwx88ul8tmlwjrib.png" style="width:100%;height:auto;display:block;" />
    
14. </section></section>
    
15. <section style="width: 20px;margin: 30px 60px 100px auto;">
    
16. <img src="https://img.wyc520.com.cn/data/attachment/forum/202304/05/190624re8v55uovvv1ws02.png" style="display:block;">
    
17. </section>
    
18. <section style="width:100%;margin-top:10px;">
    
19. <img src="https://img.wyc520.com.cn/data/attachment/forum/202304/05/190624ma5k2dc5c6ez2c2e.png" style="display:block;width:90%;">
    
20. </section>
    
21. <section style="width: 25px;margin-left: auto;margin-right:30px;margin-top: -70px;">
    
22. <img src="https://img.wyc520.com.cn/data/attachment/forum/202304/05/190624n9rjq00s70770j0m.png" style="display:block;">
    
23. </section></section>
    
24. <br>
    
25. <section>
    
26. <div style="display: flex; width: 100%; margin-top: -30px;vertical-align: top; flex-flow: column nowrap;">
    
27. <div style="position: static; z-index: 2;">
    
28. <section style="transform: translate3d(0px, 0px, 0px);">
    
29. <div style="text-align: center; font-size:30px; color: rgb(234,246,242); line-height: 1.5em;; letter-spacing: 4px; text-shadow: rgb(56,124,123) 1.4px -1.4px 0px, rgb(56,124,123) 1.4px 1.4px 0px, rgb(56,124,123) -1.4px 1.4px 0px, rgb(56,124,123) -1.4px -1.4px 0px, rgb(56,124,123) 1.4px 0px 0px, rgb(56,124,123) 0px 1.4px 0px, rgb(56,124,123) -1.4px 0px 0px, rgb(56,124,123) 0px -1.4px 0px;">
    
30. <strong><span style="">《落花》</span></strong>
    
31. </div></section></div></div></section>
    
32. <section style="transform: translate3d(0px, 0px, 0px);">
    
33. <div style="text-align: center; font-size:15px; letter-spacing: 1px; line-height: 3.0em;">
    
34. <section style="text-align: center;"><span style="font-size: 15px; color: rgb(56,124,123);">歌手｜林心如</span></section>
    
35. </div></section>
    
36. <section class="135brush" data-brushtype="text" style="font-size: 14px;letter-spacing: 1.5px;color: #347776;margin-top: 5px;">
    
37. <div style="position: static;">
    
38. <section style="text-align: left; justify-content: flex-start; display: flex; flex-flow: row; margin: 30px 0px 0px 130px;;">
    
39. <div style="display: inline-block; vertical-align: top; width: 10%; align-self: stretch; flex: 0 0 auto; height: auto; border-bottom: 1px solid rgb(56,124,123); border-right: 1px solid rgb(56,124,123);">
    
40. </div>
    
41. <div style="display: inline-block; vertical-align: top; width: auto; align-self: flex-start; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto; padding: 0px 0px 0px 250px; border-bottom: 1px solid rgb(56,124,123);">
    
42. <section style="opacity: 0.46; margin: 50px 0px 0px;">
    
43. <div style="text-align: justify; font-size: 40px; color: rgb(56,124,123); line-height: 1em; letter-spacing: 1px;">
    
44. </div></section></div></section></div>
    
45. <div style="position: static;">
    
46. <section style="text-align: left; justify-content: flex-start; display: flex; flex-flow: row; margin: 0px 0px 0px 130px;">
    
47. <div style="display: inline-block; vertical-align: top; width: 10%; align-self: stretch; flex: 0 0 auto; height: auto; border-bottom: 0px solid rgb(56,124,123); border-right: 1px solid rgb(56,124,123);">
    
48. </div>
    
49. <div style="display: inline-block; vertical-align: top; width: auto; align-self: flex-start; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto; padding: 0px 0px 0px 10px; border-bottom: 0px solid rgb(56,124,123);">
    
50. <div style="font-size: 15px; color: rgb(56,124,123); text-align: left;">
    
51. <section style="margin-top:7%;margin-right:260px; margin-left: 70px;letter-spacing: 2.4px; line-height: 2em; font-family: 微软雅黑, Microsoft YaHei;text-align:justify;">
    
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. 当初的誓言太完美<br>
    
67. 让相思化成灰<br>
    
68. -<br>
    
69. 一生要干多少杯<br>
    
70. 才能不喝醉<br>
    
71. 一生要醉多少回<br>
    
72. 才能不怕黑<br>
    
73. 我眼角眉梢的憔悴<br>
    
74. 没有人看得会<br>
    
75. 当初的誓言太完美<br>
    
76. 像落花满天飞<br>
    
77. 冷冷的夜里北风吹<br>
    
78. 找不到人安慰<br>
    
79. 当初的誓言太完美<br>
    
80. 让相思化成灰<br>
    
81. 冷冷的夜里北风吹<br>
    
82. 找不到人安慰<br>
    
83. 当初的誓言太完美<br>
    
84. 让相思化成灰<br>
    
85. 花开的时候最珍贵<br>
    
86. 花落了就枯萎<br>
    
87. 错过了花期花怪谁<br>
    
88. 花需要人安慰<br>
    
89. <br>
    
90. </section></div></section>
    
91. <br><br>
    
92. <div style="margin-left: 100px;">
    
93.     <section class="assistant" style="box-sizing:border-box;width: 30px;margin:0 auto;">
    
94.         <img class="assistant" style="max-width: 100% box-sizing:border-box;margin-left: -50px;vertical-align:inherit;width: 100%; display: block;" src="https://img.wyc520.com.cn/data/attachment/forum/202304/05/194936itnybf7yso7r6yn6.gif" data-width="100%" draggable="false">
    
95.     </section>
    
96.     <section style="display: flex;justify-content: center;margin-left: -100px;;align-items: center;">
    
97.         <section style="box-sizing:border-box;width: 4px;height: 16px;border-right: 2px solid #397E7D;border-bottom: 2px solid #397E7D; overflow: hidden;"></section>
    
98.         <section style="font-size: 16px;text-align: center; letter-spacing: 1.5px; padding: 0px 12px; box-sizing: border-box;">
    
99.             <div align="center" style="position: relative;margin-left: -100px;">
    
100.                 <script type="text/javascript">
     
101.                 document.write("<scr" + "ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js'></sc" + "ript>")
     
102.                 document.write("<scr" + "ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/player.js'></sc" + "ript>")
     
103.                 document.write("<scr" + "ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.js'></sc" + "ript>")
     
104.                 </script>
     
105.                 <link href="http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.css" rel="stylesheet" type="text/css">
     
106.                 <div style="margin:0px auto;">
     
107.                     <div class="fineplays" style="display:block;position:relative;width:100%;max-width:100px;height:auto;margin:0px auto 0px;">
     
108.                         <ul class="player-audios" style="display:none;">
     
109.                             <li data-artist="" data-title="落花 - 林心如">
     
110.                                 <div class="player-source" data-src="https://aod.cos.tx.xmcdn.com/storages/b1f1-audiofreehighqps/9D/9D/GKwRIUELX3KFABMWuANWba9H.m4a" data-type="audio/mpeg" />
     
111.                             </li>
     
112.                         </ul>
     
113.                     </div>
     
114.                 </div>
     
115.             </div>
     
116. </section>
     
117. <section style="box-sizing: border-box; width: 4px; height: 16px; border-left: 2px solid #397E7D; border-top: 2px solid #397E7D;margin-left: -100px;">
     
118. </section></section></div>
     
119. <br><br>
     
120. </div><br>
     
121. <section style="text-align: center; justify-content: center; display: flex; flex-flow: row;">
     
122. <div style="display: inline-block; vertical-align: bottom; width: auto; align-self: flex-end; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto;">
     
123. <div tn-uuid="comp-oExgzVYSRhZ2d0Ck" style="position: static;">
     
124. <section style="text-align: center; line-height: 0;">
     
125. <div tn-cell-type="image" style="max-width: 100%; vertical-align: middle; display: inline-block; line-height: 0; width: 50px; height: auto;"><img src="https://img.wyc520.com.cn/data/attachment/forum/202508/09/112914chffkfkzr7h371kf.png" style="vertical-align: middle; max-width: 100%; width: 100%;"></div>
     
126. </section></div></div>
     
127. <div style="display: inline-block; vertical-align: bottom; width: 50%; align-self: flex-end; flex: 0 0 auto; border-bottom: 1px solid rgb(56,124,123); padding: 0px; margin: 0px 10px; height: auto;">
     
128. <div tn-uuid="comp-WNWjlqmwXAA702F2" style="">
     
129. <section>
     
130. <div tn-animate-on-self="true" style="text-align: justify;">
     
131. <p><br></p>
     
132. </div></section></div></div>
     
133. <div style="display: inline-block; vertical-align: bottom; width: auto; align-self: flex-end; flex: 0 0 auto; min-width: 5%; max-width: 100%; height: auto;">
     
134. <div style="position: static; transform: perspective(0px); transform-style: flat;">
     
135. <section style="text-align: center; line-height: 0; transform: rotateY(180deg);">
     
136. <div style="max-width: 100%; vertical-align: middle; display: inline-block; line-height: 0; width: 50px; height: auto;"><img src="https://img.wyc520.com.cn/data/attachment/forum/202508/09/112914chffkfkzr7h371kf.png" style="vertical-align: middle; max-width: 100%; width: 100%;"></div>
     
137. </section></div></div></section>
     
138. <br><br><br>
     
139. </section></section></section></section></section></div>
     
140. <br><br>

复制代码

浅墨初画

好像找到家了。嘿嘿。这里的代码直接复制呢。

浅墨初画

这么多好代码，我还要学习吗。。。。。。。。。。思考中。嘿嘿想偷懒啦。但是蛮感兴趣的。

竹轩听雨

浅墨初画 发表于 2026-4-8 16:55
这么多好代码，我还要学习吗。。。。。。。。。。思考中。嘿嘿想偷懒啦。但是蛮感兴趣的。

初画来了，上小轩最好茶，天池山泉水泡的碧螺春哈～～
爱网好看的代码也不少，总一款适合你选用～～
如果想量身定制，那还是需要学习的，哈哈～～

千行

这楼这么高了，里面都是好东西，厉害!

竹轩听雨

千行 发表于 2026-4-9 09:14
这楼这么高了，里面都是好东西，厉害!

都是收藏了朋友的一些精彩哈~~

千行

竹轩听雨 发表于 2026-4-9 10:30
都是收藏了朋友的一些精彩哈~~

那也不错，算得上是宝藏楼了

竹轩听雨

千行 发表于 2026-4-9 10:36
那也不错，算得上是宝藏楼了

就是个人的品味哈~~

千行

竹轩听雨 发表于 2026-4-9 10:38
就是个人的品味哈~~

品味高雅，赞！