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

楼主: 季夏の云

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

[复制链接]
 楼主| 发表于 2023-6-12 21:48 | 显示全部楼层
添加播放器版


【标题】……




歌词……







回复

使用道具 举报

 楼主| 发表于 2023-6-12 21:49 | 显示全部楼层
  1. <div align="center">
  2. <section style="width:550px;">
  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.                                                             【标题】……
  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/><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>
  61.                 </section>
  62.             </section>
  63.             <section class="_editor">
  64.                 <section class="_editor">
  65.                     <p>
  66.                         <br/>
  67.                     </p>
  68.                 </section>
  69.             </section>
  70.         </section>
  71.     </section>
  72. </section>
  73. <section class="_editor">
  74.     <p>
  75.         <br/>
  76.     </p>
  77. </section>
复制代码
回复

使用道具 举报

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


  【日签】

  20230613




文字……。



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

使用道具 举报

 楼主| 发表于 2023-6-13 22:44 | 显示全部楼层
  1. <div align="left">
  2. <section style="width:480px;">
  3. <section class="_editor" data-support="96编辑器" data-style-id="31201">
  4.     <section style="margin-top: 10px; margin-bottom: 10px;margin-right:3px; text-align: left;">
  5.         <section style="display:inline-block;background-color:#fefefe;">
  6.             <section style="width:3em;" class="">
  7.                 <img src="http://bbs.zjiao.net/data/attachment/forum/202202/13/180606d0hk799b0h9y7k6y.gif" style="display: block; width: auto; height: auto; transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);" alt="" title=""/>
  8.             </section>
  9.         </section>
  10.         <section style=" margin-top: -20px;" class="">
  11.             <section style=" box-shadow:3px 3px 0px #e8b49d;border:solid 1px #d38457;" class="">
  12.                 <section style="padding:15px;letter-spacing:2px;color: #996e55;font-size:14px;text-align:left;" class="">
  13.                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  14.                         <br/>
  15.                     </p>
  16.                     <section class="_editor" style="width: 94%; margin: 0px auto;">
  17.                         <section style="display:flex;justify-content:flex-start;align-items:center;">
  18.                             <section style="background-image:linear-gradient(180deg, #fdfdfd, #e8b49d);width:50px;height:50px;border-radius:50%;"></section>
  19.                             <section style="margin: 0px 0px 0px -16px; text-align: center;" class="">
  20.                                 <section style="border-bottom:solid 1px #c78a5f;display:inline-block;padding:3px 23px;">
  21.                                     <section style="color:#c78a5f;font-size:16px;transform: rotateZ(0deg);letter-spacing:2px;" class="">
  22.                                         <p>
  23.                                             <strong>&nbsp; 【日签】</strong>
  24.                                         </p>
  25.                                     </section>
  26.                                 </section>
  27.                                 <section style="margin:0px 0px;color:#b99a79;font-size:13px;transform: rotateZ(0deg);letter-spacing:0px;" class="">
  28.                                     <p style="letter-spacing: 4px;">
  29.                                         &nbsp; <span style="font-size: 14px;">20230613</span>
  30.                                     </p>
  31.                                 </section>
  32.                             </section>
  33.                         </section>
  34.                         <section style="margin-top:6px;background-color:#fdfdfd;padding:1px 15px 15px;display:flex;justify-content:center;align-items:center;">
  35.                             <section style="width:60%;margin-right:20px;" data-width="60%">
  36.                                 <section style="font-size:14px;letter-spacing:2px;line-height:1.75;" class="">
  37.                                     <p>
  38.                                         <br/>
  39.                                     </p>
  40.                                 </section>
  41.                             </section>
  42.                             <section style="width:40%;margin-top:-40px;" data-width="40%"></section>
  43.                         </section>
  44.                     </section>
  45.                     <p style="text-align:center">
  46.                         <img src="http://bbs.zjiao.net/data/attachment/forum/202201/19/161928bkm3gh2l7ym772yr.jpg" width="364" height="205" style="border: 0px none; border-radius: 15px;"/>
  47.                     </p>
  48.                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  49.                         <br/>
  50.                     </p>
  51.                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  52.                         <br/>
  53.                     </p>
  54.                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  55.                         文字……。<br/><br/><br/>

  56.                     </p>
  57.                 </section>
  58.             </section>
  59.         </section>
  60.     </section>
  61. </section>
  62. <section class="_editor">
  63.     <p>
  64.         <br/>
  65.     </p>
  66. </section>
