123456789下一页
返回列表 发新帖
查看: 2572|回复: 115

[制作] 也存一点美丽的代码备用

[复制链接]
拈花小和尚
发表于 2025-1-23 20:56 | 显示全部楼层 |阅读模式






说书人

转

角

听小沈阳的《说书人》,眼前仿佛浮现出这样一幅画面：
一位穿着青衫、手持折扇的说书人，端坐在灯火摇曳的茶楼里
他用低沉却铿锵的声音，将人间的沧桑与千古的流芳娓娓道来
一壶茶，几段曲，承载着千年的历史与无数人的情思

《说书人》不仅仅是一首歌，它更像是一场沉浸式的思考
它让我们看到了历史的波澜壮阔，也让我们思考当下的意义
说书人的角色，让人仿佛站在时间的长河边，既能回望过去，也能思量未来
这首歌听罢，内心久久无法平静
或许，这正是说书人想传达的：故事是暂时的，而思量却是永恒的
你是否也有一段难忘的故事
像《说书人》中讲述的那样，留给你无尽的回味与感悟






  1. <br>
  2. <br>
  3. <section class="_editor" style=" margin: 0px auto;width:620PX;">
  4. <p></p>
  5. <section class="_editor">
  6. <section style="background-color:#ded3b5;overflow:hidden;">
  7. <section class="_editor">
  8. <section class="_editor">
  9. <section style="display:flex;justify-content:center;align-items:flex-start;">
  10. <section style="width:40%;" data-width="40%">
  11. <p>
  12. <br>
  13. </p>
  14. </section>
  15. <section style="width:60%;" data-width="60%">
  16. <p>
  17. <br>
  18. </p>
  19. <p>
  20. <br> <br>
  21. </p>
  22. </section>
  23. </section>
  24. </section>
  25. <section class="_editor">
  26. <section style="display:flex;justify-content:center;align-items:center;">
  27. <section style="font-size:45px;color:#9a7e59;background-color:#d5c393;border:2px solid #977552;line-height:1.3em;padding:25px 25px;margin-top:-20px;">
  28. <p>
  29. <b>说书人</b>
  30. </p>
  31. </section>
  32. </section>
  33. <section style="display:flex;justify-content:flex-end;align-items:center;">
  34. <section style="width:70%;margin-top:-130px;" data-width="70%">
  35. <p>
  36. <img src="http://zjiao.net/data/attachment/forum/202501/22/193454p170tze66m0yc6t3.png" style="width: 80%; display: block;" data-width="100%">
  37. </p>
  38. </section>
  39. </section>
  40. </section>
  41. </section>
  42. <section class="_editor">
  43. <section style="margin:-50px 0px 10px;">
  44. <section style="margin:30px 5px 20px;">
  45. <section style="width:100%;height:15px;background-color:#9a7e59;border-radius:20px;" data-width="100%"></section>
  46. <section style="background-color:#fefefe;padding:15px;margin:0 10px;border:1px solid #9a7e59;">
  47. <section class="_editor">
  48. <section style="margin:10px 25px 15px;">
  49. <section style="width:60%;height:1px;background-color:#9a7e59;margin-bottom:20px;" data-width="60%"></section>
  50. <section style="width:100%;" data-width="100%">
  51. <p>
  52. <img data-brush="img" data-copyrighted="24775" src="http://zjiao.net/data/attachment/forum/202501/22/194841lhox826njnv8ghpg.png" style="width: 100%; display: block;" data-width="100%">
  53. </p>
  54. </section>
  55. <section style="display:flex;justify-content:flex-start;align-items:center;margin-left:20px;margin-top:-15px;">
  56. <section style="width:35px;height:35px;line-height:35px;color:#fff;background-color:#9a7e59;font-size:15px;border-radius:100%;text-align:center;">
  57. <p>
  58. 转
  59. </p>
  60. </section>
  61. <section style="width:35px;height:35px;line-height:35px;color:#fff;background-color:#9a7e59;font-size:15px;border-radius:100%;text-align:center;margin-left:5px;">
  62. <p>
  63. 角
  64. </p>
  65. </section>
  66. </section>
  67. <section style="display:flex;justify-content:flex-end;align-items:center;">
  68. <section style="width:70%;margin-top:-2.5em;margin-right:-15px;" data-width="70%">
  69. <p>
  70. <img src="http://zjiao.net/data/attachment/forum/202501/22/193455k233ori4znp4ktq2.png" style="width: 100%; display: block;" data-width="100%">
  71. </p>
  72. </section>
  73. </section>
  74. </section>
  75. </section>
  76. <section class="_editor">
  77. <section style="margin:15px 25px 15px;">
  78. <p style="margin-right:0px; margin-left: 0px;letter-spacing: 1.8px; line-height: 1.8em; text-align:justify;font-size: 13px;color:#413B3B">
  79. 听小沈阳的《说书人》,眼前仿佛浮现出这样一幅画面： <br>
  80. 一位穿着青衫、手持折扇的说书人，端坐在灯火摇曳的茶楼里<br>
  81. 他用低沉却铿锵的声音，将人间的沧桑与千古的流芳娓娓道来<br>
  82. 一壶茶，几段曲，承载着千年的历史与无数人的情思<br><br>
  84. 《说书人》不仅仅是一首歌，它更像是一场沉浸式的思考<br>
  85. 它让我们看到了历史的波澜壮阔，也让我们思考当下的意义<br>
  86. 说书人的角色，让人仿佛站在时间的长河边，既能回望过去，也能思量未来<br>
  87. 这首歌听罢，内心久久无法平静<br>
  88. 或许，这正是说书人想传达的：故事是暂时的，而思量却是永恒的<br>
  89. 你是否也有一段难忘的故事<br>
  90. 像《说书人》中讲述的那样，留给你无尽的回味与感悟<br><br>
  91. <audio style="width:290px;height:44px;" controls="controls" loop="loop" autoplay="autoplay" src="http://qiniuuwmp3.changba.com/135c9809c45d28109225c545770384b8.mp3" type="audio/mpeg"></audio>
  92. </p>
  93. </section>
  94. </section>
  95. </section>
  96. <section class="_editor">
  97. <section style="display:flex;justify-content:center;align-items:flex-start;margin:15px 0 15px;">
  98. <section style="width:55%;" data-width="55%">
  99. <p>
  100. <br>
  101. </p>
  102. </section>
  103. <section style="width:50%;margin-left:15px;" data-width="50%">
  104. <p>
  105. <br>
  106. </p>
  107. <section style="font-size:15px;color:#977552;letter-spacing:1px;text-align:center;letter-spacing:1px;margin-top:15px;">
  108. <p>
  110. </p>
  111. </section>
  112. </section>
  113. </section>
  114. </section>
  115. </section>
  116. </section>
  117. </section>
  118. </section>
  120. </section></section>
