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

季夏の云

签到版

【日签】20230610

文字……

季夏の云

1. <div align="left">
   
2. <section style="width:480px;">
   
3. <section class="_editor">
   
4.     <section style="margin:10px 0 15px;" class="">
   
5.         <section style="background-color:#e7e7d6;padding:25px;" class="">
   
6.             <section style="display:flex;justify-content:flex-start;align-items:flex-end;">
   
7.                 <section style="width:1.8em;">
   
8.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202201/16/141709qx7b07p6lpkhkrub.gif" style="display: block; width: 100%; height: auto;" title="" alt=""/>
   
9.                 </section>
   
10.                 <section style="display:inline-block;margin-left:5px;">
    
11.                     <section style="font-size:14px;color:#67624c;padding:0 5px;">
    
12.                         <p>
    
13.                             <span style="font-size: 15px;">【日签】20230610</span>
    
14.                         </p>
    
15.                     </section>
    
16.                     <section style="width:100%;height:3px;border-radius:100%;background-color:#c7b5ab;"></section>
    
17.                 </section>
    
18.             </section>
    
19.             <section style="color:#3e3a39;font-size:13px;letter-spacing:1px;text-align:left;line-height:2.5em;margin-top:5px;" class="">
    
20.                 <section class="_editor">
    
21.                     <section class="tool-border">
    
22.                         <section></section>
    
23.                         <section></section>
    
24.                         <section></section>
    
25.                         <section></section>
    
26.                     </section>
    
27.                     <section style="margin:10px 15px 20px;" class="">
    
28.                         <section style="display:flex;justify-content:flex-start;align-items:center;margin-left:3%;">
    
29.                             <section style="width:1em;">
    
30.                                 <br/>
    
31.                             </section>
    
32.                         </section>
    
33.                         <section style="color:#928888;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.5em;background-color:#fffeed;padding:15px;border:4px solid #d7d4c9;margin-top:8px;border-radius:15px;" class="">
    
34.                             <p>
    
35.                                 <br/>
    
36.                             </p>
    
37.                             <p style="text-align:center">
    
38.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/071650tmjqgefmsjstgswx.png" width="323" height="203" style="width: 323px; height: 203px;"/>
    
39.                             </p>
    
40.                             <p>
    
41.                                 <br/>
    
42.                             </p>
    
43.                             <p style="padding-left: 40px; padding-right: 40px;">
    
44.                                 文字……<br/><br/>
    
45.                             </p>
    
46.                         </section>
    
47.                     </section>
    
48.                 </section>
    
49.                 <p>
    
50.                     <br/>
    
51.                 </p>
    
52.             </section>
    
53.         </section>
    
54.     </section>
    
55. </section>
    
56. <section class="_editor">
    
57.     <p>
    
58.         <br/>
    
59.     </p>
    
60. </section>

复制代码

季夏の云

添加播放器版

【标题】……

歌词……

季夏の云

1. <div align="center">
   
2. <section style="width:550px;">
   
3. <section class="_editor">
   
4.     <section style="margin:10px 0 15px;" class="">
   
5.         <section style="background-color:#e7e7d6;padding:25px;" class="">
   
6.             <section style="display:flex;justify-content:flex-start;align-items:flex-end;">
   
7.                 <section style="width:1.8em;">
   
8.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202201/16/141709qx7b07p6lpkhkrub.gif" style="display: block; width: 100%; height: auto;" title="" alt=""/>
   
9.                 </section>
   
10.                 <section style="display:inline-block;margin-left:5px;">
    
11.                     <section style="font-size:14px;color:#67624c;padding:0 5px;">
    
12.                         <p>
    
13.                             <span style="font-size: 16px;">【标题】……</span>
    
14.                         </p>
    
15.                     </section>
    
16.                     <section style="width:100%;height:3px;border-radius:100%;background-color:#c7b5ab;"></section>
    
17.                 </section>
    
18.             </section>
    
19.             <section style="color:#3e3a39;font-size:13px;letter-spacing:1px;text-align:left;line-height:2.5em;margin-top:5px;" class="">
    
20.                 <section class="_editor">
    
21.                   
    
22.                     <section style="margin:10px 15px 20px;" class="">
    
23.                         <section style="display:flex;justify-content:flex-start;align-items:center;margin-left:3%;">
    
24.                             <section style="width:1em;">
    
25.                                 <br/>
    
26.                             </section>
    
27.                         </section>
    
28.                         <section style="color:#928888;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.5em;background-color:#fffeed;padding:15px;border:4px solid #d7d4c9;margin-top:8px;border-radius:15px;" class="">
    
29.                             <p>
    
30.                                 <br/>
    
31.                             </p>
    
32.                             <p style="text-align:center">
    