复制代码
回复

使用道具 举报

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


  【标题】

  演唱者……




歌词……。







回复

使用道具 举报

 楼主| 发表于 2023-6-13 22:46 | 显示全部楼层
  1. <div align="center">
  2. <section style="width:550px;">
  3. <section class="_editor" data-support="96编辑器" data-style-id="31201">
  4.     <section style="margin-top: 10px; margin-bottom: 10px;margin-right:3px; text-align: left;">
  5.         <section style="display:inline-block;background-color:#fefefe;">
  6.             <section style="width:3em;" class="">
  7.                 <img src="http://bbs.zjiao.net/data/attachment/forum/202202/13/180606d0hk799b0h9y7k6y.gif" style="display: block; width: auto; height: auto; transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);" alt="" title=""/>
  8.             </section>
  9.         </section>
  10.         <section style=" margin-top: -20px;" class="">
  11.             <section style=" box-shadow:3px 3px 0px #e8b49d;border:solid 1px #d38457;" class="">
  12.                 <section style="padding:15px;letter-spacing:2px;color: #996e55;font-size:14px;text-align:left;" class="">
  13.                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  14.                         <br/>
  15.                     </p>
  16.                     <section class="_editor" style="width: 94%; margin: 0px auto;">
  17.                         <section style="display:flex;justify-content:flex-start;align-items:center;">
  18.                             <section style="background-image:linear-gradient(180deg, #fdfdfd, #e8b49d);width:50px;height:50px;border-radius:50%;"></section>
  19.                             <section style="margin: 0px 0px 0px -16px; text-align: center;" class="">
  20.                                 <section style="border-bottom:solid 1px #c78a5f;display:inline-block;padding:3px 23px;">
  21.                                     <section style="color:#c78a5f;font-size:16px;transform: rotateZ(0deg);letter-spacing:2px;" class="">
  22.                                         <p>
  23.                                             <strong>&nbsp; 【标题】</strong>
  24.                                         </p>
  25.                                     </section>
  26.                                 </section>
  27.                                 <section style="margin:0px 0px;color:#b99a79;font-size:13px;transform: rotateZ(0deg);letter-spacing:0px;" class="">
  28.                                     <p style="letter-spacing: 4px;">
  29.                                         &nbsp; <span style="font-size: 14px;">演唱者……</span>
  30.                                     </p>
  31.                                 </section>
  32.                             </section>
  33.                         </section>
  34.                         <section style="margin-top:6px;background-color:#fdfdfd;padding:1px 15px 15px;display:flex;justify-content:center;align-items:center;">
  35.                             <section style="width:60%;margin-right:20px;" data-width="60%">
  36.                                 <section style="font-size:14px;letter-spacing:2px;line-height:1.75;" class="">
  37.                                     <p>
  38.                                         <br/>
  39.                                     </p>
  40.                                 </section>
  41.                             </section>
  42.                             <section style="width:40%;margin-top:-40px;" data-width="40%"></section>
  43.                         </section>
  44.                     </section>
  45.                     <p style="text-align:center">
  46.                         <img src="http://bbs.zjiao.net/data/attachment/forum/202201/19/161928bkm3gh2l7ym772yr.jpg" width="364" height="205" style="border: 0px none; border-radius: 15px;"/>
  47.                     </p><br/><br/>
  48.          
  49.                     <p style="padding-left: 75px; padding-right: 75px; line-height: 2em;">
  50.                         歌词……。<br/><br/><br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  51. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  52. <br><br>

  53.                     </p>
  54.                 </section>
  55.             </section>
  56.         </section>
  57.     </section>
  58. </section>
  59. <section class="_editor">
  60.     <p>
  61.         <br/>
  62.     </p>
  63. </section>
复制代码
回复

使用道具 举报

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




【日签】20230614



文字……




评分

1

查看全部评分

回复