复制代码

评分

5

查看全部评分

收
拈花小和尚 2025-1-23 20:57
回复
代码转自：蝶洛。
一鹿向北回复拈花小和尚 2025-1-23 21:44
回复
你挺能搬的啊，哈哈。
拈花小和尚回复一鹿向北 2025-1-23 21:48
回复
蝶洛的代码太好看了。一眼惊艳。征得了她同意。
一鹿向北回复拈花小和尚 2025-1-23 21:54
回复
我今天搬了个听枫的，哈哈。
拈花小和尚回复一鹿向北 2025-1-23 21:58
回复
看到了。 你每天听那么多歌，还搬。哈哈。我这个主要是搬模板，太好看了。
一鹿向北回复拈花小和尚 2025-1-23 22:00
回复
我今天发的那个应春节景，我手里没红色边框，所以搬过来用一下。
点评
回复

使用道具

醉美水芙蓉
发表于 2025-1-23 21:08 | 显示全部楼层
这个版面真漂亮！
收
拈花小和尚 2025-1-23 21:18
回复
是的，搭配得特别好。所以转存过来了。
点评
回复

使用道具

一鹿向北
发表于 2025-1-23 21:45 | 显示全部楼层
转角去掉，换成千山，哈哈。
收
拈花小和尚 2025-1-23 21:49
回复
原始代码保留下出处吧。自己用的时候再改好了。
一鹿向北回复拈花小和尚 2025-1-23 21:53
回复
嗯嗯，也好。
点评
回复

使用道具

一鹿向北
发表于 2025-1-24 05:55 来自手机 | 显示全部楼层
你这个和风大那个应该置顶一下，
我看到好的也贴你楼里可以吗，
想用的时候我也来拿。
收
拈花小和尚 2025-1-24 10:55
回复
好呀。你的肯定远远超过我的，我懒，能不用就不用，能套就套，能套旧的就不发掘新的。
拈花小和尚 2025-1-24 10:56
回复
风大那个要不是叮当乱响，我也直接放他那了。哈哈。
一鹿向北回复拈花小和尚 2025-1-24 12:09
回复
其实真是可以合并一个，也无所谓，你们两个各自更新，我有合适的就乱贴一气，哈哈。
拈花小和尚回复一鹿向北 2025-1-24 12:38
回复
他那个帖子一进去吵得要死。我开电脑还必要开网易云的，要一个一个点击关闭。太麻烦了。
一鹿向北回复拈花小和尚 2025-1-24 13:09
回复
风大也是真行，他也不怕帖子崩溃了，哈哈，我是吓得赶紧关掉声音了。
拈花小和尚回复一鹿向北 2025-1-24 13:28
回复
他为了套起来方便。
风清扬 2025-1-29 13:59
回复
都太好看了
点评
回复

