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

楼主: 季夏の云

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

[复制链接]
 楼主| 发表于 2023-6-23 23:11 | 显示全部楼层
  1. <br/><div align="left">
  2. <section style="width:480px;">
  3. <section class="_editor">
  4.     <section class="_editor">
  5.         <section style="background-color:#e9fefc;padding:5px;" class="">
  6.             <section style="border:1px solid #91c1af;" class="">
  7.                 <section class="_editor">
  8.                     <section class="_editor">
  9.                         <section style="width:6em;margin-right:auto;transform:rotateZ(0deg);" class="">
  10.                             <img src="http://bbs.zjiao.net/data/attachment/forum/202306/18/110717o3dm922d0s13zzv5.gif" style="display: block; width: 100%; height: auto;" title="" alt=""/>
  11.                         </section>
  12.                     </section>
  13.                     <section class="_editor">
  14.                         <section style="display:flex;justify-content:center;align-items:center;margin-top:-130px;" class="">
  15.                             <section style="letter-spacing:2px;color:#699a75;font-size:15px;padding:5px 10px;display:inline-block;" class="">
  16.                                 <p>
  17.                                     <br/>
  18.                                 </p>
  19.                             </section>
  20.                         </section>
  21.                     </section>
  22.                     <section class="_editor">
  23.                         <section style="display:flex;justify-content:center;align-items:center;margin:15px 0;">
  24.                             <section style="display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#dc6344;text-align:center;">
  25.                                 <section style="font-size:16px;color:#fff;line-height:30px;" class="">
  26.                                     <p>
  27.                                         【
  28.                                     </p>
  29.                                 </section>
  30.                             </section>
  31.                             <section class="_li" style="display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#dc6344;margin-left:-5px;text-align:center;">
  32.                                 <section style="font-size:16px;color:#fff;line-height:30px;" class="">
  33.                                     <p>
  34.                                         日
  35.                                     </p>
  36.                                 </section>
  37.                             </section>
  38.                             <section class="_li" style="display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#dc6344;margin-left:-5px;text-align:center;">
  39.                                 <section style="font-size:16px;color:#fff;line-height:30px;" class="">
  40.                                     <p>
  41.                                         签
  42.                                     </p>
  43.                                 </section>
  44.                             </section>
  45.                             <section class="_li" style="display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#dc6344;margin-left:-5px;text-align:center;">
  46.                                 <section style="font-size:16px;color:#fff;line-height:30px;" class="">
  47.                                     <p>
  48.                                         】
  49.                                     </p>
  50.                                 </section>
  51.                             </section>
  52.                         </section>
  53.                     </section>
  54.                     <section class="_editor">
  55.                         <section style="display:flex;justify-content:center;align-items:center;" class="">
  56.                             <section style="letter-spacing:1px;color:#699a75;font-size:15px;padding:0px 10px 10px;display:inline-block;margin-top:-10px;" class="">
  57.                                 <p>
  58.                                     2023623&nbsp; &nbsp;天气:多云转暴雨
  59.                                 </p>
  60.                             </section>
  61.                         </section>
  62.                     </section>
  63.                     <section class="_editor">
  64.                         <section style="display:flex;justify-content:center;align-items:center;transform:rotateZ(0deg);margin-top:20px;">
  65.                             <section style="width:15em;" class="">
  66.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202201/29/202908g3ehefcf332aqnqc.png" style="display: block; width: 100%; height: auto;" title="" alt=""/>
  67.                             </section>
  68.                         </section>
  69.                         <section style="display:flex;justify-content:center;align-items:center;margin-top:-30px;" class="">
  70.                             <section style="background-color:#fefefe;margin:10px 20px;padding:20px 10px;box-shadow: 2px 2px 10px #d0e9e899;">
  71.                                 <section style="margin:8px 10px;color:#428a6a;letter-spacing:2px;font-size:14px;line-height:2em;text-align:left;transform: rotatez(0deg);text-align: justify;" class="">
  72.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  73.                                         <br/><br/>文字……文字……文字……文字……<br/><br/>
  74.                                     </p>
  75.                                 </section>
  76.                             </section>
  77.                         </section>
  78.                     </section>
  79.                 </section>
  80.                 <section class="_editor" style="margin:0 15px;">
  81.                     <section class="_editor">
  82.                         <section style="text-align: center; margin: 10px 5px; " class="">
  83.                             <section style="display:flex;justify-content:flex-start;align-items:center;padding:10px 0px 0px;" class="">
  84.                                 <section style="letter-spacing:0px;color:#4a9f78;font-size:15px;padding:5px 0px;display:inline-block;" class="">
  85.                                     <p>
  86.                                         <br/>
  87.                                     </p>
  88.                                 </section>
  89.                             </section>
  90.                         </section>
  91.                     </section>
  92.                 </section>
  93.             </section>
  94.         </section>
  95.     </section>
  96. </section>
  97. <section class="_editor">
  98.     <p>
  99.         <br/>
  100.     </p>
  101. </section>
