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

季夏の云

添加播放器版

歌词……

【标题】……

季夏の云

1. <div align="center">
   
2. <section style="width:550px;">
   
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/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
    
30. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
    
31. <br><br>
    
32. 
    
33.                         </p>
    
34.                         <p style="font-size: 14px; padding-left: 45px; padding-right: 45px;">
    
35.                             <br/>
    
36.                         </p>
    
37.                         <p style="font-size: 14px;">
    
38.                             <br/>
    
39.                         </p>
    
40.                         <section class="_editor">
    
41.                             <section data-align="title" style="text-align: center; display: flex; justify-content: flex-end;">
    
42.                                 <section style="display: flex; justify-content: center; align-items: center; margin-left: 10px;">
    
43.                                     <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>
    
44.                                     <section style="border-bottom: 1px dashed #a09b94; padding-bottom: 5px;">
    
45.                                         <section style="color: #a09b94; letter-spacing: 4px; text-align: center; background-color: #dedede; padding: 3px 25px;">
    
46.                                             <p style="text-align: center; letter-spacing: 2px;">
    
47.                                                 <span style="font-size: 15px;">【标题】……</span>
    
48.                                             </p>
    
49.                                         </section>
    
50.                                     </section>
    
51.                                     <section style="font-size: 14px; width: 1.3em; margin-left: -10px; margin-bottom: -3px;">
    
52.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/20/174816qiigt44dwlzedjj3.png" style="display: block; width: 100%; height: auto;" title="" alt=""/>
    
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.     <p>
    
65.         <br/>
    
66.     </p>
    
67. </section>
    
68. 
    
69. 
    

复制代码

季夏の云

签到版

【日签】20230608

文字……

季夏の云

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" data-tpl-id="15944">
   
9.     <section style="background-color:#b4c2dc;" class="">
   
10.         <section class="_editor">
    
11.             <section class="_editor">
    
12.                 <section style="display:flex;justify-content:space-between;align-items:flex-start;">
    
13.                     <section style="width:100%;"></section>
    
14.                 </section>
    
15.             </section>
    
16.         </section>
    
17.         <section class="_editor" style="margin:0 10px;">
    
18.             <section class="_editor">
    
19.                 <p>
    
20.                     <br/>
    
21.                 </p>
    
22.             </section>
    
23.             <section class="_editor"></section>
    
24.             <section class="_editor" style="margin:20px 30px 0;text-align:center;">
    
25.                 <section style="background-color:#ffffff;border:1px solid #999eb5;padding:5px 15px 15px;">
    
26.                     <section style="padding-bottom:0px;padding-top:10px;" class="">
    
27.                         <section class="_editor">
    
28.                             <section style="width:4em;margin-left:auto;margin-top:-2em;margin-right:-10px;" class="">
    
29.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202301/09/222947b62p26tims3wo22z.png" style="display: block; width: 100%; height: auto; transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);" title="" alt=""/>
    
30.                             </section>
    
31.                             <section style="margin-top:10px;">
    
32.                                 <section style="color:#999eb5;font-size:15px;letter-spacing:1px;text-align:left;" class="">
    
33.                                     <p>
    
34.                                         【日签】20230608
    
35.                                     </p>
    
36.                                 </section>
    
37.                                 <section style="width:60%;height:1px;border-bottom:1px dashed #999eb5;margin-left:auto;"></section>
    
38.                             </section>
    
39.                         </section>
    
40.                         <section class="_editor">
    
41.                             <section style="display:flex;justify-content:center;align-items:flex-start;">
    
42.                                 <section style="color:#708094;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.2em;margin:10px 0 10px;" class="">
    
43.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
44.                                         <br/>
    
45.                                     </p>
    
46.                                     <p style="text-align:center">
    
47.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/213511nusbp0uqo3s1lutz.png" style="border: 0px none; border-radius: 15px; width: 335px; height: 192px;" width="335" height="192"/>
    
48.                                     </p>
    
49.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
50.                                         <br/>
    
51.                                     </p>
    
52.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2.2em;">
    