使用道具

拈花小和尚
 楼主| 发表于 2025-1-24 18:10 | 显示全部楼层





纤云弄巧 飞星传恨
Q I X I J I E


为你我用了半年的积蓄
漂洋过海的来看你
为了这次相聚我连见面时的呼吸
都曾反复练习







  1. <br><br><section class="_editor" style=" margin: 0px auto;width:550PX;">
  2. <section data-role="outer" class="article135" label="edit by 135editor" style="background-color: rgb(181, 225, 234);" data-tplid="116399">
  3. <section data-tools="135编辑器" data-id="98902" class="">
  4. <section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;" class="">
  5. <section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;" class="">
  7. <section data-role="layout-inner">
  8. <section>
  9. <section data-tools="135编辑器" data-id="98902" style="margin-top: 15px; margin-bottom: 15px;">
  10. <section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;">
  11. <section data-role="layout" style="max-width: 100% !important;display: inline-block;width: 100%;box-sizing:border-box;" data-width="100%" class="">
  12. <section data-role="layout-inner">
  13. <section>
  14. <section style="text-align: center;color: #2f92a9; ;">
  15. <br/>
  16. </section>
  17. </section>
  18. </section>
  19. </section>
  20. </section>
  21. </section>
  22. </section>
  23. </section>
  24. </section>
  25. </section>
  26. </section>
  27. <section class="">
  28. <p style="vertical-align:inherit;">
  29. <br/>
  30. </p>
  31. </section>
  32. <section data-tools="135编辑器" data-id="98902" data-width="90%" style="margin-left: auto; margin-right: auto; width: 90%; flex: 0 0 90%;box-sizing:border-box;max-width: 90% !important;">
  33. <section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;">
  34. <section data-role="layout" style="max-width: 100% !important; display: inline-block; width: 100%; padding: 0px; background-color: #ffffff;box-sizing:border-box;" data-width="100%" class="">
  35. <section data-role="layout-inner">
  36. <section class="">
  37. <section data-width="90%" style="margin-left: auto; margin-right: auto; width: 90%; flex: 0 0 90%;box-sizing:border-box;max-width: 90% !important;">
  38. <section style="text-align: center;" class="">
  39. <br/>
  40. </section>
  41. </section>
  42. <section>
  43. <section style="text-align: right;" align="right" class="">
  44. <img src="https://bcn.135editor.com/files/images/editor_styles/5b7e78b5d51110c13d4515ddd490e0a2.png" alt="" style="vertical-align:inherit; width: 30%; height: auto; margin-top: -50px;box-sizing:border-box;max-width: 30% !important;" width="30%" data-width="30%" draggable="false" data-ratio="0.629973474801061" data-w="754"/>
  45. </section>
  46. </section>
  47. <section data-tools="135编辑器" data-id="98902" data-width="90%" style="margin-left: auto; margin-right: auto; width: 90%; flex: 0 0 90%;box-sizing:border-box;max-width: 90% !important;">
  48. <section data-role="layout" style="display: flex;word-break: break-all;justify-content: center;flex-flow:row nowrap;">
  49. <section data-role="layout" style="max-width: 100% !important;display: inline-block;width: 100%;box-sizing:border-box;" data-width="100%" class="">
  50. <section data-role="layout-inner">
  51. <section>
  52. <section data-tools="135编辑器" data-id="112457">
  53. <section style="margin: 20px auto;">
  54. <section data-op="division" style="display: flex;justify-content: space-between;" class="">
  55. <section style="width: 47%;box-sizing:border-box;max-width: 47% !important;" data-width="47%">
  56. <section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%" class=""></section>
  57. </section>
  58. <section style="width: 47%;box-sizing:border-box;max-width: 47% !important;" data-width="47%">
  59. <section style="max-width: 100% !important;width: 100%;box-sizing:border-box;" data-width="100%" class=""></section>
  60. </section>
  61. </section>
  62. <section style="background: linear-gradient(to left,#ffffff 0%,#ffffff 25%,#edfbff 25%,#edfbff 100%);margin-top: -30px;">
  63. <section style="background-color: transparent;display: flex;justify-content: space-between;" class="">
  64. <section style="display: flex;justify-content: flex-start;width: 47%;box-sizing:border-box;max-width: 47% !important;" data-width="47%" class="">
  65. <section style="padding: 10px 0px 10px 7px; box-sizing: border-box;">
  66. <section style="font-size: 14px;color: #333;text-align: left;line-height: 1.75em;" class="">
  67. <span style="font-size: 18px; letter-spacing: 1px;" class="135brush" data-brushtype="text">纤云弄巧 飞星传恨</span>
  68. </section>
  69. <section style="font-size: 14px;color: #333;text-align: left;line-height: 1.75em;" class="">
  70. <span style="font-size: 12px; letter-spacing: 1px;" class="135brush" data-brushtype="text">Q I X I J I E</span>
  71. </section>
  72. </section>
  73. </section>
  74. <section style="width: 47%;padding-bottom: 20px;display: flex;align-items: flex-end;box-sizing:border-box;max-width: 47% !important;" data-width="47%" class="">
  75. <section style="width: 100%; height: 1px; background-color: #2f92a9; max-width: 100% !important; overflow: hidden;box-sizing:border-box;" data-width="100%"></section>
  76. </section>
  77. </section>
  78. </section>
  79. </section>
  80. </section>
  81. </section>
  82. </section>
  83. </section>
  84. </section>
  85. </section>
  86. <section>
  87. <section style="text-align: center; padding-bottom: 10px;line-height:2.05em; font-size: 14px; letter-spacing: 1px; color: #262626;box-sizing:border-box;" class="135brush" data-autoskip="1">
  88. <p style="margin-right:30px; margin-left: 30px;text-indent: 2em;letter-spacing: 2.4px; line-height: 2em; text-align:justify;font-size:13px;color:#413B3B"> <br>
  91. 为你我用了半年的积蓄<br>
  92. 漂洋过海的来看你<br>
  93. 为了这次相聚我连见面时的呼吸<br>
  94. 都曾反复练习<br><br>
  95. <audio style="width:190px;height:44px;" controls="controls" autoplay="autoplay" loop="loop" autoplay="autoplay" src="http://music.163.com/song/media/outer/url?id=142925078-9.mp3" type="audio/mpeg"></audio><br><br><br>
  96. </p>
  97. <p style="vertical-align:inherit;">
  98. <br/>
  99. </p>
  100. </section>
  101. </section>
  102. </section>
  103. </section>
  104. </section>
  105. </section>
  106. </section>
  107. <section>
  108. <section style="text-align: left;" class="" >
  109. <img src="https://bcn.135editor.com/files/images/editor_styles/284c33bf97ca3cae014002fb921fa788.png" alt="" style="vertical-align:inherit; width: 40%; height: auto; margin-top: -50px;box-sizing:border-box;max-width: 50% !important;" width="50%" data-width="50%" data-ratio="0.629973474801061" data-w="754"/>
  110. </section>
  111. </section>
  112. </section>
  113. <section>
  114. <p style="vertical-align:inherit;">
  115. <br/>
  116. </p>
  117. </section>
  118. <section class="_135editor">
  119. <section data-role="title" data-tools="135编辑器" data-id="108476">
  120. <section style="margin: 10px auto;">
  121. <section style="display: flex;justify-content: center;" hm_fix="352:614">
  122. <section style="display: flex;justify-content: space-around;align-items: center;">
  123. <section style="width: 7%;box-sizing:border-box;max-width: 7% !important;" data-width="7%">
  124. <section class="assistant" style="width: 4px; height: 4px; background-color: #2f92a9; border-radius: 100%; overflow: hidden;box-sizing:border-box;">
  125. <br/>
  126. </section>
  127. </section>
  128. </section>
  129. </section>
  130. </section>
  131. </section>
  132. </section>
  133. </section>
