开启辅助访问

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

12345678910下一页
返回列表 发新帖
楼主: 季夏の云

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

[复制链接]
季夏の云
 楼主| 发表于 2023-6-7 21:57 | 显示全部楼层
添加播放器版



歌词……







【标题】……


评分

1

查看全部评分

回复

使用道具 举报

季夏の云
 楼主| 发表于 2023-6-7 21:58 | 显示全部楼层
  1. <div align="center">
  2. <section style="width:550px;">
  3. <section class="_editor">
  4.     <p>
  5.         <br/>
  6.     </p>
  7. </section>
  8. <section class="_editor" style=" margin: 0px auto; width: 93%;">
  9.     <section style="border:solid 10px #f0f3ec;" class="">
  10.         <section style="border:dashed 1px #b7c3b4;padding:40px 30px;background-color:#fefefe;" class="">
  11.             <section class="_editor">
  12.                 <section style="width:10px;height:10px;background-color:#f6d984;border-radius:50%;margin-left:auto;margin-right:30px;margin-bottom:-5px;transform:rotate(0deg);"></section>
  13.                 <section style="border:solid 1px #b7c3b4;border-radius:10px;padding: 10px;">
  14.                     <section style="transform:rotate(0deg);" class="">
  15.                         <p style="text-align:center">
  16.                             <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/193919jagfjpqbf6sp2a7z.png" style="display: block; width: 100%; height: auto; border-radius: 12px;" data-brush="img" data-copyrighted="53" data-width="100%" title="" alt=""/>
  17.                         </p>
  18.                     </section>
  19.                 </section>
  20.             </section>
  21.             <section class="_editor">
  22.                 <section style="margin:10px 0px;" class="">
  23.                     <section style="padding: 10px 0px; color: #948d84; letter-spacing: 2px; line-height: 1.75em; transform: rotateZ(0deg); text-align: justify;" class="">
  24.                         <p style="font-size: 14px; padding-left: 45px; padding-right: 45px;">
  25.                             <br/>
  26.                         </p>
  27.                         <p style="font-size: 14px; padding-left: 45px; padding-right: 45px;">
  28.                             歌词……<br/>
  29. <br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  30. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  31. <br><br>

  33.                         </p>
  34.                         <p style="font-size: 14px; padding-left: 45px; padding-right: 45px;">
  35.                             <br/>
  36.                         </p>
  37.                         <p style="font-size: 14px;">
  38.                             <br/>
  39.                         </p>
  40.                         <section class="_editor">
  41.                             <section data-align="title" style="text-align: center; display: flex; justify-content: flex-end;">
  42.                                 <section style="display: flex; justify-content: center; align-items: center; margin-left: 10px;">
  43.                                     <section style="font-size: 14px; width: 20px; height: 20px; border-top: 3px solid #bcb6ad; border-left: 3px solid #bcb6ad; margin-bottom: auto; margin-top: -3px; margin-right: -17px;"></section>
  44.                                     <section style="border-bottom: 1px dashed #a09b94; padding-bottom: 5px;">
  45.                                         <section style="color: #a09b94; letter-spacing: 4px; text-align: center; background-color: #dedede; padding: 3px 25px;">
  46.                                             <p style="text-align: center; letter-spacing: 2px;">
  47.                                                 <span style="font-size: 15px;">【标题】……</span>
  48.                                             </p>
  49.                                         </section>
  50.                                     </section>
  51.                                     <section style="font-size: 14px; width: 1.3em; margin-left: -10px; margin-bottom: -3px;">
  52.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/20/174816qiigt44dwlzedjj3.png" style="display: block; width: 100%; height: auto;" title="" alt=""/>
  53.                                     </section>
  54.                                 </section>
  55.                             </section>
  56.                         </section>
  57.                     </section>
  58.                 </section>
  59.             </section>
  60.         </section>
  61.     </section>
  62. </section>
  63. <section class="_editor">
  64.     <p>
  65.         <br/>
  66.     </p>
  67. </section>


