【岁末盘点】此去经年（图：花简静、音乐：一鹿向北）

若依

不忘可以吗 发表于 2024-12-9 15:21
这个名号，当时我给她起的……哈哈哈

好像是的，你那会儿也那么灵光啊，哈哈

若依

婴宁 发表于 2024-12-9 15:23
你这代码很好看呐，借来用了。

这代码也是从一鹿那里顺的，哈哈哈

一鹿向北

还有我这个代码，图那部分应该是边框限制图尺寸的，图是正方形就合适。

一鹿向北

这部分是播放器加音乐代码，你试试放帖子里，应该就自动播放了。

1. <div align="center" style="position: relative;">
   
2. <script type="text/javascript">
   
3. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js'></sc"+"ript>")
   
4. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/player.js'></sc"+"ript>")
   
5. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.js'></sc"+"ript>")
   
6. </script>
   
7. <link href="http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.css" rel="stylesheet" type="text/css">
   
8. <div style="margin:0px auto;">
   
9.     <div class="fineplays" style="display:block;position:relative;width:100%;max-width:100px;height:auto;margin:0px auto 0px;">
   
10.         <ul class="player-audios" style="display:none;">
    
11.            <li data-artist="" data-title="周深 &风吹过的晨曦">
    
12.                 <div class="player-source" data-src="https://www.joy127.com/audio/114535.mp3" " data-type="audio/mpeg"/>
    
13.             </li>
    
14.         </ul>
    
15.     </div>

复制代码

若依

一鹿向北 发表于 2024-12-9 15:35
还有我这个代码，图那部分应该是边框限制图尺寸的，图是正方形就合适。

对的，我的图好像大了一点吧

若依

一鹿向北 发表于 2024-12-9 15:38
这部分是播放器加音乐代码，你试试放帖子里，应该就自动播放了。

我试试看

一鹿向北

文字｜网络　朗诵｜花落

时间，如流沙，握不紧，它流失，握的紧，它还流失。

无论你如何去把握，它都会不停的流走，

直到走完了一年四季，走过了一年又一年。

岁月的洪流，推动着你我，

起落浮沉间，已是春花秋月，夏雨冬雪。

人生路漫漫，

总有一些人会慢慢淡出你的生活

也总会有一些人渐渐走进你的生活，

所以，

我们要学会接受而不是怀念，要学会欣赏，而不是无奈的抱怨。

无论过去发生过什么，都要相信，最好的一切尚未到来。

于是，

所有的留白，都在转身之间，所有的美好，都在回眸之处。

人之一生，白驹过隙，

忍着时光的痛，品着沧桑的苦，

在懵懂中成长，在成长中懂得，

在懂得中感悟，在感悟中沧桑。

走过那么多路，只为抵达彼岸；

看过那么多风景，只为回归自己的内心。

愿我们迈着不慌不忙的步子，伴随岁月前行，

在如水的光阴下，且行且珍惜。

一鹿向北

1. <br><br>
   
2. <div align="center">
   
3. <section style="width:660px;">
   
4. <div style="overflow: hidden; margin-bottom: 40px;">
   
5. <section class="_135editor">
   
6. <section style="background-repeat: repeat; background-position: left top; padding: 10px; background-color: rgb(187,189,178); background-size: auto; background-image: -webkit-linear-gradient(left, rgb(187,189,178), rgb(187,189,178), rgb(187,189,178)); box-sizing: border-box;">
   
7. <section class="_135editor">
   
8. <section style="padding: 10px; box-sizing: border-box;">
   
9. <section style="width: 100%;" data-width="100%">
   
10. <section style="border: 0px none; padding: 0px; box-sizing: border-box;">
    
11. <section style="width: 100%;background-color:#EBEEE7;color: #fefefe;display: flex;display: -0-webkit-flex" data-width="100%">
    
12. </section>
    
13. </section>
    
14. <section style="border: 0px none; padding: 0px; box-sizing: border-box; margin: 0px auto; width: 100%; flex: 0 0 100%;" data-width="100%">
    
15. <section style="width: 100%; background-color: #EBEEE7; align-items: flex-end; padding-bottom: 0px; box-sizing: border-box;" data-width="100%">
    
16. <section class="_135editor ">
    
17. <img src="http://www.bohann.net/data/attachment/forum/202305/27/170456dugmu1jd8sx229xo.png" style="box-sizing:border-box;width: 100%;display: block;">
    
18. <section data-id="98902 ">
    
19. <section data-role="layout " style="flex-flow:row nowrap;display:flex;word-break:break-all;">
    
20. <section data-role="layout " style="box-sizing:border-box;width:100%;" data-width="100%">
    
21. <section data-role="layout-inner ">
    
22. <section><section>
    
23. <img height="72 " src="http://www.bohann.net/data/attachment/forum/202305/27/170448iebwtplku5rlukr9.png" style="box-sizing:border-box;width:90px;height:78px;margin-left:50px;" width="83 " data-ratio="0.8674698795180723 " data-w="83 "/>
    
24. </section></section></section></section></section></section>
    
25. <section data-id="86289 " style=";margin-bottom:1px;margin-top:-50px;margin-left:0px;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);">
    
26. <svg xml:space="default " xmlns="http://www.w3.org/2000/svg " width="100%" height="50 " data-height="50 " style="box-sizing:border-box;width:100%;">
    