复制代码
点评 收
回复

使用道具

拈花小和尚
 楼主| 发表于 2025-1-24 18:11 | 显示全部楼层




音乐名



小学音乐教研月是每年的重要活动之一，旨在加强小学音乐课程的教学质量，提高教师的教育教学水平。分享经验、交流心得，为孩子们的音乐教育打下更坚实的基础。










  1. <br><br><section class="_editor" style=" margin: 0px auto;width:650PX;">
  2. <section class="_editor">
  3. <section style="background-color:#b1caa5;" class=""><br><br>
  4. <section class="_editor" style="text-align: center;">
  5. <section>
  6. <section style="width: 51px;margin-right:10%;margin-left:auto;"></section>
  7. <section style="margin-top:-20px;display:flex;justify-content:center;align-items:flex-end;">
  8. <section style="background-color:#fefefe;padding:4px;border-radius:50px;" class="">
  9. <section style="border:dashed 1px #b6ceab;border-radius:50px;color:#55853e;font-size:20px;padding:3px 23px;letter-spacing:2px;display:inline-block;" class="">
  10. <p>
  11. [b]音乐名[/b]
  12. </p>
  13. </section>
  14. </section>
  15. <section style="width: 46px;margin-left:-20px;">
  16. <img src="http://zjiao.net/data/attachment/forum/202308/15/220629c80zwc0xetotx3xd.png" style="display: block; width: 100%; height: auto;" alt="" title=""/>
  17. </section>
  18. </section>
  19. <section style="margin-top:-20px;width: 32px;margin-left:12%;">
  20. <br/>
  21. </section>
  22. </section>
  23. </section>
  24. <section class="_editor" style="width: 85%; margin: 0px auto; ">
  25. <section style="transform: rotateZ(4deg); margin: 20px 25px; background-color: #fefefe; padding: 14px; text-align: center;">
  26. <section style="width:100%" class="">
  27. <img src="http://bbs.zjiao.net/data/attachment/forum/202308/16/104242i1x3j9cz1z8r19lj.jpg" style="display: block; width: 100%; height: auto;" data-brush="img" data-copyrighted="18902" data-width="100%" title="" alt=""/>
  28. </section>
  29. <section style="margin-top:5px;color:#55853e;font-size:16px;padding:3px 23px;letter-spacing:2px;display:inline-block;">
  31. </p>
  32. </section>
  33. </section>
  34. <section style="width: 56px;margin-top:-50px;margin-left:23px;transform: rotateZ(0deg);">
  35. <img src="http://zjiao.net/data/attachment/forum/202308/15/220629c80zwc0xetotx3xd.png" style="display: block; width: 100%; height: auto;" alt="" title=""/>
  36. </section>
  37. <section style="margin:-20px 13px 0px;background-color: #fefefe; padding: 22px 0px 14px; text-align: center;">
  38. <section class="_editor">
  39. <section style="padding:10px 14px;font-size:14px;letter-spacing:2px;line-height:1.75;color:#4c644c;">
  41. <p style="margin-right:20px; margin-left: 20px;letter-spacing: 2.4px; line-height: 2em; text-align:justify;font-size: 13px;color:#4c644c"> <br/>
  43. 小学音乐教研月是每年的重要活动之一，旨在加强小学音乐课程的教学质量，提高教师的教育教学水平。分享经验、交流心得，为孩子们的音乐教育打下更坚实的基础。 <br/> <br/>
  44. <audio style="width:190px;height:44px;" controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=142925078-9.mp3" type="audio/mpeg"></audio> <br/>
  45. </p>
  46. </section>
  47. </section>
  48. <section class="_editor">
  49. <section class="_editor">
  50. <section style="margin-top: 12px;width: 66px;margin-left:auto;margin-right:auto;">
  51. <br/>
  52. </section>
  53. </section>
  54. </section>
  55. </section>
  56. </section>
  57. <section class="_editor">
  58. <p>
  59. <br/>
  60. </p>
  61. </section>
  62. <section class="_editor">
  63. <p>
  64. <br/>
  65. </p>
  66. </section>
  67. <section class="_editor" data-support="96编辑器" data-style-id="40569" draggable="true">
  68. <section style="margin: 10px 0px; text-align: center;">
  69. <section style="width:100px;margin:0px auto;transform: rotateZ(0deg);">
  70. <br/>
  71. </section>
  72. </section>
  73. <section style="width: 83%;margin-top:-60px;margin-left:auto;margin-right:auto;">
  74. <img src="http://zjiao.net/data/attachment/forum/202308/15/220808o67c9qg53n2xkx50.png" style="display: block; width: 100%; height: auto;" alt="" title=""/>
  75. </section>
  76. <section style="color: #3e3e3e;font-size: 13px;line-height: 2;text-align:center;letter-spacing:2px;">
  77. <p>
  78. <br/>
  79. </p>
  80. </section>
  81. </section>
