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

季夏の云

签到版

日签

20230615

文字……

季夏の云

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. 
    
48.                 </p>
    
49.             </section>
    
50.         </section>
    
51.     </section>
    
52.     <section class="_editor">
    
53.         <section class="_editor" style="text-align: center;">
    
54.             <section style="display:inline-block;"></section>
    
55.         </section>
    
56.     </section>
    
57. </section>
    
58. <section class="_editor">
    
59.     <p>
    
60.         <br/>
    
61.     </p>
    
62. </section>

复制代码

季夏の云

添加播放器版

【歌名】

演唱者……

歌词……

季夏の云

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. 
    
50.                 </p>
    
51.             </section>
    
52.         </section>
    
53.     </section>
    
54.     <section class="_editor">
    
55.         <section class="_editor" style="text-align: center;">
    
56.             <section style="display:inline-block;"></section>
    
57.         </section>
    
58.     </section>
    
59. </section>
    
60. <section class="_editor">
    
61.     <p>
    
62.         <br/>
    
63.     </p>
    
64. </section>

复制代码

季夏の云

签到版

【日签】

20230616

文字……

季夏の云

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>

复制代码

季夏の云

添加播放器版

【标题】

演唱者……

歌词……

季夏の云

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>

复制代码

季夏の云

签到版

【日签】 | 20230617

文字……

季夏の云

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>

复制代码