转角论坛-遇见最好的我们|转角论坛|转角诗歌|转角文萃|转角唱吧|转角音画|转角音乐|转角古风|

楼主: 季夏の云

【雲间雅苑】适合签到与音乐的代码(持续添加……)

[复制链接]
 楼主| 发表于 2024-6-8 21:49 | 显示全部楼层
  1. <br><br>
  2. <div align="center">
  3. <section style="width:650px;">
  4.     <section style="background-color:#f3f2ec;">
  5.         <section style="background-image:url('http://bbs.zjiao.net/data/attachment/forum/202301/24/181756uwo6qns2llkloboe.png');background-repeat:repeat-y;background-size:100%;background-position:0% 0%;" class="">
  6.             <section class="_editor">
  7.                 <section style="background-image:url('http://bbs.zjiao.net/data/attachment/forum/202301/24/181853gc5x5pf6z16fquuq.png');background-repeat:no-repeat;background-size:100%;background-position:100% 65%;" class="">
  8.                     <section class="_editor">
  9.                         <section style="display:flex;justify-content:space-between;align-items:center;">
  10.                             <section style="width:10em;">
  11.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202301/24/181603d3yajj2hj3l4kthj.gif" style="display: block; width: 100%; height: auto;" title="" alt=""/>
  12.                             </section>
  13.                         </section>
  14.                     </section>
  15.                     <section class="_editor">
  16.                         <section style="display:flex;justify-content:center;align-items:flex-start;margin-top:-30px;">
  17.                             <section style="width:22em;transform:rotateZ(0deg);margin-left:6em;">
  18.                                 <span style="font-size: 20px; color: rgb(139, 37, 55);">&nbsp; 【**翻唱】&nbsp; &nbsp;标题标题……</span>
  19.                             </section>
  20.                         </section>
  21.                     </section>
  22.                     <section class="_editor">
  23.                         <section style="display:flex;justify-content:center;align-items:center;">
  24.                             <section style="width:7em;margin-top:10px;">
  25.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202301/24/181707brtwd9rdb9953u3u.png" style="display: block; width: 100%; height: auto;" title="" alt=""/>
  26.                             </section>
  27.                         </section>
  28.                     </section>
  29.                     <section class="_editor" style="margin:10px 20px 0;">
  30.                         <section style="color:#333;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.2em;">
  31.                             <section style="padding:10px 15px;border-radius:10px;margin:0 40px;background-color:#f2efe5;border:1px solid #86433d;" class="">
  32.                                 <p style="padding-left: 75px; padding-right: 75px;">
  33.                                     <span style="color: #ab1942;"><br/><br>歌词、歌词、歌词……<br><br><br><br><br><audio style="width:180px;height:34px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio><br><br><br></span>
  34.                                 </p>
  35.                             </section>
  36.                         </section>
  37.                     </section>
  38.                 </section>
  39.             </section>
  40.             <section class="_editor">
  41.                 <section class="_editor">
  42.                     <p>
  43.                         <br/>
  44.                     </p>
  45.                 </section>
  46.             </section>
  47.             <section class="_editor">
  48.                 <section class="_editor">
  49.                     <section class="_editor">
  50.                         <p>
  51.                             <br/>
  52.                         </p>
  53.                     </section>
  54.                 </section>
  55.             </section>
  56.         </section>
  57.     </section>
  58. </section>
  59. <section class="_editor">
  60.     <p>
  61.         <br/>
  62.     </p>
  63. </section>
复制代码
[发帖际遇]: 季夏の云 捡了钱没交公 钻石 降了 2 颗 . 幸运榜 / 衰神榜
回复

使用道具 举报

 楼主| 发表于 2024-11-10 17:31 | 显示全部楼层




标题标题……

翻唱:……………………





【转角唱吧】

Bbs.zjiao.net



歌词……







[发帖际遇]: 一个袋子砸在了 季夏の云 头上,季夏の云 赚了 2 颗 钻石. 幸运榜 / 衰神榜
回复