复制代码
[发帖际遇]: 季夏の云 发帖时在路边捡到 3 颗 钻石,偷偷放进了口袋. 幸运榜 / 衰神榜
回复

使用道具 举报

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


   演唱者……



歌词……歌词……歌词……歌词……







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

使用道具 举报

 楼主| 发表于 2023-6-23 23:13 | 显示全部楼层
  1. <br/><div align="center">
  2. <section style="width:550px;">
  3. <section class="_editor">
  4.     <section class="_editor">
  5.         <section style="background-color:#e9fefc;padding:5px;" class="">
  6.             <section style="border:1px solid #91c1af;" class="">
  7.                 <section class="_editor">
  8.                     <section class="_editor">
  9.                         <section style="width:6em;margin-right:auto;transform:rotateZ(0deg);" class="">
  10.                             <img src="http://bbs.zjiao.net/data/attachment/forum/202306/18/110717o3dm922d0s13zzv5.gif" style="display: block; width: 100%; height: auto;" title="" alt=""/>
  11.                         </section>
  12.                     </section>
  13.                     <section class="_editor">
  14.                         <section style="display:flex;justify-content:center;align-items:center;margin-top:-130px;" class="">
  15.                             <section style="letter-spacing:2px;color:#699a75;font-size:15px;padding:5px 10px;display:inline-block;" class="">
  16.                                 <p>
  17.                                     <br/>
  18.                                 </p>
  19.                             </section>
  20.                         </section>
  21.                     </section>
  22.                     <section class="_editor">
  23.                         <section style="display:flex;justify-content:center;align-items:center;margin:15px 0;">
  24.                             <section style="display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#dc6344;text-align:center;">
  25.                                 <section style="font-size:16px;color:#fff;line-height:30px;" class="">
  26.                                     <p>
  27.                                         【
  28.                                     </p>
  29.                                 </section>
  30.                             </section>
  31.                             <section class="_li" style="display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#dc6344;margin-left:-5px;text-align:center;">
  32.                                 <section style="font-size:16px;color:#fff;line-height:30px;" class="">
  33.                                     <p>
  34.                                         歌
  35.                                     </p>
  36.                                 </section>
  37.                             </section>
  38.                             <section class="_li" style="display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#dc6344;margin-left:-5px;text-align:center;">
  39.                                 <section style="font-size:16px;color:#fff;line-height:30px;" class="">
  40.                                     <p>
  41.                                         名
  42.                                     </p>
  43.                                 </section>
  44.                             </section>
  45.                             <section class="_li" style="display:inline-block;width:30px;height:30px;border-radius:100%;background-color:#dc6344;margin-left:-5px;text-align:center;">
  46.                                 <section style="font-size:16px;color:#fff;line-height:30px;" class="">
  47.                                     <p>
  48.                                         】
  49.                                     </p>
  50.                                 </section>
  51.                             </section>
  52.                         </section>
  53.                     </section>
  54.                     <section class="_editor">
  55.                         <section style="display:flex;justify-content:center;align-items:center;" class="">
  56.                             <section style="letter-spacing:1px;color:#699a75;font-size:15px;padding:0px 10px 10px;display:inline-block;margin-top:-10px;" class="">
  57.                                 <p>
  58.                                     &nbsp; &nbsp;演唱者……
  59.                                 </p>
  60.                             </section>
  61.                         </section>
  62.                     </section>
  63.                     <section class="_editor">
  64.                         <section style="display:flex;justify-content:center;align-items:center;transform:rotateZ(0deg);margin-top:20px;">
  65.                             <section style="width:15em;" class="">
  66.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202201/29/202908g3ehefcf332aqnqc.png" style="display: block; width: 100%; height: auto;" title="" alt=""/>
  67.                             </section>
  68.                         </section>
  69.                         <section style="display:flex;justify-content:center;align-items:center;margin-top:-30px;" class="">
  70.                             <section style="background-color:#fefefe;margin:10px 20px;padding:20px 10px;box-shadow: 2px 2px 10px #d0e9e899;">
  71.                                 <section style="margin:8px 10px;color:#428a6a;letter-spacing:2px;font-size:14px;line-height:2em;text-align:left;transform: rotatez(0deg);text-align: justify;" class="">
  72.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  73.                                         <br/><br/>歌词……歌词……歌词……歌词……<br/><br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  74. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  75. <br><br>
  76.                                     </p>
  77.                                 </section>
  78.                             </section>
  79.                         </section>
  80.                     </section>
  81.                 </section>
  82.                 <section class="_editor" style="margin:0 15px;">
  83.                     <section class="_editor">
  84.                         <section style="text-align: center; margin: 10px 5px; " class="">
  85.                             <section style="display:flex;justify-content:flex-start;align-items:center;padding:10px 0px 0px;" class="">
  86.                                 <section style="letter-spacing:0px;color:#4a9f78;font-size:15px;padding:5px 0px;display:inline-block;" class="">
  87.                                     <p>
  88.                                         <br/>
  89.                                     </p>
  90.                                 </section>
  91.                             </section>
  92.                         </section>
  93.                     </section>
  94.                 </section>
  95.             </section>
  96.         </section>
  97.     </section>
  98. </section>
  99. <section class="_editor">
  100.     <p>
  101.         <br/>
  102.     </p>
  103. </section>