53.                                        <br/>文字……<br/>
    
54.                                     </p>
    
55.                                     <p>
    
56.                                         <br/>
    
57.                                     </p>
    
58.                                 </section>
    
59.                             </section>
    
60.                         </section>
    
61.                         <section class="_editor">
    
62.                             <section style="width:3em;margin-bottom:-2em;margin-left:1em;">
    
63.                                 <br/>
    
64.                             </section>
    
65.                         </section>
    
66.                     </section>
    
67.                 </section>
    
68.             </section>
    
69.         </section>
    
70.         <section class="_editor">
    
71.             <section class="_editor">
    
72.                 <section class="_editor">
    
73.                     <section style="display:flex;justify-content:center;align-items:center;" class="">
    
74.                         <section style="width:3.5em;">
    
75.                             <br/>
    
76.                         </section>
    
77.                     </section>
    
78.                 </section>
    
79.             </section>
    
80.             <section class="_editor">
    
81.                 <section class="_editor"></section>
    
82.             </section>
    
83.         </section>
    
84.     </section>
    
85. </section>
    
86. <section class="_editor">
    
87.     <section class="tool-border">
    
88.         <section></section>
    
89.         <section></section>
    
90.         <section></section>
    
91.         <section></section>
    
92.     </section>
    
93.     <p>
    
94.         <br/>
    
95.     </p>
    
96. </section>

复制代码

季夏の云

添加播放器版

【标题】……

歌词……

季夏の云

1. <div align="center">
   
2. <section style="width:550px;">
   
3. <section class="_editor">
   
4.     <p>
   
5.         <br/>
   
6.     </p>
   
7. </section>
   
8. <section class="_editor" data-tpl-id="15944">
   
9.     <section style="background-color:#b4c2dc;" class="">
   
10.         <section class="_editor">
    
11.             <section class="_editor">
    
12.                 <section style="display:flex;justify-content:space-between;align-items:flex-start;">
    
13.                     <section style="width:100%;"></section>
    
14.                 </section>
    
15.             </section>
    
16.         </section>
    
17.         <section class="_editor" style="margin:0 10px;">
    
18.             <section class="_editor">
    
19.                 <p>
    
20.                     <br/>
    
21.                 </p>
    
22.             </section>
    
23.             <section class="_editor"></section>
    
24.             <section class="_editor" style="margin:20px 30px 0;text-align:center;">
    
25.                 <section style="background-color:#ffffff;border:1px solid #999eb5;padding:5px 15px 15px;">
    
26.                     <section style="padding-bottom:0px;padding-top:10px;" class="">
    
27.                         <section class="_editor">
    
28.                             <section style="width:4em;margin-left:auto;margin-top:-2em;margin-right:-10px;" class="">
    
29.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202301/09/222947b62p26tims3wo22z.png" style="display: block; width: 100%; height: auto; transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);" title="" alt=""/>
    
30.                             </section>
    
31.                             <section style="margin-top:10px;">
    
32.                                 <section style="color:#999eb5;font-size:15px;letter-spacing:1px;text-align:left;" class="">
    
33.                                     <p>
    
34.                                         【标题】……
    
35.                                     </p>
    
36.                                 </section>
    
37.                                 <section style="width:60%;height:1px;border-bottom:1px dashed #999eb5;margin-left:auto;"></section>
    
38.                             </section>
    
39.                         </section>
    
40.                         <section class="_editor">
    
41.                             <section style="display:flex;justify-content:center;align-items:flex-start;">
    
42.                                 <section style="color:#708094;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.2em;margin:10px 0 10px;" class="">
    
43.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
44.                                         <br/>
    
45.                                     </p>
    
46.                                     <p style="text-align:center">
    
47.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/213511nusbp0uqo3s1lutz.png" style="border: 0px none; border-radius: 15px; width: 335px; height: 192px;" width="335" height="192"/>
    
48.                                     </p>
    
49.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
50.                                         <br/>
    
51.                                     </p>
    
52.                                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2.2em;">
    
53.                                        <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.                                     </p>
    
57.                                     <p>
    
