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

楼主: 季夏の云

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

[复制链接]
 楼主| 发表于 2023-6-10 22:13 | 显示全部楼层
签到版

【日签】20230610




文字……



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

使用道具 举报

 楼主| 发表于 2023-6-10 22:13 | 显示全部楼层
  1. <div align="left">
  2. <section style="width:480px;">
  3. <section class="_editor">
  4.     <section style="margin:10px 0 15px;" class="">
  5.         <section style="background-color:#e7e7d6;padding:25px;" class="">
  6.             <section style="display:flex;justify-content:flex-start;align-items:flex-end;">
  7.                 <section style="width:1.8em;">
  8.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202201/16/141709qx7b07p6lpkhkrub.gif" style="display: block; width: 100%; height: auto;" title="" alt=""/>
  9.                 </section>
  10.                 <section style="display:inline-block;margin-left:5px;">
  11.                     <section style="font-size:14px;color:#67624c;padding:0 5px;">
  12.                         <p>
  13.                             <span style="font-size: 15px;">【日签】20230610</span>
  14.                         </p>
  15.                     </section>
  16.                     <section style="width:100%;height:3px;border-radius:100%;background-color:#c7b5ab;"></section>
  17.                 </section>
  18.             </section>
  19.             <section style="color:#3e3a39;font-size:13px;letter-spacing:1px;text-align:left;line-height:2.5em;margin-top:5px;" class="">
  20.                 <section class="_editor">
  21.                     <section class="tool-border">
  22.                         <section></section>
  23.                         <section></section>
  24.                         <section></section>
  25.                         <section></section>
  26.                     </section>
  27.                     <section style="margin:10px 15px 20px;" class="">
  28.                         <section style="display:flex;justify-content:flex-start;align-items:center;margin-left:3%;">
  29.                             <section style="width:1em;">
  30.                                 <br/>
  31.                             </section>
  32.                         </section>
  33.                         <section style="color:#928888;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.5em;background-color:#fffeed;padding:15px;border:4px solid #d7d4c9;margin-top:8px;border-radius:15px;" class="">
  34.                             <p>
  35.                                 <br/>
  36.                             </p>
  37.                             <p style="text-align:center">
  38.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/071650tmjqgefmsjstgswx.png" width="323" height="203" style="width: 323px; height: 203px;"/>
  39.                             </p>
  40.                             <p>
  41.                                 <br/>
  42.                             </p>
  43.                             <p style="padding-left: 40px; padding-right: 40px;">
  44.                                 文字……<br/><br/>
  45.                             </p>
  46.                         </section>
  47.                     </section>
  48.                 </section>
  49.                 <p>
  50.                     <br/>
  51.                 </p>
  52.             </section>
  53.         </section>
  54.     </section>
  55. </section>
  56. <section class="_editor">
  57.     <p>
  58.         <br/>
  59.     </p>
  60. </section>
复制代码
回复

使用道具 举报

 楼主| 发表于 2023-6-10 22:14 | 显示全部楼层
添加播放器版

【标题】……




歌词……







回复

使用道具 举报

 楼主| 发表于 2023-6-10 22:16 | 显示全部楼层
  1. <div align="center">
  2. <section style="width:550px;">
  3. <section class="_editor">
  4.     <section style="margin:10px 0 15px;" class="">
  5.         <section style="background-color:#e7e7d6;padding:25px;" class="">
  6.             <section style="display:flex;justify-content:flex-start;align-items:flex-end;">
  7.                 <section style="width:1.8em;">
  8.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202201/16/141709qx7b07p6lpkhkrub.gif" style="display: block; width: 100%; height: auto;" title="" alt=""/>
  9.                 </section>
  10.                 <section style="display:inline-block;margin-left:5px;">
  11.                     <section style="font-size:14px;color:#67624c;padding:0 5px;">
  12.                         <p>
  13.                             <span style="font-size: 16px;">【标题】……</span>
  14.                         </p>
  15.                     </section>
  16.                     <section style="width:100%;height:3px;border-radius:100%;background-color:#c7b5ab;"></section>
  17.                 </section>
  18.             </section>
  19.             <section style="color:#3e3a39;font-size:13px;letter-spacing:1px;text-align:left;line-height:2.5em;margin-top:5px;" class="">
  20.                 <section class="_editor">
  21.                   
  22.                     <section style="margin:10px 15px 20px;" class="">
  23.                         <section style="display:flex;justify-content:flex-start;align-items:center;margin-left:3%;">
  24.                             <section style="width:1em;">
  25.                                 <br/>
  26.                             </section>
  27.                         </section>
  28.                         <section style="color:#928888;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.5em;background-color:#fffeed;padding:15px;border:4px solid #d7d4c9;margin-top:8px;border-radius:15px;" class="">
  29.                             <p>
  30.                                 <br/>
  31.                             </p>
  32.                             <p style="text-align:center">
  33.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/071650tmjqgefmsjstgswx.png" width="323" height="203" style="width: 323px; height: 203px;"/>
  34.                             </p>
  35.                             <p>
  36.                                 <br/>
  37.                             </p>
  38.                             <p style="padding-left: 40px; padding-right: 40px;">
  39.                                 歌词……<br/><br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  40. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  41. <br><br>
  42.                             </p>
  43.                         </section>
  44.                     </section>
  45.                 </section>
  46.                 <p>
  47.                     <br/>
  48.                 </p>
  49.             </section>
  50.         </section>
  51.     </section>
  52. </section>
  53. <section class="_editor">
  54.     <p>
  55.         <br/>
  56.     </p>
  57. </section>
