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

楼主: 季夏の云

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

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



日签

20230615



文字……



[发帖际遇]: 季夏の云 乐于助人,奖励 2 枚 金币. 幸运榜 / 衰神榜
回复

使用道具 举报

 楼主| 发表于 2023-6-15 21:47 | 显示全部楼层
  1. <br/><br/>
  2. <div align="left">
  3. <section style="width:480px;">
  4. <section class="_editor">
  5.     <section style="width:100%;">
  6.                
  7.     </section>
  8. </section>
  9. <section style="background-color:#fbe9df;margin-top:-23px;padding:30px 0px 0px;" class="">
  10.     <section class="_editor">
  11.         <section style="margin-left:13px;border:dashed 1px #c36c6c;padding:0px 12px;letter-spacing:2px;color: #c36c6c;font-size:14px;text-align:left;border-radius:50px;display:inline-block;">
  12.             <p style="text-align: center;">
  13.                 日签
  14.             </p>
  15.         </section>
  16.     </section>
  17.     <section class="_editor">
  18.         <section style="margin-top:-30px;width: 250px;margin-left:auto;margin-right:auto;" class="">
  19.             <p>
  20.                 <img data-type="gif" class="rich_pages wxw-img" src="http://bbs.zjiao.net/data/attachment/forum/202202/13/105806toz4oz0u0nk8nuzn.gif" style="display: block; width: 250px; height: auto;" alt="" title=""/>
  21.             </p>
  22.         </section>
  23.         <section style="margin:5px 12px;border-bottom:Solid 1px #c36c6c;">
  24.             <section style="margin:0px 20px 0px 0px;letter-spacing:3px;color: #c36c6c;font-size:29px;text-align:left;" class="">
  25.                 <p style="text-align: left;">
  26.                     <span style="font-size: 14px;"><strong>20230615</strong></span>
  27.                 </p>
  28.             </section>
  29.         </section>
  30.     </section>
  31.     <section class="_editor">
  32.         <section style="margin:23px 30px;border-radius:10px;background-color: #fefefe; padding: 20px 13px; text-align: center;">
  33.             <section style="font-size:17px;color:#b57237000;letter-spacing:1px;" class="">
  34.                 <p style="text-align:center">
  35.                     <br/>
  36.                 </p>
  37.                 <p>
  38.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202201/17/143920wmmhmegz5fyg6ymt.jpg" width="327" height="auto" style="border: 0px none; border-radius: 15px;"/>
  39.                 </p>
  40.                 <p style="text-align: left;">
  41.                     <br/>
  42.                 </p>
  43.             </section>
  44.             <section style="margin:12px 0px 0px;color:#b57237;font-size:14px;letter-spacing:2px;">
  45.                 <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  46.                     文字……<br/><br/><br/>

  47.                 </p>
  48.             </section>
  49.         </section>
  50.     </section>
  51.     <section class="_editor">
  52.         <section class="_editor" style="text-align: center;">
  53.             <section style="display:inline-block;"></section>
  54.         </section>
  55.     </section>
  56. </section>
  57. <section class="_editor">
  58.     <p>
  59.         <br/>
  60.     </p>
  61. </section>
复制代码
[发帖际遇]: 季夏の云 在网吧通宵,花了 2 颗 钻石. 幸运榜 / 衰神榜
回复

使用道具 举报

 楼主| 发表于 2023-6-15 21:49 | 显示全部楼层
添加播放器版



【歌名】

演唱者……



歌词……







回复