27. <text class="135brush " data-brushtype="text " x="50%" style="text-anchor:middle;fill:#ffffff;stroke:#595959;font-weight:bold;font-size:28px;" y="30 " hm_fix="356:457 ">『且行且珍惜』</text>
    
28. </svg>
    
29. </section></section>
    
30. <section section style="text-align:center; line-height: 1.5em;">
    
31. <span style="color: #687979; font-family: 微软雅黑, Microsoft YaHei; font-size: 13px;">
    
32. 文字｜网络　朗诵｜花落
    
33. </span></section>
    
34. <br>
    
35. <section style="text-align:left; line-height: 1.8em; letter-spacing: 1.5px; margin-right: 40px; margin-left: 100px;">
    
36. <span style="color: #7f7f7f; font-family: 微软雅黑, Microsoft YaHei; font-size: 15px;">
    
37. 时间，如流沙，握不紧，它流失，握的紧，它还流失。
    
38. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
39. 无论你如何去把握，它都会不停的流走，
    
40. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
41. 直到走完了一年四季，走过了一年又一年。
    
42. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
43. <br>
    
44. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
45. 岁月的洪流，推动着你我，
    
46. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
47. 起落浮沉间，已是春花秋月，夏雨冬雪。
    
48. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
49. 人生路漫漫，
    
50. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
51. 总有一些人会慢慢淡出你的生活
    
52. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
53. 也总会有一些人渐渐走进你的生活，
    
54. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
55. 所以，
    
56. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
57. 我们要学会接受而不是怀念，要学会欣赏，而不是无奈的抱怨。
    
58. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
59. 无论过去发生过什么，都要相信，最好的一切尚未到来。
    
60. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
61. 于是，
    
62. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
63. 所有的留白，都在转身之间，所有的美好，都在回眸之处。
    
64. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
65. <br>
    
66. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
67. 人之一生，白驹过隙，
    
68. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
69. 忍着时光的痛，品着沧桑的苦，
    
70. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
71. 在懵懂中成长，在成长中懂得，
    
72. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
73. 在懂得中感悟，在感悟中沧桑。
    
74. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
75. 走过那么多路，只为抵达彼岸；
    
76. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
77. 看过那么多风景，只为回归自己的内心。
    
78. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
79. <br>
    
80. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
81. 愿我们迈着不慌不忙的步子，伴随岁月前行，
    
82. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
83. 在如水的光阴下，且行且珍惜。
    
84. <section style="width:100%; border-top:dashed 1px #7f7f7f;margin-right: 40px; margin-left: -30px;"></section>
    
85. </section>
    
86. <br><br><br>
    
87. <div align="center" style="position: relative;">
    
88. <script type="text/javascript">
    
89. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js'></sc"+"ript>")
    
90. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/player.js'></sc"+"ript>")
    
91. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.js'></sc"+"ript>")
    
92. </script>
    
93. <link href="http://webftp.bbs.hnol.net/sxrx2016/players/fineplay/player/fineplay.css" rel="stylesheet" type="text/css">
    
94. <div style="margin:0px auto;">
    
95.     <div class="fineplays" style="display:block;position:relative;width:100%;max-width:100px;height:auto;margin:0px auto 0px;">
    
96.         <ul class="player-audios" style="display:none;">
    
97.            <li data-artist="" data-title="且行且珍惜 - 花落千江水">
    
98.                 <div class="player-source" data-src="https://qiniuuwmp3.changba.com/1257073389.mp" " data-type="audio/mpeg"/>
    
99.             </li>
    
100.         </ul>
     
101.     </div>
     
102. </div>
     
103. </div>
     
104. <br><br>
     
105. <section class="_135editor">
     
106. <section style=";transform: rotateZ(-180deg);-webkit-transform: rotateZ(-180deg);-moz-transform: rotateZ(-180deg);-ms-transform: rotateZ(-180deg);-o-transform: rotateZ(-180deg);">
     
107. <section style="text-align:center;" align="center">
     
108. <img src="http://www.bohann.net/data/attachment/forum/202305/27/170456dugmu1jd8sx229xo.png" data-ratio="0.2675736961451247" style="box-sizing:border-box;opacity:1;width:100%;"/>
     
109. </section></section></section></section></section></section></section> </section></section>
     
110. <br><br>

复制代码

一鹿向北

套这个代码可能会好点，那个上面有边框，这个我觉得适合你们文学板块。

一鹿向北

文字｜网络　朗诵｜花落

时间，如流沙，握不紧，它流失，握的紧，它还流失。

无论你如何去把握，它都会不停的流走，

直到走完了一年四季，走过了一年又一年。

岁月的洪流，推动着你我，

起落浮沉间，已是春花秋月，夏雨冬雪。

人生路漫漫，

总有一些人会慢慢淡出你的生活

也总会有一些人渐渐走进你的生活，

所以，

我们要学会接受而不是怀念，要学会欣赏，而不是无奈的抱怨。

无论过去发生过什么，都要相信，最好的一切尚未到来。

于是，

所有的留白，都在转身之间，所有的美好，都在回眸之处。

人之一生，白驹过隙，

忍着时光的痛，品着沧桑的苦，

在懵懂中成长，在成长中懂得，

在懂得中感悟，在感悟中沧桑。

走过那么多路，只为抵达彼岸；

看过那么多风景，只为回归自己的内心。

愿我们迈着不慌不忙的步子，伴随岁月前行，

在如水的光阴下，且行且珍惜。