使用道具 举报

 楼主| 发表于 2023-6-14 21:20 | 显示全部楼层
  1. <div align="left">
  2. <section style="width:480px;">
  3. <section class="_editor" data-support="96编辑器" data-style-id="31202">
  4.     <section style="margin: 10px 3px; text-align: center;" class="">
  5.         <section style="display: flex;justify-content: space-between;align-items: center;">
  6.             <section style="width:2.5em;">
  7.                 <br/>
  8.             </section>
  9.             <section style="width:2.5em;transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-webkit-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-moz-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-ms-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-o-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);">
  10.                 <br/>
  11.             </section>
  12.         </section>
  13.         <section style=" margin-top: -14px; box-shadow:0px 2px 3px #9dbde8;border-radius:10px;background-color:#f7faff;" class="">
  14.             <section style="padding: 15px; letter-spacing: 2px; color: #6993cc; text-align: left;" class="">
  15.                 <p style="font-size: 14px;">
  16.                     <br/>
  17.                 </p>
  18.                 <section class="_editor" style="width: 95%; margin: 0px auto;">
  19.                     <section style="background-color: #fdfdfd00; margin: 0px 12px; display: inline-block;" class="">
  20.                         <section style="display: flex; justify-content: flex-start; align-items: center;" class="">
  21.                             <section class="">
  22.                                 <section style="background-color: #70b4da; border-radius: 7px; color: #70b4da; letter-spacing: 2px; padding: 8px 20px; display: inline-block;">
  23.                                     <section style="text-shadow: #ffffff 1px 1px, #ffffff 1px -1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 0px 1px, #ffffff 0px -1px, #ffffff -1px 0px, #ffffff 1px 0px; letter-spacing: 4px; line-height: 1; text-align: left;" class="">
  24.                                         <p style="font-size: 16px;">
  25.                                             【日签】20230614
  26.                                         </p>
  27.                                     </section>
  28.                                 </section>
  29.                             </section>
  30.                             <section style="font-size: 14px; width: 101px;" class="">
  31.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/31/230047qwvxonch8tzwatot.gif" style="display: block; width: 100%; height: auto; margin-bottom: 30px;" alt="" title=""/>
  32.                             </section>
  33.                         </section>
  34.                     </section>
  35.                     <section style="font-size: 14px; background-image: url('http://bbs.zjiao.net/data/attachment/forum/202305/31/230219vzvj0nj3uc9xu5zp.png'); border-radius: 0px 0px 20px 20px; background-repeat: no-repeat; background-position: 100% 100%; background-size: 100%; padding: 0px;" class="">
  36.                         <section style="margin-top:-50px;border:solid 1px #70b4da;padding:70px 14px 20px;border-radius:23px;">
  37.                             <section class="_editor"></section>
  38.                             <section class="_editor">
  39.                                 <section style="margin-top:14px;padding:0px;color:#6993b0;font-size:14px;line-height:2;transform: rotateZ(0deg);letter-spacing:2px;" class="">
  40.                                     <p style="text-align:center">
  41.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/182145w7f71s17ujz5uunj.png" width="337" height="211" style="border: 0px none; border-radius: 15px;"/>
  42.                                     </p>
  43.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  44.                                         <br/>
  45.                                     </p>
  46.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  47.                                         <br/>
  48.                                     </p>
  49.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  50.                                         文字……<br/><br/>
  51.                                     </p>
  52.                                 </section>
  53.                             </section>
  54.                             <section class="_editor">
  55.                                 <p>
  56.                                     <br/>
  57.                                 </p>
  58.                             </section>
  59.                             <section style="display:flex;justify-content:flex-start;align-items:flex-end;">
  60.                                 <section style="width: 116px;"></section>
  61.                             </section>
  62.                         </section>
  63.                     </section>
  64.                 </section>
  65.                 <p style="font-size: 14px;">
  66.                     <br/>
  67.                 </p>
  68.             </section>
  69.         </section>
  70.     </section>
  71. </section>
  72. <section class="_editor">
  73.     <p>
  74.         <br/>
  75.     </p>
  76. </section>
复制代码
回复

使用道具 举报

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




【标题】……



歌词……









评分

1

查看全部评分

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