使用道具 举报

 楼主| 发表于 2024-11-10 17:32 | 显示全部楼层
  1. <BR><BR>
  2. <div align="center"><section style="width:660px;">
  3. <section class="_editor">
  4. <section class="_editor">
  5. <section style="background-color:#a2d8d4;">
  6. <section class="_editor">
  7. <section style="background-image:url('https://www.yiyuen.com/e/file/view/665685');background-repeat:no-repeat;background-size:100% 100%;background-position:100% 100%;">
  8. <section class="_editor">
  9. <p>
  10. <br/>
  11. </p>
  12. </section>
  13. <section class="_editor">
  14. <p>
  15. <br/>
  16. </p>
  17. </section>
  18. <section class="_editor">
  19. <section style="padding:80px 0 160px;">
  20. <section style="display:flex;justify-content:center;align-items:flex-start;transform:rotateZ(0deg);">
  21. <section style="letter-spacing:5px;color:#282828;text-align:center;">
  22. <p>
  23. <span style="font-size: 55px;line-height:55px;"><strong>标题标题……</strong></span>
  24. </p>
  25. </section>
  26. </section>
  27. <section style="color:#282828;font-size:14px;text-align:center;letter-spacing:1px;margin-top:10px;">
  28. <p>
  29. 翻唱:……………………
  30. </p>
  31. </section>
  32. </section>
  33. </section>
  34. <section class="_editor">
  35. <p>
  36. <br/>
  37. </p>
  38. </section>
  39. <section class="_editor">
  40. <p>
  41. <br/>
  42. </p>
  43. </section>
  44. <section class="_editor">
  45. <p>
  46. <br/>
  47. </p>
  48. </section>
  49. <section class="_editor">
  50. <p>
  51. <br/>
  52. </p>
  53. </section>
  54. </section>
  55. </section>
  56. <section class="_editor">
  57. <section style="font-size:20px;color:#478861;letter-spacing:2px;text-align:center;line-height:20px;transform:RotateZ(0deg);">
  58. <p>
  59. <span style="font-size: 18px;"><strong>【转角唱吧】</strong></span>
  60. </p>
  61. </section>
  62. <section style="font-size:25px;color:#b7e4e1;letter-spacing:0px;text-align:center;line-height:25px;margin-top:-10px;">
  63. <p>
  64. <strong>Bbs.zjiao.net</strong>
  65. </p>
  66. </section>
  67. <section style="margin:10px 50px 0;">
  68. <section style="display:flex;justify-content:space-between;align-items:center;">
  69. <section style="display:inline-block;width:25px;height:25px;background-color:#A2D8D5;border-radius:100%;margin-bottom:-15px;"></section>
  70. <section style="display:inline-block;width:25px;height:25px;background-color:#A2D8D5;border-radius:100%;margin-bottom:-15px;"></section>
  71. </section>
  72. <section style="font-size:14px;color:#3e3e3e;text-align:left;letter-spacing:2px;line-height:2.3em;background-color:#faf4ee;padding:20px 15px;margin:0 10px;">
  73. <p style="padding-left: 32px; padding-right: 32px; line-height: 2em; font-size: 14px;">
  74. <br/><br/>歌词……
  75. <br/><br/><br/>
  76. <audio style="width: 230px; height: 24px;margin-left:152px;" src="mp3" autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio><br/><br/></span>
  77. </p>
  78. </p>
  79. </section>
  80. <section style="display:flex;justify-content:space-between;align-items:center;">
  81. <section style="display:inline-block;width:25px;height:25px;background-color:#A2D8D5;border-radius:100%;margin-top:-15px;"></section>
  82. <section style="display:inline-block;width:25px;height:25px;background-color:#A2D8D5;border-radius:100%;margin-top:-15px;"></section>
  83. </section>
  84. </section>
  85. <section style="width:5em;margin-left:auto;margin-top:-3em;">
  86. <p>
  87. <img src="https://www.yiyuen.com/e/file/view/665686" style="width: 100%; display: block;" data-width="100%"/>
  88. </p>
  89. </section>
  90. </section>
  91. <section class="_editor" style="margin:0 10px;">
  92. <section class="_editor">
  93. <p>
  94. <br/>
  95. </p>
  96. </section>
  97. <section class="_editor">
  98. <p>
  99. <br/>
  100. </p>
  101. </section>
  102. </section>
  103. </section>
  104. </section>
  105. </section>
  106. <section class="_editor">
  107. <p>
  108. <br/>
  109. </p>
  110. </section>