复制代码
回复

使用道具 举报

 楼主| 发表于 2023-6-11 22:45 | 显示全部楼层
签到版


【日签】20230611




文字……



点评

这个尤为喜欢,简单,素雅  发表于 2023-8-26 15:54
回复

使用道具 举报

 楼主| 发表于 2023-6-11 22:46 | 显示全部楼层
  1. <div align="left">
  2. <section style="width:480px;">
  3. <section class="_editor" data-tpl-id="17100">
  4.     <section style="background-color:#b2e4f7;" class="">
  5.         <section style="background-color:#b2e4f7;background-repeat:no-repeat;background-position:0% 0%;background-size:100%;padding:0px 0px 0px;" class="">
  6.             <section class="_editor" style="text-align: center;">
  7.                 <section style="margin:0px 0px 0px;width: 68%;">
  8.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144338xya3em4go1rkn203.png" style="display: block; width: 100%; height: auto; opacity: 0.59;" alt="" title=""/>
  9.                 </section>
  10.                 <section style="margin:-70px 0px 0px 70px;width: 68px;">
  11.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144333layzl2xkxmmfhhyz.gif" style="display: block; width: 100%; height: auto;" alt="" title=""/>
  12.                 </section>
  13.                 <section style="color:#698bb0;font-size:14px;margin:0px 10px;">
  14.                     <p style="text-align: center;">
  15.                         <br/>
  16.                     </p>
  17.                 </section>
  18.                 <section style="margin:20px  auto 0px;width: 84%;"></section>
  19.             </section>
  20.             <section class="_editor" data-support="96编辑器" data-style-id="32675" style="width: 80%; margin: 0px auto;">
  21.                 <section style="margin-top:33px;margin-bottom: 10px;text-align: left;" class="">
  22.                     <section style="display:inline-block;" class="">
  23.                         <section style="background-color:#4d7994;padding: 3px 20px;box-sizing: border-box;letter-spacing:2px;color:#fff;font-size:15px;" class="">
  24.                             <p>
  25.                                 【日签】20230611
  26.                             </p>
  27.                         </section>
  28.                         <section style="height:0px;width: 0px;border-right: 5px solid #698bb0;border-top: 3px solid #698bb0;border-left: 5px solid transparent !important;border-bottom:3px solid transparent !important;box-sizing: border-box;">
  29.                             <br/>
  30.                         </section>
  31.                     </section>
  32.                     <section style="margin-left: 9px;margin-top: -80px;background-color: #fefefe;padding: 66px 13px 13px;box-sizing: border-box;">
  33.                         <section style="color: #3774a4;letter-spacing: 2px;font-size: 14px;line-height: 1.75em;transform: rotateZ(0deg);text-align: justify;" class="">
  34.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  35.                                 <br/>
  36.                             </p>
  37.                             <p style="text-align:center">
  38.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144146edx5inmdb6bdj2w3.png" width="280" height="150" style="border: 0px none; border-radius: 15px; width: 280px; height: 150px;"/>
  39.                             </p>
  40.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  41.                                 <br/>
  42.                             </p>
  43.                             <p style="padding-left: 25px; padding-right: 25px; line-height: 2em;">
  44.                                 文字……<br/><br/>
  45.                             </p>
  46.                         </section>
  47.                     </section>
  48.                 </section>
  49.             </section>
  50.             <section class="_editor" data-support="96编辑器">
  51.                 <section>
  52.                     <section>
  53.                         <section style="margin: 10px 0px; text-align: center;">
  54.                             <section style="color: #333;font-size: 13px;line-height: 2;text-align:center;letter-spacing:2px;" class="">
  55.                                 <p>
  56.                                     <br/>
  57.                                 </p>
  58.                             </section>
  59.                         </section>
  60.                     </section>
  61.                 </section>
  62.             </section>
  63.         </section>
  64.     </section>
  65. </section>
  66. <section class="_editor">
  67.     <p>
  68.         <br/>
  69.     </p>
  70. </section>