使用道具 举报

 楼主| 发表于 2023-6-15 21:49 | 显示全部楼层
  1. <br/><br/>
  2. <div align="center">
  3. <section style="width:550px;">
  4. <section class="_editor">
  5.     <section style="width:100%;">
  6.                
  7.     </section>
  8. </section>
  9. <section style="background-color:#fbe9df;margin-top:-23px;padding:30px 0px 0px;" class="">
  10.     <section class="_editor">
  11.         <section style="margin-left:13px;border:dashed 1px #c36c6c;padding:0px 12px;letter-spacing:2px;color: #c36c6c;font-size:14px;text-align:left;border-radius:50px;display:inline-block;">
  12.             <p style="text-align: center;">
  13.                 【歌名】
  14.             </p>
  15.         </section>
  16.     </section>
  17.     <section class="_editor">
  18.         <section style="margin-top:-30px;width: 250px;margin-left:auto;margin-right:auto;" class="">
  19.             <p>
  20.                 <img data-type="gif" class="rich_pages wxw-img" src="http://bbs.zjiao.net/data/attachment/forum/202202/13/105806toz4oz0u0nk8nuzn.gif" style="display: block; width: 250px; height: auto;" alt="" title=""/>
  21.             </p>
  22.         </section>
  23.         <section style="margin:5px 12px;border-bottom:Solid 1px #c36c6c;">
  24.             <section style="margin:0px 20px 0px 0px;letter-spacing:3px;color: #c36c6c;font-size:29px;text-align:left;" class="">
  25.                 <p style="text-align: left;">
  26.                     <span style="font-size: 14px;"><strong>演唱者……</strong></span>
  27.                 </p>
  28.             </section>
  29.         </section>
  30.     </section>
  31.     <section class="_editor">
  32.         <section style="margin:23px 30px;border-radius:10px;background-color: #fefefe; padding: 20px 13px; text-align: center;">
  33.             <section style="font-size:17px;color:#b57237000;letter-spacing:1px;" class="">
  34.                 <p style="text-align:center">
  35.                     <br/>
  36.                 </p>
  37.                 <p>
  38.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202201/17/143920wmmhmegz5fyg6ymt.jpg" width="327" height="auto" style="border: 0px none; border-radius: 15px;"/>
  39.                 </p>
  40.                 <p style="text-align: left;">
  41.                     <br/>
  42.                 </p>
  43.             </section>
  44.             <section style="margin:12px 0px 0px;color:#b57237;font-size:14px;letter-spacing:2px;">
  45.                 <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  46.                     歌词……<br/><br/><br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  47. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  48. <br><br>

  49.                 </p>
  50.             </section>
  51.         </section>
  52.     </section>
  53.     <section class="_editor">
  54.         <section class="_editor" style="text-align: center;">
  55.             <section style="display:inline-block;"></section>
  56.         </section>
  57.     </section>
  58. </section>
  59. <section class="_editor">
  60.     <p>
  61.         <br/>
  62.     </p>
  63. </section>
复制代码
[发帖际遇]: 季夏の云 捡了钱没交公 钻石 降了 3 颗 . 幸运榜 / 衰神榜
回复

使用道具 举报

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


【日签】

20230616





文字……



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

使用道具 举报

 楼主| 发表于 2023-6-16 21:19 | 显示全部楼层
  1. <div align="left">
  2. <section style="width:480px;">
  3. <section class="_editor" data-support="96编辑器" data-style-id="31336">
  4.     <section style="margin:10px 0px;">
  5.         <section style="width:1.6em;margin:0px auto;">
  6.             <img src="http://bbs.zjiao.net/data/attachment/forum/202203/16/000329kyutumq5jg1yqejn.png" style="display: block; width: 40px; height: auto;" title="" alt=""/>
  7.         </section>
  8.         <section style="margin-top:-6px;background-color:#418295;padding:10px 0px 0px;">
  9.             <section style="border-top:solid 1px #d4f7f1;padding:7px 15px 15px;">
  10.                 <section style="letter-spacing:2px;color:#b44ea3;line-height:1.75em;font-size:14px;text-align:left;">
  11.                     <p>
  12.                         <br/>
  13.                     </p>
  14.                     <section class="_editor" data-support="96编辑器" data-style-id="31334">
  15.                         <section style="margin: 10px 0px; text-align: center; border-radius: 15px;">
  16.                             <section style="display: flex;align-items:flex-end;">
  17.                                 <section style="width:3em;">
  18.                                     <img src="http://bbs.zjiao.net/data/attachment/forum/202203/18/213538qxkb4c7473k321ux.gif" style="display: block; width: auto; height: auto;" title="" alt=""/>
  19.                                 </section>
  20.                                 <section style="border-bottom:solid 2px #c2c7f0;padding:2px;width:89%;" data-width="89%">
  21.                                     <section style="display: flex;align-items:flex-end;">
  22.                                         <section style="transform: rotatez(0deg);color:#d0e4f1;font-size:16px;letter-spacing:2px;">
  23.                                             <p>
  24.                                                 【日签】
  25.                                             </p>
  26.                                         </section>
  27.                                         <section style="width:28px;height:28px;background-color:#e3d7a95b;border-radius:50%;margin-left:-15px;margin-bottom:5px;"></section>
  28.                                         <section style="transform: rotatez(0deg);color:#e7e2ec;font-size:14px;letter-spacing:2px;">
  29.                                             <p>
  30.                                                 20230616
  31.                                             </p>
  32.                                         </section>
  33.                                     </section>
  34.                                 </section>
  35.                             </section><br/>
  36.                             <section style="margin:10px 30px 0px;background-color:#e5eceb;padding:14px;border-radius:15px;">
  37.                                 <section style="letter-spacing:2px;color:#d0e4f1;line-height:1.75em;font-size:14px;text-align:left;">
  38.                                     <p style="line-height: 2em; padding-left: 45px; padding-right: 45px;">
  39.                                         <span style="color: #76808d;"><br/></span>
  40.                                     </p>
  41.                                     <p style="line-height: 2em; padding-left: 45px; padding-right: 45px;">
  42.                                         <span style="color: #76808d;"></span>
  43.                                     </p>
  44.                                     <p style="text-align:center">
  45.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202202/10/100740b5z85gkkn0k11agm.jpg" style="width: 354px; height: 199px;" width="354" height="199"/>
  46.                                     </p>
  47.                                     <p style="line-height: 2em; padding-left: 45px; padding-right: 45px;">
  48.                                         <br/>
  49.                                     </p>
  50.                                  
  51.                                     <p style="line-height: 2em; padding-left: 45px; padding-right: 45px;">
  52.                                         <span style="color: #76808d;"><br/>
  53. 文字……<br/><br/>
  54. </span>
  55.                                     </p>
  56.                                 </section>
  57.                             </section>
  58.                         </section>
  59.                     </section><br/>
  60.                 </section>
  61.             </section>
  62.         </section>
  63.     </section>
  64. </section>
  65. <section class="_editor">
  66.     <p>
  67.         <br/>
  68.     </p>
  69. </section>