复制代码
回复

使用道具 举报

季夏の云
 楼主| 发表于 2023-6-8 22:23 | 显示全部楼层
签到版



【日签】20230608




文字……





[发帖际遇]: 季夏の云 在论坛发帖时没有注意，被小偷偷去了 1 朵 鲜花. 幸运榜 / 衰神榜
回复

使用道具 举报

季夏の云
 楼主| 发表于 2023-6-8 22:24 | 显示全部楼层
  1. <div align="left">
  2. <section style="width:480px;">
  3. <section class="_editor">
  4.     <p>
  5.         <br/>
  6.     </p>
  7. </section>
  8. <section class="_editor" data-tpl-id="15944">
  9.     <section style="background-color:#b4c2dc;" class="">
  10.         <section class="_editor">
  11.             <section class="_editor">
  12.                 <section style="display:flex;justify-content:space-between;align-items:flex-start;">
  13.                     <section style="width:100%;"></section>
  14.                 </section>
  15.             </section>
  16.         </section>
  17.         <section class="_editor" style="margin:0 10px;">
  18.             <section class="_editor">
  19.                 <p>
  20.                     <br/>
  21.                 </p>
  22.             </section>
  23.             <section class="_editor"></section>
  24.             <section class="_editor" style="margin:20px 30px 0;text-align:center;">
  25.                 <section style="background-color:#ffffff;border:1px solid #999eb5;padding:5px 15px 15px;">
  26.                     <section style="padding-bottom:0px;padding-top:10px;" class="">
  27.                         <section class="_editor">
  28.                             <section style="width:4em;margin-left:auto;margin-top:-2em;margin-right:-10px;" class="">
  29.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202301/09/222947b62p26tims3wo22z.png" style="display: block; width: 100%; height: auto; transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);" title="" alt=""/>
  30.                             </section>
  31.                             <section style="margin-top:10px;">
  32.                                 <section style="color:#999eb5;font-size:15px;letter-spacing:1px;text-align:left;" class="">
  33.                                     <p>
  34.                                         【日签】20230608
  35.                                     </p>
  36.                                 </section>
  37.                                 <section style="width:60%;height:1px;border-bottom:1px dashed #999eb5;margin-left:auto;"></section>
  38.                             </section>
  39.                         </section>
  40.                         <section class="_editor">
  41.                             <section style="display:flex;justify-content:center;align-items:flex-start;">
  42.                                 <section style="color:#708094;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.2em;margin:10px 0 10px;" class="">
  43.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  44.                                         <br/>
  45.                                     </p>
  46.                                     <p style="text-align:center">
  47.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/213511nusbp0uqo3s1lutz.png" style="border: 0px none; border-radius: 15px; width: 335px; height: 192px;" width="335" height="192"/>
  48.                                     </p>
  49.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  50.                                         <br/>
  51.                                     </p>
  52.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2.2em;">
  53.                                        <br/>文字……<br/>
  54.                                     </p>
  55.                                     <p>
  56.                                         <br/>
  57.                                     </p>
  58.                                 </section>
  59.                             </section>
  60.                         </section>
  61.                         <section class="_editor">
  62.                             <section style="width:3em;margin-bottom:-2em;margin-left:1em;">
  63.                                 <br/>
  64.                             </section>
  65.                         </section>
  66.                     </section>
  67.                 </section>
  68.             </section>
  69.         </section>
  70.         <section class="_editor">
  71.             <section class="_editor">
  72.                 <section class="_editor">
  73.                     <section style="display:flex;justify-content:center;align-items:center;" class="">
  74.                         <section style="width:3.5em;">
  75.                             <br/>
  76.                         </section>
  77.                     </section>
  78.                 </section>
  79.             </section>
  80.             <section class="_editor">
  81.                 <section class="_editor"></section>
  82.             </section>
  83.         </section>
  84.     </section>
  85. </section>
  86. <section class="_editor">
  87.     <section class="tool-border">
  88.         <section></section>
  89.         <section></section>
  90.         <section></section>
  91.         <section></section>
  92.     </section>
  93.     <p>
  94.         <br/>
  95.     </p>
  96. </section>