复制代码
回复

使用道具 举报

 楼主| 发表于 2023-6-11 22:47 | 显示全部楼层
添加播放器版


【标题】……





歌词……







[发帖际遇]: 季夏の云 被钱袋砸中进医院,看病花了 2 朵 鲜花. 幸运榜 / 衰神榜
回复

使用道具 举报

 楼主| 发表于 2023-6-11 22:48 | 显示全部楼层
  1. <div align="center">
  2. <section style="width:550px;">
  3. <section class="_editor" data-tpl-id="17100">
  4.     <section style="background-color:#b2e4f7;" class="">
  5.         <section style="background-color:#b2e4f7;background-repeat:no-repeat;background-position:0% 0%;background-size:100%;padding:0px 0px 0px;" class="">
  6.             <section class="_editor" style="text-align: center;">
  7.                 <section style="margin:0px 0px 0px;width: 68%;">
  8.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144338xya3em4go1rkn203.png" style="display: block; width: 100%; height: auto; opacity: 0.59;" alt="" title=""/>
  9.                 </section>
  10.                 <section style="margin:-70px 0px 0px 70px;width: 68px;">
  11.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144333layzl2xkxmmfhhyz.gif" style="display: block; width: 100%; height: auto;" alt="" title=""/>
  12.                 </section>
  13.                 <section style="color:#698bb0;font-size:14px;margin:0px 10px;">
  14.                     <p style="text-align: center;">
  15.                         <br/>
  16.                     </p>
  17.                 </section>
  18.                 <section style="margin:20px  auto 0px;width: 84%;"></section>
  19.             </section>
  20.             <section class="_editor" data-support="96编辑器" data-style-id="32675" style="width: 80%; margin: 0px auto;">
  21.                 <section style="margin-top:33px;margin-bottom: 10px;text-align: left;" class="">
  22.                     <section style="display:inline-block;" class="">
  23.                         <section style="background-color:#4d7994;padding: 3px 20px;box-sizing: border-box;letter-spacing:2px;color:#fff;font-size:15px;" class="">
  24.                             <p>
  25.                                 【标题】……
  26.                             </p>
  27.                         </section>
  28.                         <section style="height:0px;width: 0px;border-right: 5px solid #698bb0;border-top: 3px solid #698bb0;border-left: 5px solid transparent !important;border-bottom:3px solid transparent !important;box-sizing: border-box;">
  29.                             <br/>
  30.                         </section>
  31.                     </section>
  32.                     <section style="margin-left: 9px;margin-top: -80px;background-color: #fefefe;padding: 66px 13px 13px;box-sizing: border-box;">
  33.                         <section style="color: #3774a4;letter-spacing: 2px;font-size: 14px;line-height: 1.75em;transform: rotateZ(0deg);text-align: justify;" class="">
  34.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  35.                                 <br/>
  36.                             </p>
  37.                             <p style="text-align:center">
  38.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144146edx5inmdb6bdj2w3.png" width="280" height="150" style="border: 0px none; border-radius: 15px; width: 280px; height: 150px;"/>
  39.                             </p>
  40.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  41.                                 <br/>
  42.                             </p>
  43.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  44.                                 <br/>歌词……<br/><br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  45. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  46. <br><br>
  47.                             </p>
  48.                         </section>
  49.                     </section>
  50.                 </section>
  51.             </section>
  52.             <section class="_editor" data-support="96编辑器">
  53.                 <section>
  54.                     <section>
  55.                         <section style="margin: 10px 0px; text-align: center;">
  56.                             <section style="color: #333;font-size: 13px;line-height: 2;text-align:center;letter-spacing:2px;" class="">
  57.                                 <p>
  58.                                     <br/>
  59.                                 </p>
  60.                             </section>
  61.                         </section>
  62.                     </section>
  63.                 </section>
  64.             </section>
  65.         </section>
  66.     </section>
  67. </section>
  68. <section class="_editor">
  69.     <p>
  70.         <br/>
  71.     </p>
  72. </section>