复制代码
[发帖际遇]: 季夏の云 乐于助人,奖励 3 枚 金币. 幸运榜 / 衰神榜
回复

使用道具 举报

 楼主| 发表于 2024-11-10 17:34 | 显示全部楼层




标题……



翻唱:……  原唱:……


歌词……





回复

使用道具 举报

 楼主| 发表于 2024-11-10 18:33 | 显示全部楼层
  1. <br/> <br/><div align="center">
  2. <section style="width:580px;">
  3. <section class="_editor" data-tpl-id="20218">
  4. <section style="overflow:hidden;margin-bottom:unset;">
  5. <section style="background-color:rgb(249, 250, 245);margin-bottom:unset;">
  6. <section class="_editor">
  7. <section class="_editor">
  8. <section style="background-image:url('http://bbs.zjiao.net/data/attachment/forum/202408/02/174445ytsddi00tsfihiw8.png');background-repeat:no-repeat;background-size:100%;background-position:0% 0%;margin-bottom:unset;">
  9. <section style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:unset;">
  10. <section style="width:65%;margin-bottom:unset;" data-width="65%">
  11. <p>
  12. <img data-brush="img" src="http://zjiao.net/data/attachment/forum/202203/12/124631pfld0if1v00bvro4.gif" style="width: 100%;" data-width="100%"/>
  13. </p>
  14. </section>
  15. <section style="width:30%;margin-top:-20px;margin-bottom:unset;" data-width="30%">
  16. <p>
  17. <br/>
  18. </p>
  19. <p>
  20. <img data-brush="img" src="http://www.zjiao.net/data/attachment/forum/202204/05/222936nlqvk9vv956b70v6.gif" style="width: 100%; transform: rotateY(180deg);" data-width="100%"/>
  21. </p>
  22. </section>
  23. </section>
  24. </section>
  25. </section>
  26. <section class="_editor">
  27. <section style="margin:25px 0 1px;">
  28. <section style="text-align:center;margin-bottom:unset;">
  29. <section style="display:inline-block;margin-bottom:unset;">
  30. <section style="text-align:center;line-height:2.25em;color:#80a162;margin-bottom:unset;">
  31. <section class="_editor">
  32. <section style="margin:25px 20px 25px;">
  33. <section style="text-align:left;line-height:2.2em;color:#658948;margin-bottom:unset;background-color:#F3F6E8;padding:15px;box-sizing:border-box;">
  34. <p style="font-size:14px;letter-spacing:1px;">
  35. <br/>
  36. </p>
  37. <section class="_editor">
  38. <section style="margin:15px 0 15px;">
  39. <section style="text-align:center;margin-bottom:unset;">
  40. <section style="display:inline-block;margin-bottom:unset;">
  41. <section style="display:flex;justify-content:center;align-items:center;margin-bottom:unset;">
  42. <section style="width:1.3em;margin-right:-5px;margin-bottom:auto;margin-top:5px;">
  43. <p>
  44. <img data-brush="img" src="https://bcn.135editor.com/files/images/editor_styles/444e66ffdc7f8228a20bc61b1c2decc5.gif" style="width: 100%;" data-width="100%"/>
  45. </p>
  46. </section>
  47. <section style="background-image:url('http://bbs.zjiao.net/data/attachment/forum/202403/05/215544qv5qfez5u8e3mm35.png');background-repeat:no-repeat;background-size:100% 100%;background-position:50% 50%;padding:8px 35px;box-sizing:border-box;margin-bottom:unset;">
  48. <section style="font-size:17px;color:#80a162;text-align:center;margin-bottom:unset;" class="">
  49. <p>
  50. <span style="font-size: 32px;"><strong>标题……</strong></span>
  51. </p>
  52. </section>
  53. </section>
  54. <section style="width:2.5em;margin-bottom:auto;margin-top:-1em;margin-left:-1em;">
  55. <p>
  56. <img data-brush="img" src="http://bbs.zjiao.net/data/attachment/forum/202202/13/180606d0hk799b0h9y7k6y.gif" style="width: 100%;" data-width="100%"/>
  57. </p>
  58. </section>
  59. </section>
  60. </section>
  61. </section>
  62. </section>
  63. </section>
  64. <p style="font-size:14px;letter-spacing:1px;">
  65. <br/>
  66. </p>
  67. <section class="_editor" style="text-align: right; width: 93%; margin-left: auto; margin-right: auto;" data-width="93%">
  68. <section style="width:2px;height:30px;background-color:#BDCBB9;margin-left:10px;"></section>
  69. <section class="_li">
  70. <section style="display:flex;justify-content:flex-start;align-items:center;">
  71. <p>
  72. <img src="http://zjiao.net/data/attachment/forum/202205/25/124909u9pl8orr32r67zr2.png" width=" 76.7857%"/>
  73. </p>
  74. <p>
  75. <br/>
  76. </p>
  77. <section style="margin-left: 5px;border-bottom:dashed 1px #788E52;padding:2px 10px;">
  78. <p style="color:#8C9977;font-size:16px;letter-spacing:2px;">
  79. 翻唱:……&nbsp; 原唱:……
  80. </p>
  81. </section>
  82. </section>
  83. <section style="border-left:solid 2px #BDCBB9;padding:14px 0px 0px 10px;margin-left:10px;" class="">
  84. <p style="letter-spacing: 2px; text-align: left; color: #788e52; line-height: 2em; font-size: 14px;">
  85. <br/>
  86. 歌词……<br/><br/>
  87. </p>
  88. </section>
  89. </section>
  90. <section class="_li">
  91. <section style="display:flex;justify-content:flex-start;align-items:center;">
  92. <p>
  93. <br/>
  94. </p>
  95. </section>
  96. </section>
  97. </section>
  98. <p style="font-size:14px;letter-spacing:1px;">
  99. <audio style="width: 230px; height: 24px;margin-left:152px;" src="mp3" autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio><br/><br/>
  100. </p>
  101. </section>
  102. </section>
  103. </section>
  104. <section class="_editor">
  105. <section style="width: 74%;margin:20px auto;" data-width="74%" class="">
  106. <p>
  107. <img data-imgfileid="100180930" src="http://www.zjiao.net/data/attachment/forum/202208/14/230927u4we4d5f2df4i1vx.gif" data-imgqrcoded="1"/>
  108. </p>
  109. </section>
  110. </section>
  111. </section>
  112. </section>
  113. </section>
  114. </section>
  115. </section>
  116. </section>
  117. </section>
  118. </section>
  119. </section>
  120. <section class="_editor">
  121. <p>
  122. <br/>
  123. </p>
  124. </section>
