《福气》

镜心

紫怡 发表于 2024-1-23 18:28
这个代码很别致的，能分享下代码吗

可以阿，紫怡拿去用吧

1. <br><br>
   
2. <div align="center">
   
3. <section style="width:520px;">
   
4. <section class="_editor" data-tpl-id="14982" style="background: url('https://s3.bmp.ovh/imgs/2024/01/23/f1e36a8d993a574c.png');background-position: 0% 0%;background-size: 100%;background-repeat: repeat;padding-top: 20px;">
   
5.     <section class="_editor">
   
6.         <p>
   
7.             <img src="https://s3.bmp.ovh/imgs/2024/01/23/2bb76c3316a1858b.gif" style="display:block;width:100%;" data-width="100%"/>
   
8.         </p>
   
9.     </section>
   
10.     <section class="_editor">
    
11.         <p>
    
12.             <br/>
    
13.         </p>
    
14.     </section>
    
15.     <section class="_editor">
    
16.         <p>
    
17.             <br/>
    
18.         </p>
    
19.     </section>
    
20.     <section class="_editor">
    
21.         <section style="color: #ffffff;text-shadow: #d82708 2px 2px 0px, #f9ccb4 0px 2.4px 0px, #f9ccb4 1px 1px 0px, #f9ccb4 1.4px 2px 0px, #f9ccb4 2.3px 0.7px 0px, #f9ccb4 1px 0.6px 0px, #f9ccb4 0.7px 0.7px 0px, #f9ccb4 0.6px 1px 0px, #f9ccb4 0.7px 1.3px 0px, #f9ccb4 3px 3px 0px;letter-spacing: 10px;text-align: center;font-size: 50px;line-height: 1;">
    
22.             <p>
    
23.                 <strong>《福气》</strong>
    
24.             </p>
    
25.         </section>
    
26.         <section style="text-align:center;margin-top: 25px;">
    
27.             <section style="display:inline-block;">
    
28.                 <section style="background: url('https://s3.bmp.ovh/imgs/2024/01/23/e163967007e809a9.png');background-position: 0% 0%;background-size: 100% 100%;background-repeat: no-repeat;padding: 9px 0px 9px 10px;" class="_bg">
    
29.                     <section style="text-align: center;color: #d64339;letter-spacing: 9px;line-height: 1;font-size: 16px;">
    
30.                         <p>
    
31.                             把爱带回家
    
32.                         </p>
    
33.                     </section>
    
34.                 </section>
    
35.             </section>
    
36.         </section>
    
37.     </section>
    
38.     <section class="_editor">
    
39.         <p>
    
40.             <br/>
    
41.         </p>
    
42.     </section>
    
43.     <section class="_editor" data-support="96编辑器" data-style-id="30166">
    
44.         <section data-svg-type="6" class="svg">
    
45.             <section style="display: flex; justify-content: center; align-items:flex-start;">
    
46.                 <section>
    
47.                     <section style="display: block; text-align: center; width: 100%; max-width: 350px !important;margin:0px auto;" data-width="100%">
    
48.                         <section style="font-size: 0px; display: block; overflow: hidden; text-align: center;">
    
49.                             <section style="display: block; height: 0px !important;">
    
50.                                 <section>
    
51.                                     <p style="text-align: center">
    
52.                                         <img src="https://s3.bmp.ovh/imgs/2024/01/23/8aa891b5628bf885.png" style="dispaly:block;width:100%;" data-width="100%"/>
    
53.                                     </p>
    
54.                                     <section style="margin-top:-20px;margin-left:20px;margin-right:20px; text-align: center;transform: rotatez(0deg);" replace-content="">
    
55.                                         <p style="text-align: center">
    
56.                                             <img src="https://s3.bmp.ovh/imgs/2024/01/23/c55b0dcaac67f973.png" style="dispaly:block;width:100%;" data-width="100%"/>
    
57.                                         </p>
    
58.                                     </section>
    
59.                                 </section>
    
60.                             </section>
    
61.                             <svg opacity="0" style="height: 40px; width: 350px !important; max-width: 380px !important;" viewbox="0 0 350 40" width="100%" xmlns="http://www.w3.org/2000/svg" height="226.939">
    
62.                                 <rect width="350" height="40" x="0" y="0"></rect>
    