复制代码
[发帖际遇]: 季夏の云 在网吧通宵,花了 1 颗 钻石. 幸运榜 / 衰神榜
回复

使用道具 举报

 楼主| 发表于 2023-6-12 21:46 | 显示全部楼层
签到版


【日签】20230612




文字……



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

使用道具 举报

 楼主| 发表于 2023-6-12 21:47 | 显示全部楼层
  1. <div align="left">
  2. <section style="width:480px;">
  3. <section class="_editor" data-tpl-id="17095">
  4.     <section style="overflow:hidden;" class="">
  5.         <section style="background-color:#f8faf1;" class="">
  6.             <section class="_editor">
  7.                 <section style="background-color:#f8faf1;;background-repeat:no-repeat;background-size:100%;background-position:0% 0%;">
  8.                     <section style="background-color:#f8faf1;background-repeat:no-repeat;background-size:100%;background-position:100% 80%;" class="">
  9.                         <section class="_editor">
  10.                             <p>
  11.                                 <br/>
  12.                             </p>
  13.                         </section>
  14.                     </section>
  15.                 </section>
  16.             </section>
  17.             <section class="_editor">
  18.                 <section style="margin:10px 50px 10px;">
  19.                     <section style="margin:20px 15px 20px;">
  20.                         <section class="_editor">
  21.                             <section style="margin:10px 0 15px;" class="">
  22.                                 <section class="_editor">
  23.                                     <section style="border:2px solid #c3aa89;border-radius:15px;padding:25px 20px 10px;" class="">
  24.                                         <section class="_editor">
  25.                                             <section style="margin:10px 0;border-top:2px solid #c3aa89;padding:15px 0;">
  26.                                                 <section style="display:flex;justify-content:flex-start;align-items:center;" class="">
  27.                                                     <section style="font-size:14px;color:#fef8f8;background-color:#c3aa89;border-radius:5px;padding:5px 15px;letter-spacing:1px;" class="">
  28.                                                         <p>
  29.                                                             【日签】20230612
  30.                                                         </p>
  31.                                                     </section>
  32.                                                     <section style="font-size:14px;color:#c3aa89;letter-spcaing:1px;margin-left:10px;">
  33.                                                         <p>
  34.                                                             <br/>
  35.                                                         </p>
  36.                                                     </section>
  37.                                                 </section>
  38.                                                 <section style="color:#b99278;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.5em;margin-top:5px;" class="">
  39.                                                     <p>
  40.                                                         <br/>
  41.                                                     </p>
  42.                                                     <p style="text-align:center">
  43.                                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/182145w7f71s17ujz5uunj.png" width="295" height="185" style="border: 0px none; border-radius: 15px;"/>
  44.                                                     </p>
  45.                                                     <p>
  46.                                                         <br/>
  47.                                                     </p>
  48.                                                     <p><p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  49.                                                           文字……<br/><br/>
  50.                                                     </p>
  51.                                                 </section>
  52.                                             </section>
  53.                                         </section>
  54.                                     </section>
  55.                                 </section>
  56.                             </section>
  57.                         </section>
  58.                     </section>
  59.                 </section>
  60.             </section>
  61.             <section class="_editor">
  62.                 <section class="_editor">
  63.                     <p>
  64.                         <br/>
  65.                     </p>
  66.                 </section>
  67.             </section>
  68.         </section>
  69.     </section>
  70. </section>
  71. <section class="_editor">
  72.     <p>
  73.         <br/>
  74.     </p>
  75. </section>
复制代码
[发帖际遇]: 季夏の云 捡了钱没交公 钻石 降了 2 颗 . 幸运榜 / 衰神榜
回复

使用道具 举报

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

本版积分规则

手机版|转角论坛

GMT+8, 2024-12-23 16:54

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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