复制代码
点评 收
回复

使用道具

拈花小和尚
 楼主| 发表于 2025-1-24 18:12 | 显示全部楼层




登录/注册后可看大图
金木犀の咲く道


桂花终是开了，连风都是甜的
为了那满庭的桂花香，也愿早醒




  1. <br><br><section class="_editor" style=" margin: 0px auto;width:550PX;">
  3. <section style="margin:10px 0px;">
  4. <section style="width:20px;margin-left:auto;margin-bottom:-10px;"></section>
  5. <section style="background-color:#F9EFDD;padding:40px;margin-right:7px;border-radius:7px;" class="">
  6. <section style="font-size:14px;letter-spacing:2px;line-height:1.75;">
  7. <section class="KolEditor"><br>
  8. <section style="display: flex; flex-direction: column; background-color: #FFFFFF; padding: 18px 22px 10px;box-shadow:0px 0px 8px #d5cda8;border-radius:4px;">
  9. <section style="margin: 15px 0px 0px; transform: rotate(0deg);">
  11. <p style="margin-right:30px; margin-left: 30px;letter-spacing: 2px; line-height: 2em; text-align:justify;font-size: 13px;color:#77695E">
  14. [img]http://zjiao.net/data/attachment/forum/202309/05/155446jzlku0k1t405d4kw.gif[/img] [b][size=3]金木犀の咲く道[/size][/b]
  15. <p style="margin-right:30px; margin-left: 30px;letter-spacing: 2px; line-height: 2em; text-align:justify;font-size: 13px;color:#77695E"><br/>
  17. 桂花终是开了，连风都是甜的<br/>
  18. 为了那满庭的桂花香，也愿早醒<br/><br/>
  23. <audio style="width:190px;height:44px;" controls="controls" autoplay="autoplay" loop="loop" autoplay="autoplay" src="http://qiniuuwmp3.changba.com/b7c349d9a097646cc4a6af40c0d47d9-8.mp3" type="audio/mpeg"></audio><br/>
  25. </p>
  26. </section>
  27. <section style="display: flex; align-items: flex-end; margin: -16px 0px 0px;margin-right:30px; margin-left: 30px;">
  28. <section style="font-size: 0px; flex: 1 1 0%; height: 1px; background-color: #f79646; margin: 0px 7px 15px 0px;"></section>
  29. <section style="width: 35px;">
  30. <img src="http://zjiao.net/data/attachment/forum/202309/05/155446xbm0e6ba76z9caka.gif" style="width: 55px; display: block;"/>
  31. </section>
  32. </section>
  33. </section>
  34. </section>
  35. <p>
  36. <br/>
  37. </p>
  38. </section>
  39. </section>
  40. </section>
  41. </section>
  42. <section class="_editor">
  43. <p>
  44. <br/>
  45. </p>
  46. </section>