复制代码
回复

使用道具 举报

季夏の云
 楼主| 发表于 2023-6-8 22:25 | 显示全部楼层
添加播放器版



【标题】……




歌词……







[发帖际遇]: 季夏の云 发帖时在路边捡到 2 颗 钻石，偷偷放进了口袋. 幸运榜 / 衰神榜
回复

使用道具 举报

季夏の云
 楼主| 发表于 2023-6-8 22:28 | 显示全部楼层
  1. <div align="center">
  2. <section style="width:550px;">
  3. <section class="_editor">
  4.     <p>
  5.         <br/>
  6.     </p>
  7. </section>
  8. <section class="_editor" data-tpl-id="15944">
  9.     <section style="background-color:#b4c2dc;" class="">
  10.         <section class="_editor">
  11.             <section class="_editor">
  12.                 <section style="display:flex;justify-content:space-between;align-items:flex-start;">
  13.                     <section style="width:100%;"></section>
  14.                 </section>
  15.             </section>
  16.         </section>
  17.         <section class="_editor" style="margin:0 10px;">
  18.             <section class="_editor">
  19.                 <p>
  20.                     <br/>
  21.                 </p>
  22.             </section>
  23.             <section class="_editor"></section>
  24.             <section class="_editor" style="margin:20px 30px 0;text-align:center;">
  25.                 <section style="background-color:#ffffff;border:1px solid #999eb5;padding:5px 15px 15px;">
  26.                     <section style="padding-bottom:0px;padding-top:10px;" class="">
  27.                         <section class="_editor">
  28.                             <section style="width:4em;margin-left:auto;margin-top:-2em;margin-right:-10px;" class="">
  29.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202301/09/222947b62p26tims3wo22z.png" style="display: block; width: 100%; height: auto; transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);" title="" alt=""/>
  30.                             </section>
  31.                             <section style="margin-top:10px;">
  32.                                 <section style="color:#999eb5;font-size:15px;letter-spacing:1px;text-align:left;" class="">
  33.                                     <p>
  34.                                         【标题】……
  35.                                     </p>
  36.                                 </section>
  37.                                 <section style="width:60%;height:1px;border-bottom:1px dashed #999eb5;margin-left:auto;"></section>
  38.                             </section>
  39.                         </section>
  40.                         <section class="_editor">
  41.                             <section style="display:flex;justify-content:center;align-items:flex-start;">
  42.                                 <section style="color:#708094;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.2em;margin:10px 0 10px;" class="">
  43.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  44.                                         <br/>
  45.                                     </p>
  46.                                     <p style="text-align:center">
  47.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/213511nusbp0uqo3s1lutz.png" style="border: 0px none; border-radius: 15px; width: 335px; height: 192px;" width="335" height="192"/>
  48.                                     </p>
  49.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  50.                                         <br/>
  51.                                     </p>
  52.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2.2em;">
  53.                                        <br/>歌词……<br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  54. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  55. <br><br>
  56.                                     </p>
  57.                                     <p>
  58.                                         <br/>
  59.                                     </p>
  60.                                 </section>
  61.                             </section>
  62.                         </section>
  63.                         <section class="_editor">
  64.                             <section style="width:3em;margin-bottom:-2em;margin-left:1em;">
  65.                                 <br/>
  66.                             </section>
  67.                         </section>
  68.                     </section>
  69.                 </section>
  70.             </section>
  71.         </section>
  72.         <section class="_editor">
  73.             <section class="_editor">
  74.                 <section class="_editor">
  75.                     <section style="display:flex;justify-content:center;align-items:center;" class="">
  76.                         <section style="width:3.5em;">
  77.                             <br/>
  78.                         </section>
  79.                     </section>
  80.                 </section>
  81.             </section>
  82.             <section class="_editor">
  83.                 <section class="_editor"></section>
  84.             </section>
  85.         </section>
  86.     </section>
  87. </section>
  88. <section class="_editor">
  89.     <section class="tool-border">
  90.         <section></section>
  91.         <section></section>
  92.         <section></section>
  93.         <section></section>
  94.     </section>
  95.     <p>
  96.         <br/>
  97.     </p>
  98. </section>