33.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/071650tmjqgefmsjstgswx.png" width="323" height="203" style="width: 323px; height: 203px;"/>
    
34.                             </p>
    
35.                             <p>
    
36.                                 <br/>
    
37.                             </p>
    
38.                             <p style="padding-left: 40px; padding-right: 40px;">
    
39.                                 歌词……<br/><br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
    
40. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
    
41. <br><br>
    
42.                             </p>
    
43.                         </section>
    
44.                     </section>
    
45.                 </section>
    
46.                 <p>
    
47.                     <br/>
    
48.                 </p>
    
49.             </section>
    
50.         </section>
    
51.     </section>
    
52. </section>
    
53. <section class="_editor">
    
54.     <p>
    
55.         <br/>
    
56.     </p>
    
57. </section>

复制代码

季夏の云

签到版

【日签】20230611

文字……

季夏の云

1. <div align="left">
   
2. <section style="width:480px;">
   
3. <section class="_editor" data-tpl-id="17100">
   
4.     <section style="background-color:#b2e4f7;" class="">
   
5.         <section style="background-color：#b2e4f7;background-repeat:no-repeat;background-position:0% 0%;background-size:100%;padding:0px 0px 0px;" class="">
   
6.             <section class="_editor" style="text-align: center;">
   
7.                 <section style="margin:0px 0px 0px;width: 68%;">
   
8.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144338xya3em4go1rkn203.png" style="display: block; width: 100%; height: auto; opacity: 0.59;" alt="" title=""/>
   
9.                 </section>
   
10.                 <section style="margin:-70px 0px 0px 70px;width: 68px;">
    
11.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144333layzl2xkxmmfhhyz.gif" style="display: block; width: 100%; height: auto;" alt="" title=""/>
    
12.                 </section>
    
13.                 <section style="color:#698bb0;font-size:14px;margin:0px 10px;">
    
14.                     <p style="text-align: center;">
    
15.                         <br/>
    
16.                     </p>
    
17.                 </section>
    
18.                 <section style="margin:20px  auto 0px;width: 84%;"></section>
    
19.             </section>
    
20.             <section class="_editor" data-support="96编辑器" data-style-id="32675" style="width: 80%; margin: 0px auto;">
    
21.                 <section style="margin-top:33px;margin-bottom: 10px;text-align: left;" class="">
    
22.                     <section style="display:inline-block;" class="">
    
23.                         <section style="background-color:#4d7994;padding: 3px 20px;box-sizing: border-box;letter-spacing:2px;color:#fff;font-size:15px;" class="">
    
24.                             <p>
    
25.                                 【日签】20230611
    
26.                             </p>
    
27.                         </section>
    
28.                         <section style="height:0px;width: 0px;border-right: 5px solid #698bb0;border-top: 3px solid #698bb0;border-left: 5px solid transparent !important;border-bottom:3px solid transparent !important;box-sizing: border-box;">
    
29.                             <br/>
    
30.                         </section>
    
31.                     </section>
    
32.                     <section style="margin-left: 9px;margin-top: -80px;background-color: #fefefe;padding: 66px 13px 13px;box-sizing: border-box;">
    
33.                         <section style="color: #3774a4;letter-spacing: 2px;font-size: 14px;line-height: 1.75em;transform: rotateZ(0deg);text-align: justify;" class="">
    
34.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
35.                                 <br/>
    
36.                             </p>
    
37.                             <p style="text-align:center">
    
38.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144146edx5inmdb6bdj2w3.png" width="280" height="150" style="border: 0px none; border-radius: 15px; width: 280px; height: 150px;"/>
    
39.                             </p>
    
40.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
41.                                 <br/>
    
42.                             </p>
    
43.                             <p style="padding-left: 25px; padding-right: 25px; line-height: 2em;">
    
44.                                 文字……<br/><br/>
    
45.                             </p>
    
46.                         </section>
    
47.                     </section>
    
48.                 </section>
    
49.             </section>
    
50.             <section class="_editor" data-support="96编辑器">
    
51.                 <section>
    
52.                     <section>
    
53.                         <section style="margin: 10px 0px; text-align: center;">
    
54.                             <section style="color: #333;font-size: 13px;line-height: 2;text-align:center;letter-spacing:2px;" class="">
    
55.                                 <p>
    
56.                                     <br/>
    
57.                                 </p>
    
58.                             </section>
    
59.                         </section>
    
60.                     </section>
    
61.                 </section>
    
62.             </section>
    
63.         </section>
    
64.     </section>
    
65. </section>
    
66. <section class="_editor">
    
67.     <p>
    
68.         <br/>
    
69.     </p>
    
70. </section>

复制代码

季夏の云

