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

查看: 2039|回复: 111

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

[复制链接]
发表于 2023-6-5 22:03 | 显示全部楼层 |阅读模式
签到版

【日签】20230605




文字…………



点评

季夏风,漂亮  发表于 2023-6-7 22:26
美  发表于 2023-6-7 17:32
的确很素雅,留用,嘿嘿~  发表于 2023-6-7 10:39
非常感谢!  发表于 2023-6-7 09:35
老季拿出来的东西,就是美  发表于 2023-6-6 17:32

评分

8

查看全部评分

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

使用道具 举报

 楼主| 发表于 2023-6-5 22:04 | 显示全部楼层
  1. <div align="left">
  2. <section style="width:550px;">
  3. <section class="_editor_bg" style="background-color:rgb(248, 243, 235)">
  4.         <section style="width: 51%;" class="">
  5.             <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/151200agnzinvjxngkcnvt.gif" style="display: block; width: 100%; height: auto;" data-width="100%" alt="" title=""/>
  6.         </section>
  7.         <section style="width: 80%;margin:-40px auto 0px;background-color:#fefefe;padding:12px;transform: rotateZ(0deg);" class="">
  8.             <section style="border:solid 1px #cba973;padding:0px 10px;">
  9.                 <section style="border-left:solid 1px #cba973;" class="">
  10.                     <section style="border-right:solid 1px #cba973;padding:30px 12px;">
  11.                         <section style="color:#cba973;letter-spacing:1.5px;" class="">
  12.                             <p style="text-align: left;">
  13.                                 <span style="font-size: 15px;">【日签】20230605</span>
  14.                             </p>
  15.                         </section>
  16.                         <section style="color: #cba973; letter-spacing: 3px;" class="_sub_active">
  17.                             <p style="font-size: 15px; text-align: center;">
  18.                                 <br/>
  19.                             </p>
  20.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  21.                                 <span style="font-size: 14px;"></span>
  22.                             </p>
  23.                             <p style="text-align:center">
  24.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/184031qzwwcjjj9kssjkck.png" width="314" height="192" style="border: 0px none; border-radius: 15px; width: 314px; height: 192px;"/>
  25.                             </p>
  26.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  27.                                 <br/>
  28.                             </p>
  29.                             <p style="padding-left: 25px; padding-right: 25px; line-height: 2em;">
  30.                                 <span style="font-size: 14px;"><br/>文字…………<br/>
  31. <br/></span>
  32.                             </p>
  33.                         </section>
  34.                     </section>
  35.                 </section>
  36.             </section>
  37.         </section>
  38.         <section style="width: 55%;margin:-30px auto -200px;transform: rotateZ(0deg);">
  39.             <br/>
  40.         </section>
  41.         <section style="width: 100%;">
  42.             <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/151306oottuufuzuppounq.png" style="display: block; width: 100%; height: auto;" data-width="100%" alt=""/>
  43.         </section>
  44.     </section>
  45.     <section class="_editor" style="width: 87%; margin: 0px auto;"></section>
  46.     <section class="_editor">
  47.         <p>
  48.             <br/>
  49.         </p>
  50.     </section>
  51. </section>


复制代码
回复

使用道具 举报

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


【标题】………………




歌词…………






评分

2

查看全部评分

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