复制代码
[发帖际遇]: 一个袋子砸在了 季夏の云 头上，季夏の云 赚了 3 颗 钻石. 幸运榜 / 衰神榜
回复

使用道具 举报

季夏の云
 楼主| 发表于 2023-6-9 22:20 | 显示全部楼层
签到版


【日签】20230609


文字……




回复

使用道具 举报

季夏の云
 楼主| 发表于 2023-6-9 22:20 | 显示全部楼层
  1. <div align="left">
  2. <section style="width:480px;">
  3. <section class="_editor" data-tpl-id="15944">
  4.     <section class="tool-border">
  5.         <section></section>
  6.         <section></section>
  7.         <section></section>
  8.         <section></section>
  9.     </section>
  10.     <section style="background-color:#d5d3c9;" class="">
  11.         <section class="_editor">
  12.             <section class="_editor">
  13.                 <section style="display:flex;justify-content:space-between;align-items:flex-start;" class="">
  14.                     <section style="width:100%;">
  15.                         <br/>
  16.                     </section>
  17.                 </section>
  18.             </section>
  19.         </section>
  20.         <section class="_editor" style="margin:0 10px;">
  21.             <section class="_editor" style="margin:20px 40px 0;text-align:center;">
  22.                 <section style="background-color:#ffffff;border:1px solid #b5a59f;padding:5px 15px 15px;border-radius:15px;" class="">
  23.                     <section style="padding-bottom:0px;padding-top:10px;" class="">
  24.                         <section class="_editor">
  25.                             <section style="display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #b5a59f;">
  26.                                 <section style="width:1.5em;margin-bottom:10px;" class="">
  27.                                     <img src="http://bbs.zjiao.net/data/attachment/forum/202201/19/234709oeojj3jo5j9k23o3.png" style="display: block; width: 100%; height: auto;" title="" alt=""/>
  28.                                 </section>
  29.                                 <section style="color:#b5a59f;font-size:15px;letter-spacing:1px;text-align:right;" class="">
  30.                                     <p>
  31.                                         【日签】20230609
  32.                                     </p>
  33.                                 </section>
  34.                             </section>
  35.                             <section style="display:flex;justify-content:center;align-items:flex-start;margin-top:10px;">
  36.                                 <section style="width:100%;" class=""></section>
  37.                             </section>
  38.                         </section>
  39.                         <section class="_editor" draggable="true">
  40.                             <section style="display:flex;justify-content:center;align-items:flex-start;">
  41.                                 <section style="color:#b59887;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.2em;margin:10px 0 10px;" class="">
  42.                                     <p style="text-align:center">
  43.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/221754b2gceenuqxh2xqkz.png" width="309" height="202" style="width: 309px; height: 202px;"/>
  44.                                     </p>
  45.                                     <p>
  46.                                         <br/>
  47.                                     </p>
  48.                                     <p style="padding-left: 40px; padding-right: 40px;">
  49.                                         文字……<br/><br/>
  50.                                     </p>
  51.                                 </section>
  52.                             </section>
  53.                         </section>
  54.                     </section>
  55.                 </section>
  56.             </section>
  57.         </section>
  58.         <section class="_editor">
  59.             <section class="_editor">
  60.                 <section class="_editor">
  61.                     <p>
  62.                         <br/>
  63.                     </p>
  64.                 </section>
  65.                 <section class="_editor">
  66.                     <p>
  67.                         <br/>
  68.                     </p>
  69.                 </section>
  70.             </section>
  71.             <section class="_editor"></section>
  72.         </section>
  73.     </section>
  74. </section>
  75. <section class="_editor">
  76.     <p>
  77.         <br/>
  78.     </p>
  79. </section>