使用道具 举报

 楼主| 发表于 2023-6-14 21:22 | 显示全部楼层
  1. <div align="center">
  2. <section style="width:550px;">
  3. <section class="_editor" data-support="96编辑器" data-style-id="31202">
  4.     <section style="margin: 10px 3px; text-align: center;" class="">
  5.         <section style="display: flex;justify-content: space-between;align-items: center;">
  6.             <section style="width:2.5em;">
  7.                 <br/>
  8.             </section>
  9.             <section style="width:2.5em;transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-webkit-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-moz-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-ms-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-o-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);">
  10.                 <br/>
  11.             </section>
  12.         </section>
  13.         <section style=" margin-top: -14px; box-shadow:0px 2px 3px #9dbde8;border-radius:10px;background-color:#f7faff;" class="">
  14.             <section style="padding: 15px; letter-spacing: 2px; color: #6993cc; text-align: left;" class="">
  15.                 <p style="font-size: 14px;">
  16.                     <br/>
  17.                 </p>
  18.                 <section class="_editor" style="width: 95%; margin: 0px auto;">
  19.                     <section style="background-color: #fdfdfd00; margin: 0px 12px; display: inline-block;" class="">
  20.                         <section style="display: flex; justify-content: flex-start; align-items: center;" class="">
  21.                             <section class="">
  22.                                 <section style="background-color: #70b4da; border-radius: 7px; color: #70b4da; letter-spacing: 2px; padding: 8px 20px; display: inline-block;">
  23.                                     <section style="text-shadow: #ffffff 1px 1px, #ffffff 1px -1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 0px 1px, #ffffff 0px -1px, #ffffff -1px 0px, #ffffff 1px 0px; letter-spacing: 4px; line-height: 1; text-align: left;" class="">
  24.                                         <p style="font-size: 16px;">
  25.                                             【标题】……
  26.                                         </p>
  27.                                     </section>
  28.                                 </section>
  29.                             </section>
  30.                             <section style="font-size: 14px; width: 101px;" class="">
  31.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/31/230047qwvxonch8tzwatot.gif" style="display: block; width: 100%; height: auto; margin-bottom: 30px;" alt="" title=""/>
  32.                             </section>
  33.                         </section>
  34.                     </section>
  35.                     <section style="font-size: 14px; background-image: url('http://bbs.zjiao.net/data/attachment/forum/202305/31/230219vzvj0nj3uc9xu5zp.png'); border-radius: 0px 0px 20px 20px; background-repeat: no-repeat; background-position: 100% 100%; background-size: 100%; padding: 0px;" class="">
  36.                         <section style="margin-top:-50px;border:solid 1px #70b4da;padding:70px 14px 20px;border-radius:23px;">
  37.                             <section class="_editor"></section>
  38.                             <section class="_editor">
  39.                                 <section style="margin-top:14px;padding:0px;color:#6993b0;font-size:14px;line-height:2;transform: rotateZ(0deg);letter-spacing:2px;" class="">
  40.                                     <p style="text-align:center">
  41.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/182145w7f71s17ujz5uunj.png" width="337" height="211" style="border: 0px none; border-radius: 15px;"/>
  42.                                     </p>
  43.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  44.                                         <br/>
  45.                                     </p>
  46.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  47.                                         <br/>
  48.                                     </p>
  49.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  50.                                         歌词……<br/><br/><br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  51. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  52. <br><br>
  53.                                     </p>
  54.                                 </section>
  55.                             </section>
  56.                             <section class="_editor">
  57.                                 <p>
  58.                                     <br/>
  59.                                 </p>
  60.                             </section>
  61.                             <section style="display:flex;justify-content:flex-start;align-items:flex-end;">
  62.                                 <section style="width: 116px;"></section>
  63.                             </section>
  64.                         </section>
  65.                     </section>
  66.                 </section>
  67.                 <p style="font-size: 14px;">
  68.                     <br/>
  69.                 </p>
  70.             </section>
  71.         </section>
  72.     </section>
  73. </section>
  74. <section class="_editor">
  75.     <p>
  76.         <br/>
  77.     </p>
  78. </section>
复制代码
[发帖际遇]: 季夏の云 发帖时在路边捡到 3 颗 钻石,偷偷放进了口袋. 幸运榜 / 衰神榜
回复

使用道具 举报

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

本版积分规则

手机版|转角论坛

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

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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