复制代码
回复

使用道具 举报

 楼主| 发表于 2023-6-16 21:20 | 显示全部楼层
添加播放器版


【标题】

演唱者……





歌词……








回复

使用道具 举报

 楼主| 发表于 2023-6-16 21:21 | 显示全部楼层
  1. <div align="center">
  2. <section style="width:550px;">
  3. <section class="_editor" data-support="96编辑器" data-style-id="31336">
  4.     <section style="margin:10px 0px;">
  5.         <section style="width:1.6em;margin:0px auto;">
  6.             <img src="http://bbs.zjiao.net/data/attachment/forum/202203/16/000329kyutumq5jg1yqejn.png" style="display: block; width: 40px; height: auto;" title="" alt=""/>
  7.         </section>
  8.         <section style="margin-top:-6px;background-color:#418295;padding:10px 0px 0px;">
  9.             <section style="border-top:solid 1px #d4f7f1;padding:7px 15px 15px;">
  10.                 <section style="letter-spacing:2px;color:#b44ea3;line-height:1.75em;font-size:14px;text-align:left;">
  11.                     <p>
  12.                         <br/>
  13.                     </p>
  14.                     <section class="_editor" data-support="96编辑器" data-style-id="31334">
  15.                         <section style="margin: 10px 0px; text-align: center; border-radius: 15px;">
  16.                             <section style="display: flex;align-items:flex-end;">
  17.                                 <section style="width:3em;">
  18.                                     <img src="http://bbs.zjiao.net/data/attachment/forum/202203/18/213538qxkb4c7473k321ux.gif" style="display: block; width: auto; height: auto;" title="" alt=""/>
  19.                                 </section>
  20.                                 <section style="border-bottom:solid 2px #c2c7f0;padding:2px;width:89%;" data-width="89%">
  21.                                     <section style="display: flex;align-items:flex-end;">
  22.                                         <section style="transform: rotatez(0deg);color:#d0e4f1;font-size:16px;letter-spacing:2px;">
  23.                                             <p>
  24.                                                 【标题】
  25.                                             </p>
  26.                                         </section>
  27.                                         <section style="width:28px;height:28px;background-color:#e3d7a95b;border-radius:50%;margin-left:-15px;margin-bottom:5px;"></section>
  28.                                         <section style="transform: rotatez(0deg);color:#e7e2ec;font-size:14px;letter-spacing:2px;">
  29.                                             <p>
  30.                                                 演唱者……
  31.                                             </p>
  32.                                         </section>
  33.                                     </section>
  34.                                 </section>
  35.                             </section><br/>
  36.                             <section style="margin:10px 30px 0px;background-color:#e5eceb;padding:14px;border-radius:15px;">
  37.                                 <section style="letter-spacing:2px;color:#d0e4f1;line-height:1.75em;font-size:14px;text-align:left;">
  38.                                     <p style="line-height: 2em; padding-left: 45px; padding-right: 45px;">
  39.                                         <span style="color: #76808d;"><br/></span>
  40.                                     </p>
  41.                                     <p style="line-height: 2em; padding-left: 45px; padding-right: 45px;">
  42.                                         <span style="color: #76808d;"></span>
  43.                                     </p>
  44.                                     <p style="text-align:center">
  45.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202202/10/100740b5z85gkkn0k11agm.jpg" style="width: 354px; height: 199px;" width="354" height="199"/>
  46.                                     </p>
  47.                                     <p style="line-height: 2em; padding-left: 45px; padding-right: 45px;">
  48.                                         <br/>
  49.                                     </p>
  50.                                  
  51.                                     <p style="line-height: 2em; padding-left: 45px; padding-right: 45px;">
  52.                                         <span style="color: #76808d;"><br/>
  53. 歌词……<br/><br/><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. </span>
  57.                                     </p>
  58.                                 </section>
  59.                             </section>
  60.                         </section>
  61.                     </section><br/>
  62.                 </section>
  63.             </section>
  64.         </section>
  65.     </section>
  66. </section>
  67. <section class="_editor">
  68.     <p>
  69.         <br/>
  70.     </p>
  71. </section>