复制代码
点评 收
回复

使用道具

拈花小和尚
 楼主| 发表于 2025-1-24 18:13 | 显示全部楼层




寒

HANLU

露

节气


忽而就到了寒露，便骤然入了秋冬。

早晨送小姑娘上学，去逛了会街，添了些衣物，接下来的日子，我们要穿厚一点的衣服，走路慢一点，睡觉早一点。





  1. <br><br><section class="_editor" style=" margin: 0px auto;width:550PX;">
  2. <p>
  3. <br/>
  4. </p>
  5. <section style="margin:10px 0px;border:solid 8px #f0f9fb;background-color:#71b3be;padding:2px;">
  6. <section style="border:solid 3px #fefefe;background-color:#71b3bd;padding:1px;">
  7. <section style="background-color:#fdfdfd;padding:15px 15px 1px;">
  8. <p>
  9. <br/>
  10. </p>
  11. <section data-align="title" style="text-align:center;margin:10px 0px;padding-top:13px;">
  12. <section style="display:inline-block;">
  13. <section style="width:49px;transform:rotate(15deg);background-image:linear-gradient(112deg, #fefefe 31%,#d7eef2 0%);padding:2px;">
  14. <p>
  15. <img src="http://zjiao.net/data/attachment/forum/202310/08/212146avi66nzzt0rp0ssd.png" style="display:block;width:100%;" data-width="100%"/>
  16. </p>
  17. </section>
  18. <section style="background-color:#d7eef2;border-radius:50%;padding:1px;margin-top:-41px;">
  19. <section style="border:solid 1px #4e919d;border-radius:50%;padding:18px 27px 14px;margin:0px -5px 0px 5px;">
  20. <section style="text-align:center;">
  21. <section style="font-size:18px;">
  22. <p>
  23. <strong>寒</strong>
  24. </p>
  25. </section>
  26. <section style="font-size:12px;color:#4e919d;letter-spacing:3px;">
  27. <p>
  28. <strong>HANLU</strong>
  29. </p>
  30. </section>
  31. <section style="font-size:18px;margin-bottom:-28px;">
  32. <p>
  33. <strong>露</strong>
  34. </p>
  35. </section>
  36. <section style="background-color:#de4222;padding:1px;display:inline-block;margin-right:-60px;">
  37. <section style="font-size:12px;width:13px;color:#fefefe;line-height:1.2;">
  38. <p>
  39. 节气
  40. </p>
  41. </section>
  42. </section>
  43. </section>
  44. </section>
  45. </section>
  46. </section>
  47. </section>
  48. <section class="_editor">
  49. <p>
  50. <br/>
  51. </p>
  52. </section>
  53. <section style="font-size:14px;letter-spacing:2px;line-height:1.75;">
  54. <p style="margin-right:60px; margin-left: 60px;letter-spacing: 2.4px; line-height: 2em; text-align:justify;font-size: 13px;color:#413B3B">
  55. 忽而就到了寒露，便骤然入了秋冬。<br/><br/>
  56. 早晨送小姑娘上学，去逛了会街，添了些衣物，接下来的日子，我们要穿厚一点的衣服，走路慢一点，睡觉早一点。<br/><br/>
  60. <audio style="width:190px;height:44px;" controls="controls" autoplay="autoplay" loop="loop" autoplay="autoplay" src="http://qiniuuwmp3.changba.com/d7ae987b32fd56bd30de4d599a7dc6c-7.mp3" type="audio/mpeg"></audio><br/><br/>
  62. </p>
  63. </section>
  64. <section style="width:55px;margin-left:auto;margin-top:7px;margin-bottom:-10px;">
  65. <p>
  66. <img src="http://zjiao.net/data/attachment/forum/202309/05/155446xbm0e6ba76z9caka.gif" style="display:block;width:100%;" data-width="100%"/>
  67. </p>
  68. </section>
  69. </section>
  70. </section>
  71. </section>
  72. <p>
  73. <br/>
  74. </p>
  75. <section class="_editor">
  76. <p>
  77. <br/>
  78. </p>
  79. </section>