复制代码
回复

使用道具 举报

 楼主| 发表于 2024-11-14 22:25 | 显示全部楼层


标题标题





歌词……




原唱:……  翻唱:……




[发帖际遇]: 季夏の云 在网吧通宵,花了 2 颗 钻石. 幸运榜 / 衰神榜
回复

使用道具 举报

 楼主| 发表于 2024-12-1 14:23 | 显示全部楼层
  1. <BR><BR>
  2. <div align="center"><section style="width:720px;"><div align="left">
  3. <section class="_editor">
  4.     <section style="border:solid 2px #f3ff98;background-color:#0b4577;padding: 8px;">
  5.         <section style="border:solid 1px #f3ff98;">
  6.             <section style="width:75%;margin: -8px 0px 0px -9px;" data-width="75%">
  7.                 <p>
  8.                     <img data-imgfileid="100181343" src="https://www.yiyuen.com/e/file/view/665014" data-imgqrcoded="1" style="transform: rotateY(180deg);"/>
  9.                 </p>
  10.             </section><div align="center">
  11.             <section class="_editor">
  12.                 <section style="margin: -70px 70px 0px; font-size: 14px; color: #000000; letter-spacing: 2px; line-height: 2em; text-align: left;">
  13.                     <section class="_editor" style="text-align: center; width: 95%; margin-left: auto; margin-right: auto;" data-width="95%">
  14.                         <section style="background-color:#0B4577;display:inline-block;padding:0px 6px;">
  15.                             <p style="color: #DEF4F0; font-size: 22px; letter-spacing: 3px; line-height: 1.7;">
  16.                                 <strong>标题标题</strong>
  17.                             </p>
  18.                         </section>
  19.                         <section style="border:dashed 1px #c3efeb;border-radius:18px;margin-top:-14px;padding:20px 10px 10px;">
  20.                             <section style="font-size: 14px; color: #DEF4F0; letter-spacing: 2px; line-height: 2em; text-align: left;">
  21.                                 <p style="padding-left: 28px; padding-right: 28px; line-height: 2em; font-size: 14px;">
  22.                                     <br/>
  23.                                 </p>
  24.                                 <p style="text-align: center"><BR>
  25.                                     <img src="替换图片" data-width="240px" style="width: 240px;"/>
  26.                                 </p>
  27.                                 <p>
  28.                                     <br/>
  29.                                 </p>
  30.                                 <p style="padding-left: 62px; padding-right: 62px; line-height: 2em; font-size: 14px;">
  31.                                     <br/>歌词……<br/><br/><br/>
  32. <audio style="width: 160px; height: 24px;margin-left:152px;" src="mp3" autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio><br/>
  33.                                 </p>
  34.                                 <p style="padding-left: 28px; padding-right: 28px; line-height: 2em; font-size: 14px;">
  35.                                     <br/>
  36.                                 </p>
  37.                                 <section class="_editor" data-support="96编辑器" data-style-id="55492">
  38.                                     <section data-align="title" style="display:flex;margin:10px 0px;justify-content:center;align-items:flex-end;">
  39.                                         <section style="border-bottom:1px dashed #DFFAFB;padding:0px 6em 3px 19px;box-sizing:border-box;margin-bottom:17px;">
  40.                                             <p style="font-size:16px;letter-spacing:1px;color:#D8F6F9;">
  41.                                                 <span style="font-size: 14px;">原唱:……  &nbsp翻唱:……</span>
  42.                                             </p>
  43.                                         </section>
  44.                                         <section style="width:52px;margin-left:-80px;background-color:#0b4577;margin-bottom:unset;">
  45.                                             <p>
  46.                                                 <img src="https://www.yiyuen.com/e/file/view/665015" style="width: 100%;" data-width="100%" data-isicon="23193"/>
  47.                                             </p>
  48.                                         </section>
  49.                                     </section>
  50.                                 </section>
  51.                             </section>
  52.                         </section>
  53.                     </section>
  54.                     <p>
  55.                         <br/>
  56.                     </p>
  57.                 </section>
  58.             </section>
  59.             <section class="_editor">
  60.                 <p>
  61.                     <br/>
  62.                 </p>
  63.             </section>
  64.         </section>
  65.     </section>
  66. </section>
  67. <section class="_editor">
  68.     <p>
  69.         <br/>
  70.     </p>
  71. </section>
复制代码
[发帖际遇]: 季夏の云 在网吧通宵,花了 3 颗 钻石. 幸运榜 / 衰神榜
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|转角论坛

GMT+8, 2024-12-27 06:45

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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