复制代码
回复

使用道具 举报

发表于 2023-8-13 23:10 | 显示全部楼层
漂亮,收藏起
回复

使用道具 举报

发表于 2023-8-13 23:10 | 显示全部楼层
云儿辛苦辛苦啦

点评

喜欢就随意取用~~~  发表于 2023-8-19 21:48
[发帖际遇]: 一个袋子砸在了 紫色风铃 头上,紫色风铃 赚了 3 颗 钻石. 幸运榜 / 衰神榜
回复

使用道具 举报

发表于 2023-8-26 15:53 | 显示全部楼层
为啥转角的版主玩代码都这么溜呢,苍天啊,大地啊,我好喜欢你们呀

周末愉快,季夏

点评

周末愉快,兮兮  发表于 2023-8-26 21:40
回复

使用道具 举报

 楼主| 发表于 2023-8-26 22:09 | 显示全部楼层
签到版




【日签】20230708




文字……




回复

使用道具 举报

 楼主| 发表于 2023-8-26 22:10 | 显示全部楼层
  1. <div align="left"><section style="width:480px;">
  2. <section class="_editor" data-tpl-id="17357">
  3.     <section style="background-color:#e7f4ef;">
  4.         <br/><br/>
  5.         <section class="_editor">
  6.             <section style="margin:20px 40px;padding:3px;background-color:#fefefe;border-radius:12px;">
  7.                 <section style="border:dashed 1px #2a7600;border-radius:12px;">
  8.                     <section class="_editor">
  9.                         <section style="margin:10px;">
  10.                             <section>
  11.                                 <section style="width: 55%;margin:30px auto;"></section>
  12.                                 <section style="width:70px;margin-left:20%;margin-top:-60px;">
  13.                                     <br/>
  14.                                 </section>
  15.                             </section>
  16.                         </section>
  17.                     </section>
  18.                     <section class="_editor">
  19.                         <section style="padding:0px 10px;color:#718d61;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;margin:20px 0px 0px;">
  20.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  21.                                 <span style="font-size: 15px;"><strong>【日签】20230708</strong></span>
  22.                             </p>
  23.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  24.                                 <br/>
  25.                             </p>
  26.                             <p style="text-align:center">
  27.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202307/08/113622rlgea2qhceg253qg.png" style="width: 287px; height: 245px;" width="287" height="245"/>
  28.                             </p>
  29.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  30.                                 <br/>
  31.                             </p>
  32.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  33.                                 <br/>
  34.                             </p>
  35.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  36.                                 文字……
  37.                             </p>
  38.                         </section>
  39.                     </section>
  40.                     <section style="margin-left:auto;margin-top:-80px;">
  41.                         <img src="http://bbs.zjiao.net/data/attachment/forum/202307/08/113816bn55xp04zqqm3vul.png" style="display: block; width: 100%; height: auto; border-radius: 0px 0px 12px 12px;" data-width="100%" alt=""/>
  42.                     </section>
  43.                 </section>
  44.             </section>
  45.         </section>
  46.         <section class="_editor">
  47.             <p>
  48.                 <br/>
  49.             </p>
  50.         </section>
  51.         <section class="_editor">
  52.             <p>
  53.                 <br/>
  54.             </p>
  55.         </section>
  56.     </section>
  57. </section>
  58. <section class="_editor">
  59.     <p>
  60.         <br/>
  61.     </p>
  62. </section>