复制代码
点评 收
回复

使用道具

拈花小和尚
 楼主| 发表于 2025-1-24 18:14 | 显示全部楼层





若思念便思念
歌手：周深


相思渐浓处，又是中秋时，天上满月，人间团圆。 于此时来听周深的《若思念便思念》，是特别应景的。钢琴声舒缓流动，客家方言呢喃吟唱。













  1. <br><br><section class="_editor" style=" margin: 0px auto;width:550PX;">
  2. <p>
  3. <br/>
  4. </p>
  5. <section class="_editor">
  6. <section style="background-color:#26607b;">
  7. <section class="_editor">
  8. <section style="display:flex;justify-content:flex-start;align-items:flex-start;">
  9. <section style="width:70%;" data-width="70%">
  10. <p>
  11. <img src="http://bbs.zjiao.net/data/attachment/forum/202309/22/224551mzdg260vxlw220ws.png" style="width: 100%; display: block;" data-width="100%"/>
  12. </p>
  13. </section>
  14. </section>
  16. <section style="background:url('http://zjiao.net/data/attachment/forum/202306/11/105201qxksc9bssbcbkibf.gif');background-size:90%;" class="">
  17. <section style="color:#fffdfd;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;" class="">
  21. <section style="display:flex;justify-content:center;align-items:center;">
  22. <section style="width:63%;margin-top:-120px;" data-width="63%">
  23. <p>
  24. <br/>
  25. </p>
  26. <section style="display:flex;justify-content:center;align-items:center;">
  27. <section style="font-size:16px;color:#ece9b4;letter-spacing:1px;display:inline-block;margin-top:-45px;margin-left:100px;line-height:1.5em;">
  28. <p>
  29. <br/>
  30. </p>
  31. </section>
  32. </section>
  33. </section>
  34. </section>
  35. <section style="font-size:20px;color:#fceeb8;text-align:center;letter-spacing:2px;line-height:1.6em;margin:20px 20px;">
  36. <p>
  38. </p>
  39. <p>
  40. [b]若思念便思念[/b] <br>
  41. [size=2]歌手：周深[/size]
  42. </p>
  43. </section>
  44. </section>
  45. <section class="_editor" style="margin:10px 40px 0px;">
  46. <section class="_editor" style="margin:30px 5px 0;">
  47. <section style="background-color:#FCFCF5;border-radius:18px;box-shadow:0px 0px 20px #d5cda8;">
  48. <section style="padding:15px 15px;padding-bottom:20px;padding-top:25px;">
  49. <section class="_editor">
  50. <section style="display:flex;justify-content:center;align-items:center;">
  51. <section style="width:100%;" data-width="100%">
  52. <p>
  53. <p style="margin-right:20px; margin-left: 20px;letter-spacing: 2.4px; line-height: 2em; text-align:justify;font-size: 13px;color:#413B3B"><br>
  54. 相思渐浓处，又是中秋时，天上满月，人间团圆。 于此时来听周深的《若思念便思念》，是特别应景的。钢琴声舒缓流动，客家方言呢喃吟唱。<br> <br>
  56. <audio style="width:190px;height:44px;" controls="controls" autoplay="autoplay" loop="loop" src="http://qiniuuwmp3.changba.com/73535cf9e64be9dc091bc8327a7c-7a74.mp3" type="audio/mpeg"></audio>
  57. <br> <br>
  58. </p>
  59. </section>
  60. </section>
  61. </section>
  62. <section class="_editor">
  63. <section style="display:flex;justify-content:center;align-items:center;">
  64. <section style="width:61%;" data-width="61%">
  65. <p>
  66. <br/>
  67. </p>
  68. </section>
  69. <section style="width:50%;margin-left:10px;" data-width="50%">
  70. <p>
  71. <br/>
  72. </p>
  73. </section>
  74. </section>
  75. </section>
  76. </section>
  77. </section>
  78. </section>
  79. </section>
  80. <section class="_editor">
  81. <section class="_editor">
  82. <section class="_editor">
  83. <p>
  84. <br/>
  85. </p>
  86. </section>
  87. <section class="_editor">
  88. <p>
  89. <br/>
  90. </p>
  91. </section>
  92. <section class="_editor"></section>
  93. </section>
  94. <section class="_editor">
  95. <section class="_editor">
  96. <section style="color: #fff5cc;font-size: 13px;line-height: 2;text-align:center;letter-spacing:2px;">
  97. <p>
  98. <br/>
  99. </p>
  100. </section>
  101. </section>
  102. </section>
  103. </section>
  104. </section>
  105. </section>
  106. <p>
  107. <br/>
  108. </p>
  109. <section class="_editor">
  110. <p>
  111. <br/>
  112. </p>
  113. </section>