58.                                         <br/>
    
59.                                     </p>
    
60.                                 </section>
    
61.                             </section>
    
62.                         </section>
    
63.                         <section class="_editor">
    
64.                             <section style="width:3em;margin-bottom:-2em;margin-left:1em;">
    
65.                                 <br/>
    
66.                             </section>
    
67.                         </section>
    
68.                     </section>
    
69.                 </section>
    
70.             </section>
    
71.         </section>
    
72.         <section class="_editor">
    
73.             <section class="_editor">
    
74.                 <section class="_editor">
    
75.                     <section style="display:flex;justify-content:center;align-items:center;" class="">
    
76.                         <section style="width:3.5em;">
    
77.                             <br/>
    
78.                         </section>
    
79.                     </section>
    
80.                 </section>
    
81.             </section>
    
82.             <section class="_editor">
    
83.                 <section class="_editor"></section>
    
84.             </section>
    
85.         </section>
    
86.     </section>
    
87. </section>
    
88. <section class="_editor">
    
89.     <section class="tool-border">
    
90.         <section></section>
    
91.         <section></section>
    
92.         <section></section>
    
93.         <section></section>
    
94.     </section>
    
95.     <p>
    
96.         <br/>
    
97.     </p>
    
98. </section>

复制代码

季夏の云

签到版

【日签】20230609

文字……

季夏の云

1. <div align="left">
   
2. <section style="width:480px;">
   
3. <section class="_editor" data-tpl-id="15944">
   
4.     <section class="tool-border">
   
5.         <section></section>
   
6.         <section></section>
   
7.         <section></section>
   
8.         <section></section>
   
9.     </section>
   
10.     <section style="background-color:#d5d3c9;" class="">
    
11.         <section class="_editor">
    
12.             <section class="_editor">
    
13.                 <section style="display:flex;justify-content:space-between;align-items:flex-start;" class="">
    
14.                     <section style="width:100%;">
    
15.                         <br/>
    
16.                     </section>
    
17.                 </section>
    
18.             </section>
    
19.         </section>
    
20.         <section class="_editor" style="margin:0 10px;">
    
21.             <section class="_editor" style="margin:20px 40px 0;text-align:center;">
    
22.                 <section style="background-color:#ffffff;border:1px solid #b5a59f;padding:5px 15px 15px;border-radius:15px;" class="">
    
23.                     <section style="padding-bottom:0px;padding-top:10px;" class="">
    
24.                         <section class="_editor">
    
25.                             <section style="display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #b5a59f;">
    
26.                                 <section style="width:1.5em;margin-bottom:10px;" class="">
    
27.                                     <img src="http://bbs.zjiao.net/data/attachment/forum/202201/19/234709oeojj3jo5j9k23o3.png" style="display: block; width: 100%; height: auto;" title="" alt=""/>
    
28.                                 </section>
    
29.                                 <section style="color:#b5a59f;font-size:15px;letter-spacing:1px;text-align:right;" class="">
    
30.                                     <p>
    
31.                                         【日签】20230609
    
32.                                     </p>
    
33.                                 </section>
    
34.                             </section>
    
35.                             <section style="display:flex;justify-content:center;align-items:flex-start;margin-top:10px;">
    
36.                                 <section style="width:100%;" class=""></section>
    
37.                             </section>
    
38.                         </section>
    
39.                         <section class="_editor" draggable="true">
    
40.                             <section style="display:flex;justify-content:center;align-items:flex-start;">
    
41.                                 <section style="color:#b59887;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.2em;margin:10px 0 10px;" class="">
    
42.                                     <p style="text-align:center">
    
43.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/221754b2gceenuqxh2xqkz.png" width="309" height="202" style="width: 309px; height: 202px;"/>
    
44.                                     </p>
    
45.                                     <p>
    
46.                                         <br/>
    
47.                                     </p>
    
48.                                     <p style="padding-left: 40px; padding-right: 40px;">
    
49.                                         文字……<br/><br/>
    
50.                                     </p>
    
51.                                 </section>
    
52.                             </section>
    
53.                         </section>
    
