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

季夏の云

添加播放器版

【标题】……

歌词……

季夏の云

1. <div align="center">
   
2. <section style="width:550px;">
   
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.                                                             【标题】……
    
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/><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>
    
61.                 </section>
    
62.             </section>
    
63.             <section class="_editor">
    
64.                 <section class="_editor">
    
65.                     <p>
    
66.                         <br/>
    
67.                     </p>
    
68.                 </section>
    
69.             </section>
    
70.         </section>
    
71.     </section>
    
72. </section>
    
73. <section class="_editor">
    
74.     <p>
    
75.         <br/>
    
76.     </p>
    
77. </section>

复制代码

季夏の云

签到版

  【日签】

  20230613

文字……。

季夏の云

1. <div align="left">
   
2. <section style="width:480px;">
   
3. <section class="_editor" data-support="96编辑器" data-style-id="31201">
   
4.     <section style="margin-top: 10px; margin-bottom: 10px;margin-right:3px; text-align: left;">
   
5.         <section style="display:inline-block;background-color:#fefefe;">
   
6.             <section style="width:3em;" class="">
   
7.                 <img src="http://bbs.zjiao.net/data/attachment/forum/202202/13/180606d0hk799b0h9y7k6y.gif" style="display: block; width: auto; height: auto; transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);" alt="" title=""/>
   
8.             </section>
   
9.         </section>
   
10.         <section style=" margin-top: -20px;" class="">
    
11.             <section style=" box-shadow:3px 3px 0px #e8b49d;border:solid 1px #d38457;" class="">
    
12.                 <section style="padding:15px;letter-spacing:2px;color: #996e55;font-size:14px;text-align:left;" class="">
    
13.                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
14.                         <br/>
    
15.                     </p>
    
16.                     <section class="_editor" style="width: 94%; margin: 0px auto;">
    
17.                         <section style="display:flex;justify-content:flex-start;align-items:center;">
    
18.                             <section style="background-image:linear-gradient(180deg, #fdfdfd, #e8b49d);width:50px;height:50px;border-radius:50%;"></section>
    
19.                             <section style="margin: 0px 0px 0px -16px; text-align: center;" class="">
    
20.                                 <section style="border-bottom:solid 1px #c78a5f;display:inline-block;padding:3px 23px;">
    
21.                                     <section style="color:#c78a5f;font-size:16px;transform: rotateZ(0deg);letter-spacing:2px;" class="">
    
22.                                         <p>
    
23.                                             <strong>&nbsp; 【日签】</strong>
    
24.                                         </p>
    
25.                                     </section>
    
26.                                 </section>
    
27.                                 <section style="margin:0px 0px;color:#b99a79;font-size:13px;transform: rotateZ(0deg);letter-spacing:0px;" class="">
    
28.                                     <p style="letter-spacing: 4px;">
    
29.                                         &nbsp; <span style="font-size: 14px;">20230613</span>
    
30.                                     </p>
    
31.                                 </section>
    
32.                             </section>
    
33.                         </section>
    
34.                         <section style="margin-top:6px;background-color:#fdfdfd;padding:1px 15px 15px;display:flex;justify-content:center;align-items:center;">
    
35.                             <section style="width:60%;margin-right:20px;" data-width="60%">
    
36.                                 <section style="font-size:14px;letter-spacing:2px;line-height:1.75;" class="">
    
37.                                     <p>
    
38.                                         <br/>
    
39.                                     </p>
    
40.                                 </section>
    
41.                             </section>
    
42.                             <section style="width:40%;margin-top:-40px;" data-width="40%"></section>
    
43.                         </section>
    
44.                     </section>
    
45.                     <p style="text-align:center">
    
46.                         <img src="http://bbs.zjiao.net/data/attachment/forum/202201/19/161928bkm3gh2l7ym772yr.jpg" width="364" height="205" style="border: 0px none; border-radius: 15px;"/>
    
47.                     </p>
    
48.                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
49.                         <br/>
    
50.                     </p>
    
51.                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
52.                         <br/>
    
53.                     </p>
    
54.                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
55.                         文字……。<br/><br/><br/>
    
56. 
    
57.                     </p>
    
58.                 </section>
    
59.             </section>
    
60.         </section>
    
61.     </section>
    
62. </section>
    
