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

季夏の云

标题标题……

翻唱：……………………

【转角唱吧】

Bbs.zjiao.net

歌词……

季夏の云

1. <BR><BR>
2. <div align="center"><section style="width:660px;">
3. <section class="_editor">
4. <section class="_editor">
5. <section style="background-color:#a2d8d4;">
6. <section class="_editor">
7. <section style="background-image:url('https://www.yiyuen.com/e/file/view/665685');background-repeat:no-repeat;background-size:100% 100%;background-position:100% 100%;">
8. <section class="_editor">
9. <p>
10. <br/>
11. </p>
12. </section>
13. <section class="_editor">
14. <p>
15. <br/>
16. </p>
17. </section>
18. <section class="_editor">
19. <section style="padding:80px 0 160px;">
20. <section style="display:flex;justify-content:center;align-items:flex-start;transform:rotateZ(0deg);">
21. <section style="letter-spacing:5px;color:#282828;text-align:center;">
22. <p>
23. <span style="font-size: 55px;line-height:55px;"><strong>标题标题……</strong></span>
24. </p>
25. </section>
26. </section>
27. <section style="color:#282828;font-size:14px;text-align:center;letter-spacing:1px;margin-top:10px;">
28. <p>
29. 翻唱：……………………
30. </p>
31. </section>
32. </section>
33. </section>
34. <section class="_editor">
35. <p>
36. <br/>
37. </p>
38. </section>
39. <section class="_editor">
40. <p>
41. <br/>
42. </p>
43. </section>
44. <section class="_editor">
45. <p>
46. <br/>
47. </p>
48. </section>
49. <section class="_editor">
50. <p>
51. <br/>
52. </p>
53. </section>
54. </section>
55. </section>
56. <section class="_editor">
57. <section style="font-size:20px;color:#478861;letter-spacing:2px;text-align:center;line-height:20px;transform:RotateZ(0deg);">
58. <p>
59. <span style="font-size: 18px;"><strong>【转角唱吧】</strong></span>
60. </p>
61. </section>
62. <section style="font-size:25px;color:#b7e4e1;letter-spacing:0px;text-align:center;line-height:25px;margin-top:-10px;">
63. <p>
64. <strong>Bbs.zjiao.net</strong>
65. </p>
66. </section>
67. <section style="margin:10px 50px 0;">
68. <section style="display:flex;justify-content:space-between;align-items:center;">
69. <section style="display:inline-block;width:25px;height:25px;background-color:#A2D8D5;border-radius:100%;margin-bottom:-15px;"></section>
70. <section style="display:inline-block;width:25px;height:25px;background-color:#A2D8D5;border-radius:100%;margin-bottom:-15px;"></section>
71. </section>
72. <section style="font-size:14px;color:#3e3e3e;text-align:left;letter-spacing:2px;line-height:2.3em;background-color:#faf4ee;padding:20px 15px;margin:0 10px;">
73. <p style="padding-left: 32px; padding-right: 32px; line-height: 2em; font-size: 14px;">
74. <br/><br/>歌词……
75. <br/><br/><br/>
76. <audio style="width: 230px; height: 24px;margin-left:152px;" src="mp3" autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio><br/><br/></span>
77. </p>
78. </p>
79. </section>
80. <section style="display:flex;justify-content:space-between;align-items:center;">
81. <section style="display:inline-block;width:25px;height:25px;background-color:#A2D8D5;border-radius:100%;margin-top:-15px;"></section>
82. <section style="display:inline-block;width:25px;height:25px;background-color:#A2D8D5;border-radius:100%;margin-top:-15px;"></section>
83. </section>
84. </section>
85. <section style="width:5em;margin-left:auto;margin-top:-3em;">
86. <p>
87. <img src="https://www.yiyuen.com/e/file/view/665686" style="width: 100%; display: block;" data-width="100%"/>
88. </p>
89. </section>
90. </section>
91. <section class="_editor" style="margin:0 10px;">
92. <section class="_editor">
93. <p>
94. <br/>
95. </p>
96. </section>
97. <section class="_editor">
98. <p>
99. <br/>
100. </p>
101. </section>
102. </section>
103. </section>
104. </section>
105. </section>
106. <section class="_editor">
107. <p>
108. <br/>
109. </p>
110. </section>

复制代码

季夏の云

标题……

翻唱：……  原唱：……

歌词……

季夏の云