54.                     </section>
    
55.                 </section>
    
56.             </section>
    
57.         </section>
    
58.         <section class="_editor">
    
59.             <section class="_editor">
    
60.                 <section class="_editor">
    
61.                     <p>
    
62.                         <br/>
    
63.                     </p>
    
64.                 </section>
    
65.                 <section class="_editor">
    
66.                     <p>
    
67.                         <br/>
    
68.                     </p>
    
69.                 </section>
    
70.             </section>
    
71.             <section class="_editor"></section>
    
72.         </section>
    
73.     </section>
    
74. </section>
    
75. <section class="_editor">
    
76.     <p>
    
77.         <br/>
    
78.     </p>
    
79. </section>

复制代码

季夏の云

添加播放器版

【标题】……

歌词……

季夏の云

1. <div align="center">
   
2. <section style="width:550px;">
   
3. <section class="_editor" data-tpl-id="15944">
   
4.     <section class="tool-border">
   
5.         <section></section>
   
6.         <section></section>
   
7.         <section></section>
   
8.         <section></section>
   
9.     </section>
   
10.     <section style="background-color:#d5d3c9;" class="">
    
11.         <section class="_editor">
    
12.             <section class="_editor">
    
13.                 <section style="display:flex;justify-content:space-between;align-items:flex-start;" class="">
    
14.                     <section style="width:100%;">
    
15.                         <br/>
    
16.                     </section>
    
17.                 </section>
    
18.             </section>
    
19.         </section>
    
20.         <section class="_editor" style="margin:0 10px;">
    
21.             <section class="_editor" style="margin:20px 40px 0;text-align:center;">
    
22.                 <section style="background-color:#ffffff;border:1px solid #b5a59f;padding:5px 15px 15px;border-radius:15px;" class="">
    
23.                     <section style="padding-bottom:0px;padding-top:10px;" class="">
    
24.                         <section class="_editor">
    
25.                             <section style="display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #b5a59f;">
    
26.                                 <section style="width:1.5em;margin-bottom:10px;" class="">
    
27.                                     <img src="http://bbs.zjiao.net/data/attachment/forum/202201/19/234709oeojj3jo5j9k23o3.png" style="display: block; width: 100%; height: auto;" title="" alt=""/>
    
28.                                 </section>
    
29.                                 <section style="color:#b5a59f;font-size:15px;letter-spacing:1px;text-align:right;" class="">
    
30.                                     <p>
    
31.                                         【标题】……
    
32.                                     </p>
    
33.                                 </section>
    
34.                             </section>
    
35.                             <section style="display:flex;justify-content:center;align-items:flex-start;margin-top:10px;">
    
36.                                 <section style="width:100%;" class=""></section>
    
37.                             </section>
    
38.                         </section>
    
39.                         <section class="_editor" draggable="true">
    
40.                             <section style="display:flex;justify-content:center;align-items:flex-start;">
    
41.                                 <section style="color:#b59887;font-size:14px;letter-spacing:1px;text-align:left;line-height:2.2em;margin:10px 0 10px;" class="">
    
42.                                     <p style="text-align:center">
    
43.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/27/221754b2gceenuqxh2xqkz.png" width="309" height="202" style="width: 309px; height: 202px;"/>
    
44.                                     </p>
    
45.                                     <p>
    
46.                                         <br/>
    
47.                                     </p>
    
48.                                     <p style="padding-left: 40px; padding-right: 40px;">
    
49.                                         歌词……<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 class="_editor">
    
61.             <section class="_editor">
    
62.                 <section class="_editor">
    
63.                     <p>
    
64.                         <br/>
    
65.                     </p>
    
66.                 </section>
    
67.                 <section class="_editor">
    
68.                     <p>
    
69.                         <br/>
    
70.                     </p>
    
71.                 </section>
    
72.             </section>
    
73.             <section class="_editor"></section>
    
74.         </section>
    
75.     </section>
    
76. </section>
    
77. <section class="_editor">
    
78.     <p>
    
79.         <br/>
    
80.     </p>
    
81. </section>

复制代码