63. <section class="_editor">
    
64.     <p>
    
65.         <br/>
    
66.     </p>
    
67. </section>

复制代码

季夏の云

添加播放器版

  【标题】

  演唱者……

歌词……。

季夏の云

1. <div align="center">
   
2. <section style="width:550px;">
   
3. <section class="_editor" data-support="96编辑器" data-style-id="31201">
   
4.     <section style="margin-top: 10px; margin-bottom: 10px;margin-right:3px; text-align: left;">
   
5.         <section style="display:inline-block;background-color:#fefefe;">
   
6.             <section style="width:3em;" class="">
   
7.                 <img src="http://bbs.zjiao.net/data/attachment/forum/202202/13/180606d0hk799b0h9y7k6y.gif" style="display: block; width: auto; height: auto; transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);" alt="" title=""/>
   
8.             </section>
   
9.         </section>
   
10.         <section style=" margin-top: -20px;" class="">
    
11.             <section style=" box-shadow:3px 3px 0px #e8b49d;border:solid 1px #d38457;" class="">
    
12.                 <section style="padding:15px;letter-spacing:2px;color: #996e55;font-size:14px;text-align:left;" class="">
    
13.                     <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
14.                         <br/>
    
15.                     </p>
    
16.                     <section class="_editor" style="width: 94%; margin: 0px auto;">
    
17.                         <section style="display:flex;justify-content:flex-start;align-items:center;">
    
18.                             <section style="background-image:linear-gradient(180deg, #fdfdfd, #e8b49d);width:50px;height:50px;border-radius:50%;"></section>
    
19.                             <section style="margin: 0px 0px 0px -16px; text-align: center;" class="">
    
20.                                 <section style="border-bottom:solid 1px #c78a5f;display:inline-block;padding:3px 23px;">
    
21.                                     <section style="color:#c78a5f;font-size:16px;transform: rotateZ(0deg);letter-spacing:2px;" class="">
    
22.                                         <p>
    
23.                                             <strong>&nbsp; 【标题】</strong>
    
24.                                         </p>
    
25.                                     </section>
    
26.                                 </section>
    
27.                                 <section style="margin:0px 0px;color:#b99a79;font-size:13px;transform: rotateZ(0deg);letter-spacing:0px;" class="">
    
28.                                     <p style="letter-spacing: 4px;">
    
29.                                         &nbsp; <span style="font-size: 14px;">演唱者……</span>
    
30.                                     </p>
    
31.                                 </section>
    
32.                             </section>
    
33.                         </section>
    
34.                         <section style="margin-top:6px;background-color:#fdfdfd;padding:1px 15px 15px;display:flex;justify-content:center;align-items:center;">
    
35.                             <section style="width:60%;margin-right:20px;" data-width="60%">
    
36.                                 <section style="font-size:14px;letter-spacing:2px;line-height:1.75;" class="">
    
37.                                     <p>
    
38.                                         <br/>
    
39.                                     </p>
    
40.                                 </section>
    
41.                             </section>
    
42.                             <section style="width:40%;margin-top:-40px;" data-width="40%"></section>
    
43.                         </section>
    
44.                     </section>
    
45.                     <p style="text-align:center">
    
46.                         <img src="http://bbs.zjiao.net/data/attachment/forum/202201/19/161928bkm3gh2l7ym772yr.jpg" width="364" height="205" style="border: 0px none; border-radius: 15px;"/>
    
47.                     </p><br/><br/>
    
48.          
    
49.                     <p style="padding-left: 75px; padding-right: 75px; line-height: 2em;">
    
50.                         歌词……。<br/><br/><br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
    
51. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
    
52. <br><br>
    
53. 
    
54.                     </p>
    
55.                 </section>
    
56.             </section>
    
57.         </section>
    
58.     </section>
    
59. </section>
    
60. <section class="_editor">
    
61.     <p>
    
62.         <br/>
    
63.     </p>
    
64. </section>

复制代码

季夏の云

签到版

【日签】20230614

文字……

季夏の云

1. <div align="left">
   
2. <section style="width:480px;">
   
3. <section class="_editor" data-support="96编辑器" data-style-id="31202">
   
4.     <section style="margin: 10px 3px; text-align: center;" class="">
   
5.         <section style="display: flex;justify-content: space-between;align-items: center;">
   