复制代码
点评 收
回复

使用道具

拈花小和尚
 楼主| 发表于 2025-1-24 18:15 | 显示全部楼层



｜云｜字｜诀｜

天黑 故人未归
晚风读不懂伤悲和憔悴
雨坠 彻夜难寐
夜雨无力难掩饰伤悲



  1. <br><br><section class="_editor" style=" margin: 0px auto;width:550PX;">
  2. <section style="margin:10px 0px;">
  4. <section style="background-image: url('http://bbs.zjiao.net/data/attachment/forum/202309/28/153927jybpge8ewg7xgkxp.png'); background-size:100%;background-position: 0% 0%; background-repeat: repeat;box-sizing: border-box;">
  7. <section style="padding:20px 14px 0px;">
  8. <section style="color:#333333;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;">
  10. <section style="text-align: center;margin:20px 20px;">
  11. <section style=" background-color: rgba(255, 255, 255, 0.5); ">
  12. <section style="border:solid 3px #E3E6E8;padding:5px;border-radius:8px;">
  13. <section style="border: 2px dotted #E3E6E8; border-radius: 8px; text-align: left;">
  16. <section style="color:#505050;letter-spacing:2px;line-height:2em;text-align:left;font-size:13px;padding:25px 65px;"><br>
  17. <p>
  18. [b][size=3]｜云｜字｜诀｜[/size][/b]<br><br>
  19. 天黑 故人未归 <br/>
  20. 晚风读不懂伤悲和憔悴 <br/>
  21. 雨坠 彻夜难寐 <br/>
  22. 夜雨无力难掩饰伤悲 <br/> <br/>
  24. <audio style="width:130px;height:44px;" controls="controls" autoplay="autoplay" loop="loop" src="http://qiniuuwmp3.changba.com/dca320b2c8fff3ed761b6a3a71ffa3d-42.mp3" type="audio/mpeg"></audio>
  26. </p>
  27. </section>
  28. </section>
  29. </section>
  30. </section>
  31. </section>
  32. </section>
  33. <p>
  34. <br/>
  35. </p>
  36. </section>
  37. </section>
  39. <section style="margin-top:-370px;width:340px;margin-left:auto;">
  40. <p>
  41. <p>
  42. <img src="http://bbs.zjiao.net/data/attachment/forum/202309/28/153925qoathpuwoxoxuud6.png" style="width: 100%; display: block;" data-width="100%"/>
  43. </p>
  44. </section>
  45. </section>
  46. </section>
  47. <section class="_editor">
  48. <p>
  49. <br/>
  50. </p>
  51. </section>
复制代码
点评 收
回复

使用道具

下一页 »
123456789下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

手机版|千山论坛 ( 冀ICP备2024055714号 )

GMT+8, 2025-9-19 05:23

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表