使用道具 举报

 楼主| 发表于 2023-6-5 22:05 | 显示全部楼层
  1. <BR><div align="center">
  2. <section style="width:550px;">
  3. <section class="_editor_bg" style="background-color:rgb(248, 243, 235)"><div align="left">
  4.         <section style="width: 51%;" class="">
  5.             <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/151200agnzinvjxngkcnvt.gif" style="display: block; width: 100%; height: auto;" data-width="100%" alt="" title=""/>
  6.         </section>
  7.         <section style="width: 80%;margin:-40px auto 0px;background-color:#fefefe;padding:12px;transform: rotateZ(0deg);" class="">
  8.             <section style="border:solid 1px #cba973;padding:0px 10px;">
  9.                 <section style="border-left:solid 1px #cba973;" class="">
  10.                     <section style="border-right:solid 1px #cba973;padding:30px 12px;">
  11.                         <section style="color:#cba973;letter-spacing:1.5px;" class="">
  12.                             <p style="text-align: left;">
  13.                                 <span style="font-size: 15px;">【标题】………………</span>
  14.                             </p>
  15.                         </section>
  16.                         <section style="color: #cba973; letter-spacing: 3px;" class="_sub_active">
  17.                             <p style="font-size: 15px; text-align: center;">
  18.                                 <br/>
  19.                             </p>
  20.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  21.                                 <span style="font-size: 14px;"></span>
  22.                             </p>
  23.                             <p style="text-align:center">
  24.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/184031qzwwcjjj9kssjkck.png" width="314" height="192" style="border: 0px none; border-radius: 15px; width: 314px; height: 192px;"/>
  25.                             </p>
  26.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  27.                                 <br/>
  28.                             </p>
  29.                             <p style="padding-left: 25px; padding-right: 25px; line-height: 2em;">
  30.                                 <span style="font-size: 14px;"><br/>歌词…………<br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  31. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  32. <br><br></span>
  33.                             </p>
  34.                         </section>
  35.                     </section>
  36.                 </section>
  37.             </section>
  38.         </section>
  39.         <section style="width: 55%;margin:-30px auto -200px;transform: rotateZ(0deg);">
  40.             <br/>
  41.         </section>
  42.         <section style="width: 100%;">
  43.             <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/151306oottuufuzuppounq.png" style="display: block; width: 100%; height: auto;" data-width="100%" alt=""/>
  44.         </section>
  45.     </section>
  46.     <section class="_editor" style="width: 87%; margin: 0px auto;"></section>
  47.     <section class="_editor">
  48.         <p>
  49.             <br/>
  50.         </p>
  51.     </section>
  52. </section>
复制代码
回复

使用道具 举报

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


【日签】       

20230527



文字……






点评

这个我喜欢,哈哈  发表于 2023-8-13 23:10

评分

2

查看全部评分

回复