复制代码
[发帖际遇]: 一个袋子砸在了 季夏の云 头上,季夏の云 赚了 1 颗 钻石. 幸运榜 / 衰神榜
回复

使用道具 举报

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





【标题】演唱者……




歌词……歌词……歌词……歌词……







评分

1

查看全部评分

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

使用道具 举报

 楼主| 发表于 2023-8-26 22:13 | 显示全部楼层
  1. <div align="center"><section style="width:630px;">
  2. <section class="_editor" data-tpl-id="17357">
  3.     <section style="background-color:#e7f4ef;">
  4.         <br/><br/>
  5.         <section class="_editor">
  6.             <section style="margin:20px 40px;padding:3px;background-color:#fefefe;border-radius:12px;">
  7.                 <section style="border:dashed 1px #2a7600;border-radius:12px;">
  8.                     <section class="_editor">
  9.                         <section style="margin:10px;">
  10.                             <section>
  11.                                 <section style="width: 55%;margin:30px auto;"></section>
  12.                                 <section style="width:70px;margin-left:20%;margin-top:-60px;">
  13.                                     <br/>
  14.                                 </section>
  15.                             </section>
  16.                         </section>
  17.                     </section>
  18.                     <section class="_editor">
  19.                         <section style="padding:0px 10px;color:#718d61;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;margin:20px 0px 0px;">
  20.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  21.                                 <span style="font-size: 17px;"><strong><br/>【标题】演唱者……<br/></strong></span>
  22.                             </p>
  23.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  24.                                 <br/>
  25.                             </p>
  26.                             <p style="text-align:center">
  27.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202307/08/113622rlgea2qhceg253qg.png" style="width: 387px; height: auto;" width="287" height="auto"/>
  28.                             </p>
  29.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  30.                                 <br/>
  31.                             </p>
  32.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  33.                                 <br/>
  34.                             </p>
  35.                             <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
  36.                                歌词……歌词……歌词……歌词……<br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  37. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  38. <br><br>
  39.                             </p>
  40.                         </section>
  41.                     </section>
  42.                     <section style="margin-left:auto;margin-top:-80px;">
  43.                         <img src="http://bbs.zjiao.net/data/attachment/forum/202307/08/113816bn55xp04zqqm3vul.png" style="display: block; width: 100%; height: auto; border-radius: 0px 0px 12px 12px;" data-width="100%" alt=""/>
  44.                     </section>
  45.                 </section>
  46.             </section>
  47.         </section>
  48.         <section class="_editor">
  49.             <p>
  50.                 <br/>
  51.             </p>
  52.         </section>
  53.         <section class="_editor">
  54.             <p>
  55.                 <br/>
  56.             </p>
  57.         </section>
  58.     </section>
  59. </section>
  60. <section class="_editor">
  61.     <p>
  62.         <br/>
  63.     </p>
  64. </section>

复制代码

评分

1

查看全部评分

回复

使用道具 举报

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

本版积分规则

手机版|转角论坛

GMT+8, 2024-12-28 10:57

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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