复制代码
回复

使用道具 举报

季夏の云
 楼主| 发表于 2023-6-9 22:21 | 显示全部楼层
添加播放器版


【标题】……


歌词……







回复

使用道具 举报

季夏の云
 楼主| 发表于 2023-6-9 22:22 | 显示全部楼层
  1. <div align="center">
  2. <section style="width:550px;">
  3. <section class="_editor" data-tpl-id="15944">
  4.     <section class="tool-border">
  5.         <section></section>
  6.         <section></section>
  7.         <section></section>
  8.         <section></section>
  9.     </section>
  10.     <section style="background-color:#d5d3c9;" class="">
  11.         <section class="_editor">
  12.             <section class="_editor">
  13.                 <section style="display:flex;justify-content:space-between;align-items:flex-start;" class="">
  14.                     <section style="width:100%;">
  15.                         <br/>
  16.                     </section>
  17.                 </section>
  18.             </section>
  19.         </section>
  20.         <section class="_editor" style="margin:0 10px;">
  21.             <section class="_editor" style="margin:20px 40px 0;text-align:center;">
  22.                 <section style="background-color:#ffffff;border:1px solid #b5a59f;padding:5px 15px 15px;border-radius:15px;" class="">
  23.                     <section style="padding-bottom:0px;padding-top:10px;" class="">
  24.                         <section class="_editor">
  25.                             <section style="display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #b5a59f;">
  26.                                 <section style="width:1.5em;margin-bottom:10px;" class="">
  27.                                     <img src="http://bbs.zjiao.net/data/attachment/forum/202201/19/234709oeojj3jo5j9k23o3.png" style="display: block; width: 100%; height: auto;" title="" alt=""/>
  28.                                 </section>
  29.                                 <section style="color:#b5a59f;font-size:15px;letter-spacing:1px;text-align:right;" class="">
  30.                                     <p>
  31.                                         【标题】……
  32.                                     </p>
  33.                                 </section>
  34.                             </section>
  35.                             <section style="display:flex;justify-content:center;align-items:flex-start;margin-top:10px;">
  36.                                 <section style="width:100%;" class=""></section>
  37.                             </section>
  38.                         </section>
  39.                         <section class="_editor" draggable="true">
  40.                             <section style="display:flex;justify-content:center;align-items:flex-start;">
  41.                                 <section style="color:#b59887;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.2em;margin:10px 0 10px;" class="">
  42.                                     <p style="text-align:center">
  43.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/221754b2gceenuqxh2xqkz.png" width="309" height="202" style="width: 309px; height: 202px;"/>
  44.                                     </p>
  45.                                     <p>
  46.                                         <br/>
  47.                                     </p>
  48.                                     <p style="padding-left: 40px; padding-right: 40px;">
  49.                                         歌词……<br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  50. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  51. <br><br>
  52.                                     </p>
  53.                                 </section>
  54.                             </section>
  55.                         </section>
  56.                     </section>
  57.                 </section>
  58.             </section>
  59.         </section>
  60.         <section class="_editor">
  61.             <section class="_editor">
  62.                 <section class="_editor">
  63.                     <p>
  64.                         <br/>
  65.                     </p>
  66.                 </section>
  67.                 <section class="_editor">
  68.                     <p>
  69.                         <br/>
  70.                     </p>
  71.                 </section>
  72.             </section>
  73.             <section class="_editor"></section>
  74.         </section>
  75.     </section>
  76. </section>
  77. <section class="_editor">
  78.     <p>
  79.         <br/>
  80.     </p>
  81. </section>
复制代码
回复

使用道具 举报

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

本版积分规则

手机版|转角论坛

GMT+8, 2024-12-27 18:03

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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