使用道具 举报

 楼主| 发表于 2023-6-6 22:00 | 显示全部楼层
  1. <div align="left">
  2. <section style="width:480px;">
  3. <section class="_editor">
  4.     <section style="background-color:#f5fafe;" class="">
  5.         <section style="text-align: center">
  6.             <br/>
  7.         </section>
  8.         <section class="_editor">
  9.             <section style="margin: 10px 0px; text-align: center;" class="">
  10.                 <section style="display:inline-block;">
  11.                     <section style="background-color:#b7c3b4;width:14px;height:14px;"></section>
  12.                     <section style="color:#b7c3b4;font-size: 25px;margin: 0px 40px 0px 10px;margin-top:-8px;" class="">
  13.                         <p>
  14.                             <span style="font-size: 16px;"><strong>【日签】&nbsp;</strong></span><strong>&nbsp; &nbsp; &nbsp;&nbsp;</strong>
  15.                         </p>
  16.                     </section>
  17.                     <section style="margin-top:-18px;display:flex;justify-content:center;align-items:flex-end;" class="">
  18.                         <section style="text-align: center;width:50%;height:1px;background-color:#87b972;"></section>
  19.                         <section style="text-align: center;width: 7%;height:1px;background-color:#87b972;"></section>
  20.                         <section style="width:60%;height:15px;background-color:#daded4;margin-left:10px;"></section>
  21.                     </section>
  22.                     <section style="margin:5px 0px;color:#b7c3b4;font-size:16px;letter-spacing:2px;" class="">
  23.                         <p style="text-align: center;">
  24.                             <strong>20230527</strong>
  25.                         </p>
  26.                     </section>
  27.                 </section>
  28.             </section>
  29.         </section>
  30.         <section class="_editor" style=" margin: 0px auto; width: 93%;">
  31.             <section style="border:solid 10px #f0f3ec;" class="">
  32.                 <section style="border:dashed 1px #b7c3b4;padding:20px 13px;background-color:#fefefe;" class="">
  33.                     <section class="_editor">
  34.                         <section>
  35.                             <section style="display:flex;justify-content:center;align-items:center;transform: rotatez(0deg);" class="">
  36.                                 <section style="width: 42%;margin-left:15px;">
  37.                                     <section style="margin:12px 0px 0px;"></section>
  38.                                 </section>
  39.                             </section>
  40.                         </section>
  41.                     </section>
  42.                     <section class="_editor">
  43.                         <section style="margin:0px 0px 10px;display:flex;justify-content: space-between;align-items: center;">
  44.                             <section style="width:70%;height:2px;background-color:#b7c3b4;"></section>
  45.                             <section style="width: 18px;height: 18px;background-color:#b7c3b4;"></section>
  46.                             <section style="width: 18px;height: 18px;background-color:#f6d984;"></section>
  47.                             <section style="width:10%;height:2px;background-color:#b7c3b4;"></section>
  48.                         </section>
  49.                     </section>
  50.                     <section class="_editor">
  51.                         <section class="tool-border">
  52.                             <section></section>
  53.                             <section></section>
  54.                             <section></section>
  55.                             <section></section>
  56.                         </section>
  57.                         <section style="margin:10px 0px 0px;" class="">
  58.                             <section style="padding:10px 0px;color: #9eb399; letter-spacing: 2px; font-size: 14px; line-height: 1.75em; transform: rotateZ(0deg); text-align: justify;" class="">
  59.                                 <p style="padding-left: 45px; padding-right: 45px;">
  60.                                     <br/>
  61.                                 </p>
  62.                                 <p style="text-align:center">
  63.                                     <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/190907lzwrewrtzc5ix5rx.png" width="326" height="177" style="border: 0px none; border-radius: 15px; width: 326px; height: 177px;"/>
  64.                                 </p>
  65.                                 <p style="padding-left: 45px; padding-right: 45px;">
  66.                                     <br/>
  67.                                 </p>
  68.                                 <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  69.                                     文字……<br/><br/>
  70. <br/><br/>
  71.                                 </p>
  72.                             </section>
  73.                         </section>
  74.                     </section>
  75.                 </section>
  76.             </section>
  77.         </section>
  78.         <section class="_editor">
  79.             <p>
  80.                 <br/>
  81.             </p>
  82.         </section>
  83.         <section class="_editor">
  84.             <section style="display:flex;justify-content:center;align-items:flex-end;">
  85.                 <section style="font-size:17px;letter-spacing:0px;color:#b7c3b4;">
  86.                     <p>
  87.                         <br/>
  88.                     </p>
  89.                 </section>
  90.             </section>
  91.         </section>
  92.     </section>
  93. </section>
  94. <section class="_editor">
  95.     <p>
  96.         <br/>
  97.     </p>
  98. </section>
复制代码
[发帖际遇]: 季夏の云 乐于助人,奖励 3 枚 金币. 幸运榜 / 衰神榜
回复

使用道具 举报

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


【标题】       

演唱者……



歌词……








评分

2

查看全部评分

回复