1. <br/> <br/><div align="center">
2. <section style="width:580px;">
3. <section class="_editor" data-tpl-id="20218">
4. <section style="overflow:hidden;margin-bottom:unset;">
5. <section style="background-color:rgb(249, 250, 245);margin-bottom:unset;">
6. <section class="_editor">
7. <section class="_editor">
8. <section style="background-image:url('http://bbs.zjiao.net/data/attachment/forum/202408/02/174445ytsddi00tsfihiw8.png');background-repeat:no-repeat;background-size:100%;background-position:0% 0%;margin-bottom:unset;">
9. <section style="display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:unset;">
10. <section style="width:65%;margin-bottom:unset;" data-width="65%">
11. <p>
12. <img data-brush="img" src="http://zjiao.net/data/attachment/forum/202203/12/124631pfld0if1v00bvro4.gif" style="width: 100%;" data-width="100%"/>
13. </p>
14. </section>
15. <section style="width:30%;margin-top:-20px;margin-bottom:unset;" data-width="30%">
16. <p>
17. <br/>
18. </p>
19. <p>
20. <img data-brush="img" src="http://www.zjiao.net/data/attachment/forum/202204/05/222936nlqvk9vv956b70v6.gif" style="width: 100%; transform: rotateY(180deg);" data-width="100%"/>
21. </p>
22. </section>
23. </section>
24. </section>
25. </section>
26. <section class="_editor">
27. <section style="margin:25px 0 1px;">
28. <section style="text-align:center;margin-bottom:unset;">
29. <section style="display:inline-block;margin-bottom:unset;">
30. <section style="text-align:center;line-height:2.25em;color:#80a162;margin-bottom:unset;">
31. <section class="_editor">
32. <section style="margin:25px 20px 25px;">
33. <section style="text-align:left;line-height:2.2em;color:#658948;margin-bottom:unset;background-color:#F3F6E8;padding:15px;box-sizing:border-box;">
34. <p style="font-size:14px;letter-spacing:1px;">
35. <br/>
36. </p>
37. <section class="_editor">
38. <section style="margin:15px 0 15px;">
39. <section style="text-align:center;margin-bottom:unset;">
40. <section style="display:inline-block;margin-bottom:unset;">
41. <section style="display:flex;justify-content:center;align-items:center;margin-bottom:unset;">
42. <section style="width:1.3em;margin-right:-5px;margin-bottom:auto;margin-top:5px;">
43. <p>
44. <img data-brush="img" src="https://bcn.135editor.com/files/images/editor_styles/444e66ffdc7f8228a20bc61b1c2decc5.gif" style="width: 100%;" data-width="100%"/>
45. </p>
46. </section>
47. <section style="background-image:url('http://bbs.zjiao.net/data/attachment/forum/202403/05/215544qv5qfez5u8e3mm35.png');background-repeat:no-repeat;background-size:100% 100%;background-position:50% 50%;padding:8px 35px;box-sizing:border-box;margin-bottom:unset;">
48. <section style="font-size:17px;color:#80a162;text-align:center;margin-bottom:unset;" class="">
49. <p>
50. <span style="font-size: 32px;"><strong>标题……</strong></span>
51. </p>
52. </section>
53. </section>
54. <section style="width:2.5em;margin-bottom:auto;margin-top:-1em;margin-left:-1em;">
55. <p>
56. <img data-brush="img" src="http://bbs.zjiao.net/data/attachment/forum/202202/13/180606d0hk799b0h9y7k6y.gif" style="width: 100%;" data-width="100%"/>
57. </p>
58. </section>
59. </section>
60. </section>
61. </section>
62. </section>
63. </section>
64. <p style="font-size:14px;letter-spacing:1px;">
65. <br/>
66. </p>
67. <section class="_editor" style="text-align: right; width: 93%; margin-left: auto; margin-right: auto;" data-width="93%">
68. <section style="width:2px;height:30px;background-color:#BDCBB9;margin-left:10px;"></section>
69. <section class="_li">
70. <section style="display:flex;justify-content:flex-start;align-items:center;">
71. <p>
72. <img src="http://zjiao.net/data/attachment/forum/202205/25/124909u9pl8orr32r67zr2.png" width=" 76.7857%"/>
73. </p>
74. <p>
75. <br/>
76. </p>
77. <section style="margin-left: 5px;border-bottom:dashed 1px #788E52;padding:2px 10px;">
78. <p style="color:#8C9977;font-size:16px;letter-spacing:2px;">
79. 翻唱：……&nbsp; 原唱：……
80. </p>
81. </section>
82. </section>
83. <section style="border-left:solid 2px #BDCBB9;padding:14px 0px 0px 10px;margin-left:10px;" class="">
84. <p style="letter-spacing: 2px; text-align: left; color: #788e52; line-height: 2em; font-size: 14px;">
85. <br/>
86. 歌词……<br/><br/>
89. </p>
90. </section>
91. </section>
92. <section class="_li">
93. <section style="display:flex;justify-content:flex-start;align-items:center;">
94. <p>
95. <br/>
96. </p>
97. </section>
98. </section>
99. </section>
100. <p style="font-size:14px;letter-spacing:1px;">
102. <audio style="width: 230px; height: 24px;margin-left:152px;" src="mp3" autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio><br/><br/>
103. </p>
104. </section>
105. </section>
106. </section>
107. <section class="_editor">
108. <section style="width: 74%;margin:20px auto;" data-width="74%" class="">
109. <p>
110. <img data-imgfileid="100180930" src="http://www.zjiao.net/data/attachment/forum/202208/14/230927u4we4d5f2df4i1vx.gif" data-imgqrcoded="1"/>
111. </p>
112. </section>
113. </section>
114. </section>
115. </section>
116. </section>
117. </section>
118. </section>
119. </section>
120. </section>
121. </section>
122. </section>
123. <section class="_editor">
124. <p>
125. <br/>
126. </p>
127. </section>