复制代码
回复

使用道具 举报

 楼主| 发表于 2023-6-17 23:00 | 显示全部楼层
签到版



【日签】 | 20230617




文字……



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

使用道具 举报

 楼主| 发表于 2023-6-17 23:03 | 显示全部楼层
  1. <section style="width:480px;">
  2. <section class="_editor" data-tpl-id="14245">
  3.     <section style="background-color:#fefefe;">
  4.         <section class="_editor">
  5.             <section></section>
  6.         </section>
  7.         <section class="_editor">
  8.             <section class="tool-border">
  9.                 <section></section>
  10.                 <section></section>
  11.                 <section></section>
  12.                 <section></section>
  13.             </section>
  14.             <section style="margin:10px 10px;" class="">
  15.                 <section style="margin-left:auto;margin-bottom: -50px;width: 105px;">
  16.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202203/29/164143lq5qb41fbuppbh1m.gif" style="display: block; width: auto; height: auto; transform: rotateX(0deg) rotateY(172deg) rotateZ(0deg);" title="" alt=""/>
  17.                 </section>
  18.                 <section style="border:dashed 2px #84afb4;border-radius:10px;">
  19.                     <section style="justify-content: center;align-items: center;margin: 0px 15px;">
  20.                         <section style="text-align: left;line-height: 1.75;letter-spacing: 1px;font-size: 14px;" class="_sub_active">
  21.                             <p>
  22.                                 <br/>
  23.                             </p>
  24.                             <p style="text-align: left; line-height: 2em; padding-left: 15px; padding-right: 15px;">
  25.                                 <span style="color: #007aaa;"><br/></span>
  26.                             </p>
  27.                             <p style="text-align: left; line-height: 2em; padding-left: 15px; padding-right: 15px;">
  28.                                 <span style="color: #007aaa; font-size: 15px;">【日签】 | 20230617</span>
  29.                             </p>
  30.                             <p style="text-align: left; line-height: 2em; padding-left: 15px; padding-right: 15px;">
  31.                                 <span style="color: #007aaa;"><br/></span>
  32.                             </p>
  33.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  34.                                 <span style="color: #007aaa;"></span>
  35.                             </p>
  36.                             <p style="text-align:center">
  37.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202306/03/180429y3nuh9yx9534qy29.png" width="352" height="203" style="border: 0px none; border-radius: 15px;"/>
  38.                             </p>
  39.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  40.                                 <span style="color: #007aaa;"><br/></span>
  41.                             </p>
  42.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  43.                                 <span style="color: #007aaa;"><br/></span>
  44.                             </p>
  45.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  46.                                 <span style="color: #007aaa;">文字……<br/><br/></span>
  47.                             </p>
  48.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  49.                                 <br/>
  50.                             </p>
  51.                         </section>
  52.                     </section>
  53.                 </section>
  54.             </section>
  55.         </section>
  56.     </section>
  57. </section>
  58. <section class="_editor">
  59.     <p>
  60.         <br/>
  61.     </p>
  62. </section>
复制代码
回复

使用道具 举报

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

本版积分规则

手机版|转角论坛

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

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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