添加播放器版

【标题】……

歌词……

季夏の云

1. <div align="center">
   
2. <section style="width:550px;">
   
3. <section class="_editor" data-tpl-id="17100">
   
4.     <section style="background-color:#b2e4f7;" class="">
   
5.         <section style="background-color：#b2e4f7;background-repeat:no-repeat;background-position:0% 0%;background-size:100%;padding:0px 0px 0px;" class="">
   
6.             <section class="_editor" style="text-align: center;">
   
7.                 <section style="margin:0px 0px 0px;width: 68%;">
   
8.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144338xya3em4go1rkn203.png" style="display: block; width: 100%; height: auto; opacity: 0.59;" alt="" title=""/>
   
9.                 </section>
   
10.                 <section style="margin:-70px 0px 0px 70px;width: 68px;">
    
11.                     <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144333layzl2xkxmmfhhyz.gif" style="display: block; width: 100%; height: auto;" alt="" title=""/>
    
12.                 </section>
    
13.                 <section style="color:#698bb0;font-size:14px;margin:0px 10px;">
    
14.                     <p style="text-align: center;">
    
15.                         <br/>
    
16.                     </p>
    
17.                 </section>
    
18.                 <section style="margin:20px  auto 0px;width: 84%;"></section>
    
19.             </section>
    
20.             <section class="_editor" data-support="96编辑器" data-style-id="32675" style="width: 80%; margin: 0px auto;">
    
21.                 <section style="margin-top:33px;margin-bottom: 10px;text-align: left;" class="">
    
22.                     <section style="display:inline-block;" class="">
    
23.                         <section style="background-color:#4d7994;padding: 3px 20px;box-sizing: border-box;letter-spacing:2px;color:#fff;font-size:15px;" class="">
    
24.                             <p>
    
25.                                 【标题】……
    
26.                             </p>
    
27.                         </section>
    
28.                         <section style="height:0px;width: 0px;border-right: 5px solid #698bb0;border-top: 3px solid #698bb0;border-left: 5px solid transparent !important;border-bottom:3px solid transparent !important;box-sizing: border-box;">
    
29.                             <br/>
    
30.                         </section>
    
31.                     </section>
    
32.                     <section style="margin-left: 9px;margin-top: -80px;background-color: #fefefe;padding: 66px 13px 13px;box-sizing: border-box;">
    
33.                         <section style="color: #3774a4;letter-spacing: 2px;font-size: 14px;line-height: 1.75em;transform: rotateZ(0deg);text-align: justify;" class="">
    
34.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
35.                                 <br/>
    
36.                             </p>
    
37.                             <p style="text-align:center">
    
38.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/144146edx5inmdb6bdj2w3.png" width="280" height="150" style="border: 0px none; border-radius: 15px; width: 280px; height: 150px;"/>
    
39.                             </p>
    
40.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
41.                                 <br/>
    
42.                             </p>
    
43.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
44.                                 <br/>歌词……<br/><br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
    
45. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
    
46. <br><br>
    
47.                             </p>
    
48.                         </section>
    
49.                     </section>
    
50.                 </section>
    
51.             </section>
    
52.             <section class="_editor" data-support="96编辑器">
    
53.                 <section>
    
54.                     <section>
    
55.                         <section style="margin: 10px 0px; text-align: center;">
    
56.                             <section style="color: #333;font-size: 13px;line-height: 2;text-align:center;letter-spacing:2px;" class="">
    
57.                                 <p>
    
58.                                     <br/>
    
59.                                 </p>
    
60.                             </section>
    
61.                         </section>
    
62.                     </section>
    
63.                 </section>
    
64.             </section>
    
65.         </section>
    
66.     </section>
    
67. </section>
    
68. <section class="_editor">
    
69.     <p>
    
70.         <br/>
    
71.     </p>
    
72. </section>

复制代码

季夏の云

签到版

【日签】20230612

文字……

季夏の云

1. <div align="left">
   
2. <section style="width:480px;">
   
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.                                                             【日签】20230612
    
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/>
    
50.                                                     </p>
    
51.                                                 </section>
    
52.                                             </section>
    
53.                                         </section>
    
54.                                     </section>
    
55.                                 </section>
    
56.                             </section>
    
57.                         </section>
    
58.                     </section>
    
59.                 </section>
    
60.             </section>
    
61.             <section class="_editor">
    
62.                 <section class="_editor">
    
63.                     <p>
    
64.                         <br/>
    
65.                     </p>
    
66.                 </section>
    
67.             </section>
    
68.         </section>
    
69.     </section>
    
70. </section>
    
71. <section class="_editor">
    
72.     <p>
    
73.         <br/>
    
74.     </p>
    
75. </section>

复制代码