复制代码

季夏の云

标题标题

歌词……

原唱：……  翻唱：……

季夏の云

1. <BR><BR>
   
2. <div align="center"><section style="width:720px;"><div align="left">
   
3. <section class="_editor">
   
4.     <section style="border:solid 2px #f3ff98;background-color:#0b4577;padding: 8px;">
   
5.         <section style="border:solid 1px #f3ff98;">
   
6.             <section style="width:75%;margin: -8px 0px 0px -9px;" data-width="75%">
   
7.                 <p>
   
8.                     <img data-imgfileid="100181343" src="https://www.yiyuen.com/e/file/view/665014" data-imgqrcoded="1" style="transform: rotateY(180deg);"/>
   
9.                 </p>
   
10.             </section><div align="center">
    
11.             <section class="_editor">
    
12.                 <section style="margin: -70px 70px 0px; font-size: 14px; color: #000000; letter-spacing: 2px; line-height: 2em; text-align: left;">
    
13.                     <section class="_editor" style="text-align: center; width: 95%; margin-left: auto; margin-right: auto;" data-width="95%">
    
14.                         <section style="background-color:#0B4577;display:inline-block;padding:0px 6px;">
    
15.                             <p style="color: #DEF4F0; font-size: 22px; letter-spacing: 3px; line-height: 1.7;">
    
16.                                 <strong>标题标题</strong>
    
17.                             </p>
    
18.                         </section>
    
19.                         <section style="border:dashed 1px #c3efeb;border-radius:18px;margin-top:-14px;padding:20px 10px 10px;">
    
20.                             <section style="font-size: 14px; color: #DEF4F0; letter-spacing: 2px; line-height: 2em; text-align: left;">
    
21.                                 <p style="padding-left: 28px; padding-right: 28px; line-height: 2em; font-size: 14px;">
    
22.                                     <br/>
    
23.                                 </p>
    
24.                                 <p style="text-align: center"><BR>
    
25.                                     <img src="替换图片" data-width="240px" style="width: 240px;"/>
    
26.                                 </p>
    
27.                                 <p>
    
28.                                     <br/>
    
29.                                 </p>
    
30.                                 <p style="padding-left: 62px; padding-right: 62px; line-height: 2em; font-size: 14px;">
    
31.                                     <br/>歌词……<br/><br/><br/>
    
32. <audio style="width: 160px; height: 24px;margin-left:152px;" src="mp3" autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio><br/>
    
33.                                 </p>
    
34.                                 <p style="padding-left: 28px; padding-right: 28px; line-height: 2em; font-size: 14px;">
    
35.                                     <br/>
    
36.                                 </p>
    
37.                                 <section class="_editor" data-support="96编辑器" data-style-id="55492">
    
38.                                     <section data-align="title" style="display:flex;margin:10px 0px;justify-content:center;align-items:flex-end;">
    
39.                                         <section style="border-bottom:1px dashed #DFFAFB;padding:0px 6em 3px 19px;box-sizing:border-box;margin-bottom:17px;">
    
40.                                             <p style="font-size:16px;letter-spacing:1px;color:#D8F6F9;">
    
41.                                                 <span style="font-size: 14px;">原唱：……  &nbsp翻唱：……</span>
    
42.                                             </p>
    
43.                                         </section>
    
44.                                         <section style="width:52px;margin-left:-80px;background-color:#0b4577;margin-bottom:unset;">
    
45.                                             <p>
    
46.                                                 <img src="https://www.yiyuen.com/e/file/view/665015" style="width: 100%;" data-width="100%" data-isicon="23193"/>
    
47.                                             </p>
    
48.                                         </section>
    
49.                                     </section>
    
50.                                 </section>
    
51.                             </section>
    
52.                         </section>
    
53.                     </section>
    
54.                     <p>
    
55.                         <br/>
    
56.                     </p>
    
57.                 </section>
    
58.             </section>
    
59.             <section class="_editor">
    
60.                 <p>
    
61.                     <br/>
    
62.                 </p>
    
63.             </section>
    
64.         </section>
    
65.     </section>
    
66. </section>
    
67. <section class="_editor">
    
68.     <p>
    
69.         <br/>
    
70.     </p>
    
71. </section>

复制代码