6.             <section style="width:2.5em;">
   
7.                 <br/>
   
8.             </section>
   
9.             <section style="width:2.5em;transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-webkit-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-moz-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-ms-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-o-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);">
   
10.                 <br/>
    
11.             </section>
    
12.         </section>
    
13.         <section style=" margin-top: -14px; box-shadow:0px 2px 3px #9dbde8;border-radius:10px;background-color:#f7faff;" class="">
    
14.             <section style="padding: 15px; letter-spacing: 2px; color: #6993cc; text-align: left;" class="">
    
15.                 <p style="font-size: 14px;">
    
16.                     <br/>
    
17.                 </p>
    
18.                 <section class="_editor" style="width: 95%; margin: 0px auto;">
    
19.                     <section style="background-color: #fdfdfd00; margin: 0px 12px; display: inline-block;" class="">
    
20.                         <section style="display: flex; justify-content: flex-start; align-items: center;" class="">
    
21.                             <section class="">
    
22.                                 <section style="background-color: #70b4da; border-radius: 7px; color: #70b4da; letter-spacing: 2px; padding: 8px 20px; display: inline-block;">
    
23.                                     <section style="text-shadow: #ffffff 1px 1px, #ffffff 1px -1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 0px 1px, #ffffff 0px -1px, #ffffff -1px 0px, #ffffff 1px 0px; letter-spacing: 4px; line-height: 1; text-align: left;" class="">
    
24.                                         <p style="font-size: 16px;">
    
25.                                             【日签】20230614
    
26.                                         </p>
    
27.                                     </section>
    
28.                                 </section>
    
29.                             </section>
    
30.                             <section style="font-size: 14px; width: 101px;" class="">
    
31.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/31/230047qwvxonch8tzwatot.gif" style="display: block; width: 100%; height: auto; margin-bottom: 30px;" alt="" title=""/>
    
32.                             </section>
    
33.                         </section>
    
34.                     </section>
    
35.                     <section style="font-size: 14px; background-image: url('http://bbs.zjiao.net/data/attachment/forum/202305/31/230219vzvj0nj3uc9xu5zp.png'); border-radius: 0px 0px 20px 20px; background-repeat: no-repeat; background-position: 100% 100%; background-size: 100%; padding: 0px;" class="">
    
36.                         <section style="margin-top:-50px;border:solid 1px #70b4da;padding:70px 14px 20px;border-radius:23px;">
    
37.                             <section class="_editor"></section>
    
38.                             <section class="_editor">
    
39.                                 <section style="margin-top:14px;padding:0px;color:#6993b0;font-size:14px;line-height:2;transform: rotateZ(0deg);letter-spacing:2px;" class="">
    
40.                                     <p style="text-align:center">
    
41.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/182145w7f71s17ujz5uunj.png" width="337" height="211" style="border: 0px none; border-radius: 15px;"/>
    
42.                                     </p>
    
43.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
44.                                         <br/>
    
45.                                     </p>
    
46.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
47.                                         <br/>
    
48.                                     </p>
    
49.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
50.                                         文字……<br/><br/>
    
51.                                     </p>
    
52.                                 </section>
    
53.                             </section>
    
54.                             <section class="_editor">
    
55.                                 <p>
    
56.                                     <br/>
    
57.                                 </p>
    
58.                             </section>
    
59.                             <section style="display:flex;justify-content:flex-start;align-items:flex-end;">
    
60.                                 <section style="width: 116px;"></section>
    
61.                             </section>
    
62.                         </section>
    
63.                     </section>
    
64.                 </section>
    
65.                 <p style="font-size: 14px;">
    
66.                     <br/>
    
67.                 </p>
    
68.             </section>
    
69.         </section>
    
70.     </section>
    
71. </section>
    
72. <section class="_editor">
    
73.     <p>
    
74.         <br/>
    
75.     </p>
    
76. </section>

复制代码

季夏の云

添加播放器版

【标题】……

歌词……

季夏の云

1. <div align="center">
   
2. <section style="width:550px;">
   
3. <section class="_editor" data-support="96编辑器" data-style-id="31202">
   
4.     <section style="margin: 10px 3px; text-align: center;" class="">
   
5.         <section style="display: flex;justify-content: space-between;align-items: center;">
   