63.                                 <animate attributename="height" fill="freeze" restart="never" keytimes="0;0.25;1" values="40;200;200" dur="12s" begin="click"></animate>
    
64.                             </svg>
    
65.                         </section>
    
66.                     </section>
    
67.                 </section>
    
68.             </section>
    
69.         </section>
    
70.         <section style="text-align: center;font-size: 15px;color: #faefef;letter-spacing:2px;line-height: 2;margin-top: 10px;">
    
71.             <p>
    
72.                 点击上方取票
    
73.             </p>
    
74.         </section>
    
75.     </section>
    
76.     <section class="_editor">
    
77.         <p>
    
78.             <br/>
    
79.         </p>
    
80.     </section>
    
81.     <section class="_editor">
    
82.         <section style="text-shadow: #e88474 1px 1px, #e88474 1px -1px, #e88474 -1px 1px, #e88474 -1px -1px, #e88474 0px 1px, #e88474 0px -1px, #e88474 -1px 0px, #e88474 1px 0px, #e88474 1px 0px 0px;box-sizing: border-box;color: #d82708;font-size: 23px;line-height: 1;letter-spacing: 2px;text-align: center;">
    
83.             <p>
    
84.                 HAPPY NEW YEAR
    
85.             </p>
    
86.         </section>
    
87.         <section style="background-color: #f9ccb4;padding: 5px;margin: -6px 15px 0;transform: rotatez(0deg);">
    
88.             <section style="border: dotted 1px #da2f12;background-color: #ffffff;">
    
89.                 <section style="text-align: left;font-size:16px;letter-spacing:2px;line-height: 2;color: #D92142;margin: 10px 10px;">
    
90.                     <p>
    
91. 福气 就在你身旁 爱惜 亲爱的爹娘<br/>
    
92. 每一段旧时光 原来都是我们最好的珍藏<br/><br/>
    
93. 
    
94. 淡淡的月光 她的小愿望 只是期望你能快乐和安康<br/>
    
95. 牵着你的小手坐在秋千上 荡呀荡他已经白髪斑斑<br/><br/>
    
96. 
    
97. 回家的路上 思念路弯弯 一路上我绕过多少的期盼<br/>
    
98. 一针一线缝制富贵和平安 送到我最想念的小村庄<br/><br/>
    
99. 
    
100. 回忆跟随着岁月细水流长 像一杯红茶等你来品尝<br/>
     
101. 即使味道偶尔会有些平淡 一幕幕 来分享 不会忘<br/><br/>
     
102. 
     
103. 福气 握在你手掌 珍惜 写在你心上<br/>
     
104. 每一段 的灿烂 总在我们的心里面荡呀荡<br/><br/>
     
105. 
     
106. 福气 就在你身旁 爱惜 亲爱的爹娘<br/>
     
107. 每一段旧时光 原来都是我们最好的珍藏<br/><br/>              </p>
     
108. 
     
109. <div align="center"><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=5237046&auto=1&height=66"></iframe><br/><br/></div>
     
110. 
     
111.                 </section>
     
112.                 <section style="width: 90px;margin-left: auto;margin-top: -35px;">
     
113.                     <p>
     
114.                         <img src="https://pic.ziyuan.wang/user/guest/2024/01/006_9bd19cf93e37b.png" style="display:block;width:100%;" data-width="100%"/>
     
115.                     </p>
     
116.                 </section>
     
117.             </section>
     
118.         </section>
     
119.     </section>
     
120.     <section class="_editor">
     
121.         <p>
     
122.             <br/>
     
123.         </p>
     
124.     </section>
     
125. </section>
     
126. <section class="_editor">
     
127.     <p>
     
128.         <br/>
     
129.     </p>
     
130. </section></section></div>

复制代码

镜心

茶茉 发表于 2024-1-23 18:27
已取票，已上车，等等其他的小饭团们

幸福列车在等我们，往开心健康快乐的方向去

穆云寒

赶紧跑来

穆云寒

福气多多

穆云寒

财气多多

穆云寒

健康多多

穆云寒

取到票啦！哈哈！

天空随风

镜心 发表于 2024-1-23 18:35
嘻，好玩吧

真好玩，第一次见这样的代码

江书晚

又要过春节了~
很适合春节听

江书晚

红红的代码很喜庆~