使用道具 举报

 楼主| 发表于 2023-6-6 22:06 | 显示全部楼层
  1. <div align="center">
  2. <section style="width:550px;">
  3. <section class="_editor">
  4.     <section style="background-color:#f5fafe;" class="">
  5.         <section style="text-align: center">
  6.             <br/>
  7.         </section>
  8.         <section class="_editor">
  9.             <section style="margin: 10px 0px; text-align: center;" class="">
  10.                 <section style="display:inline-block;">
  11.                     <section style="background-color:#b7c3b4;width:14px;height:14px;"></section>
  12.                     <section style="color:#b7c3b4;font-size: 25px;margin: 0px 40px 0px 10px;margin-top:-8px;" class="">
  13.                         <p>
  14.                             <span style="font-size: 16px;"><strong>【标题】&nbsp;</strong></span><strong>&nbsp; &nbsp; &nbsp;&nbsp;</strong>
  15.                         </p>
  16.                     </section>
  17.                     <section style="margin-top:-18px;display:flex;justify-content:center;align-items:flex-end;" class="">
  18.                         <section style="text-align: center;width:50%;height:1px;background-color:#87b972;"></section>
  19.                         <section style="text-align: center;width: 7%;height:1px;background-color:#87b972;"></section>
  20.                         <section style="width:60%;height:15px;background-color:#daded4;margin-left:10px;"></section>
  21.                     </section>
  22.                     <section style="margin:5px 0px;color:#b7c3b4;font-size:16px;letter-spacing:2px;" class="">
  23.                         <p style="text-align: center;">
  24.                             <strong>演唱者……</strong>
  25.                         </p>
  26.                     </section>
  27.                 </section>
  28.             </section>
  29.         </section>
  30.         <section class="_editor" style=" margin: 0px auto; width: 93%;">
  31.             <section style="border:solid 10px #f0f3ec;" class="">
  32.                 <section style="border:dashed 1px #b7c3b4;padding:20px 13px;background-color:#fefefe;" class="">
  33.                     <section class="_editor">
  34.                         <section>
  35.                             <section style="display:flex;justify-content:center;align-items:center;transform: rotatez(0deg);" class="">
  36.                                 <section style="width: 42%;margin-left:15px;">
  37.                                     <section style="margin:12px 0px 0px;"></section>
  38.                                 </section>
  39.                             </section>
  40.                         </section>
  41.                     </section>
  42.                     <section class="_editor">
  43.                         <section style="margin:0px 0px 10px;display:flex;justify-content: space-between;align-items: center;">
  44.                             <section style="width:70%;height:2px;background-color:#b7c3b4;"></section>
  45.                             <section style="width: 18px;height: 18px;background-color:#b7c3b4;"></section>
  46.                             <section style="width: 18px;height: 18px;background-color:#f6d984;"></section>
  47.                             <section style="width:10%;height:2px;background-color:#b7c3b4;"></section>
  48.                         </section>
  49.                     </section>
  50.                     <section class="_editor">
  51.                         <section class="tool-border">
  52.                             <section></section>
  53.                             <section></section>
  54.                             <section></section>
  55.                             <section></section>
  56.                         </section>
  57.                         <section style="margin:10px 0px 0px;" class="">
  58.                             <section style="padding:10px 0px;color: #9eb399; letter-spacing: 2px; font-size: 14px; line-height: 1.75em; transform: rotateZ(0deg); text-align: justify;" class="">
  59.                                 <p style="padding-left: 45px; padding-right: 45px;">
  60.                                     <br/>
  61.                                 </p>
  62.                                 <p style="text-align:center">
  63.                                     <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/190907lzwrewrtzc5ix5rx.png" width="326" height="177" style="border: 0px none; border-radius: 15px; width: 326px; height: 177px;"/>
  64.                                 </p>
  65.                                 <p style="padding-left: 45px; padding-right: 45px;">
  66.                                     <br/>
  67.                                 </p>
  68.                                 <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  69.                                     歌词……<br/><br/>
  70. <br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  71. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
  72. <br><br>
  73.                                 </p>
  74.                             </section>
  75.                         </section>
  76.                     </section>
  77.                 </section>
  78.             </section>
  79.         </section>
  80.         <section class="_editor">
  81.             <p>
  82.                 <br/>
  83.             </p>
  84.         </section>
  85.         <section class="_editor">
  86.             <section style="display:flex;justify-content:center;align-items:flex-end;">
  87.                 <section style="font-size:17px;letter-spacing:0px;color:#b7c3b4;">
  88.                     <p>
  89.                         <br/>
  90.                     </p>
  91.                 </section>
  92.             </section>
  93.         </section>
  94.     </section>
  95. </section>
  96. <section class="_editor">
  97.     <p>
  98.         <br/>
  99.     </p>
  100. </section>
复制代码
回复

使用道具 举报

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



文字……



【日签】20230607


评分

1

查看全部评分

[发帖际遇]: 季夏の云 捡了钱没交公 钻石 降了 1 颗 . 幸运榜 / 衰神榜
回复

使用道具 举报

 楼主| 发表于 2023-6-7 21:56 | 显示全部楼层
  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" 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/>

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

复制代码
回复

使用道具 举报

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

本版积分规则

手机版|转角论坛

GMT+8, 2024-12-27 17:52

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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