6.             <section style="width:2.5em;">
   
7.                 <br/>
   
8.             </section>
   
9.             <section style="width:2.5em;transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-webkit-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-moz-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-ms-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);-o-transform: rotatex(0deg) rotatey(180deg) rotatez(0deg);">
   
10.                 <br/>
    
11.             </section>
    
12.         </section>
    
13.         <section style=" margin-top: -14px; box-shadow:0px 2px 3px #9dbde8;border-radius:10px;background-color:#f7faff;" class="">
    
14.             <section style="padding: 15px; letter-spacing: 2px; color: #6993cc; text-align: left;" class="">
    
15.                 <p style="font-size: 14px;">
    
16.                     <br/>
    
17.                 </p>
    
18.                 <section class="_editor" style="width: 95%; margin: 0px auto;">
    
19.                     <section style="background-color: #fdfdfd00; margin: 0px 12px; display: inline-block;" class="">
    
20.                         <section style="display: flex; justify-content: flex-start; align-items: center;" class="">
    
21.                             <section class="">
    
22.                                 <section style="background-color: #70b4da; border-radius: 7px; color: #70b4da; letter-spacing: 2px; padding: 8px 20px; display: inline-block;">
    
23.                                     <section style="text-shadow: #ffffff 1px 1px, #ffffff 1px -1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 0px 1px, #ffffff 0px -1px, #ffffff -1px 0px, #ffffff 1px 0px; letter-spacing: 4px; line-height: 1; text-align: left;" class="">
    
24.                                         <p style="font-size: 16px;">
    
25.                                             【标题】……
    
26.                                         </p>
    
27.                                     </section>
    
28.                                 </section>
    
29.                             </section>
    
30.                             <section style="font-size: 14px; width: 101px;" class="">
    
31.                                 <img src="http://bbs.zjiao.net/data/attachment/forum/202305/31/230047qwvxonch8tzwatot.gif" style="display: block; width: 100%; height: auto; margin-bottom: 30px;" alt="" title=""/>
    
32.                             </section>
    
33.                         </section>
    
34.                     </section>
    
35.                     <section style="font-size: 14px; background-image: url('http://bbs.zjiao.net/data/attachment/forum/202305/31/230219vzvj0nj3uc9xu5zp.png'); border-radius: 0px 0px 20px 20px; background-repeat: no-repeat; background-position: 100% 100%; background-size: 100%; padding: 0px;" class="">
    
36.                         <section style="margin-top:-50px;border:solid 1px #70b4da;padding:70px 14px 20px;border-radius:23px;">
    
37.                             <section class="_editor"></section>
    
38.                             <section class="_editor">
    
39.                                 <section style="margin-top:14px;padding:0px;color:#6993b0;font-size:14px;line-height:2;transform: rotateZ(0deg);letter-spacing:2px;" class="">
    
40.                                     <p style="text-align:center">
    
41.                                         <img src="http://bbs.zjiao.net/data/attachment/forum/202305/28/182145w7f71s17ujz5uunj.png" width="337" height="211" style="border: 0px none; border-radius: 15px;"/>
    
42.                                     </p>
    
43.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
44.                                         <br/>
    
45.                                     </p>
    
46.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
47.                                         <br/>
    
48.                                     </p>
    
49.                                     <p style="text-align: left; padding-left: 45px; padding-right: 45px; line-height: 2em;">
    
50.                                         歌词……<br/><br/><br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
    
51. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3" type="audio/mpeg"></audio>
    
52. <br><br>
    
53.                                     </p>
    
54.                                 </section>
    
55.                             </section>
    
56.                             <section class="_editor">
    
57.                                 <p>
    
58.                                     <br/>
    
59.                                 </p>
    
60.                             </section>
    
61.                             <section style="display:flex;justify-content:flex-start;align-items:flex-end;">
    
62.                                 <section style="width: 116px;"></section>
    
63.                             </section>
    
64.                         </section>
    
65.                     </section>
    
66.                 </section>
    
67.                 <p style="font-size: 14px;">
    
68.                     <br/>
    
69.                 </p>
    
70.             </section>
    
71.         </section>
    
72.     </section>
    
73. </section>
    
74. <section class="_editor">
    
75.     <p>
    
76.         <br/>
    
77.     </p>
    
78. </section>

复制代码