论坛首页花开忘忧文艺论坛论坛守则
收藏本站切换到窄版

1234下一页
返回列表 发新帖
楼主: 小雲

【凝澹】雲家代码铺①（任君取用，请勿回帖）

[复制链接]
小雲
 楼主| 发表于 2025-9-21 22:47:19 | 显示全部楼层


标  题

原唱：……         翻唱：……


歌词…………












【花开忘忧】



回复

小雲
 楼主| 发表于 2025-9-21 22:47:39 | 显示全部楼层
楼上代码

  1. <br/><br/><div align="center">
  2. <section style="width:550px;"><section class="_editor">
  3.     <section style="background-color:#b51112;" class="">
  4.         <section class="_editor" style="text-align: center;">
  5.             <section style="width:40%;" class="">
  6.                 <img src="https://643249.freep.cn/643249/%E5%B0%8F%E4%BA%91/91.png" style="display: block; width: 100%; height: auto;" alt="" title=""/>
  7.             </section>
  8.             <section style="margin-top: 0px;">
  9.                 <section style="color:#fcfbdb;font-size:50px;letter-spacing:4px;line-height:1;" class="">
  10.                     <p style="text-align: center;">
  11.                         <strong>标&nbsp; 题</strong>
  12.                     </p>
  13.                 </section>
  14.             </section>
  15.             <section style="margin-top:12px;">
  16.                 <section>
  17.                     <section style="font-size:14px;letter-spacing:2px;line-height:1.75;color:#fff;" class="">
  18.                         <p style="text-align: center;">
  19.                             <strong>原唱：……&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;翻唱：……</strong>
  20.                         </p>
  21.                     </section>
  22.                 </section>
  23.             </section>
  24.             <section style="width:50%;margin-left:auto;" class="">
  25.                 <img src="https://643249.freep.cn/643249/%E5%B0%8F%E4%BA%91/000442tis0ueiiiifxix00.png" style="display: block; width: 100%; height: auto;" alt="" title=""/>
  26.             </section>
  27.             <section style="width:100%;margin-top:-20px;"></section>
  28.         </section>
  29.         <section class="_editor" data-support="96编辑器">
  30.             <section class="_editor" data-support="96编辑器" style="width: 93%; margin: 0px auto;">
  31.                 <section class="tool-border">
  32.                     <section></section>
  33.                     <section></section>
  34.                     <section></section>
  35.                     <section></section>
  36.                 </section>
  37.                 <section style="margin:10px 0px;" class="">
  38.                     <section style="width:34px;height:34px;background-color:#fcfbdb;"></section>
  39.                     <section style="margin:-28px 4px;border: solid 2px #fcfbdb;background-color:#b41011;transform: rotatez(0deg);" class="">
  40.                         <section style="padding:20px 15px 20px;color:#fff;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;" class="_sub_active">
  41.                             <p style="text-align: left; padding-left: 135px; padding-right: 135px; line-height: 2em;">
  42.                                <br/> 歌词…………<br/>
  43. <br/><br/><br/><br/><br/><br/><br/><br/>
  44. <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 style="width:34px;height:34px;background-color:#fcfbdb;margin-left:auto;">
  51.                         <br/>
  52.                     </section>
  53.                 </section>
  54.             </section>
  55.             <section class="_editor" data-support="96编辑器" data-style-id="43891">
  56.                 <section data-align="title" style="text-align:center;margin:10px 0px;" class="">
  57.                     <section style="display:inline-block;" class="">
  58.                         <section style="display:Flex;justify-content:center;align-items:center;margin:0px 10px -10px 10px;" class="">
  59.                             <section style="width:50px;height:50px;border-radius:50%;background-color:#cbc3bc;"></section>
  60.                             <section style="font-size:16px;letter-spacing:1px;color:#f5f3cc;margin-left:-25px;" class="">
  61.                                 <p>
  62.                                     【花开忘忧】
  63.                                 </p>
  64.                             </section>
  65.                             <section style="width:1px;height:20px;background-color:#f5f3cc;margin-left:17px;margin-bottom:-9px;"></section>
  66.                         </section>
  67.                         <section style="height:1px;background-color:#f5f3cc;transform:rotate(0deg);"></section>
  68.                     </section>
  69.                 </section>
  70.             </section>
  71.             <section class="_editor">
  72.                 <p>
  73.                     <br/>
  74.                 </p>
  75.             </section>
  76.         </section>
  77.     </section>
  78. </section>
  79. <section class="_editor">
  80.     <p>
  81.         <br/>
  82.     </p>
  83. </section>

复制代码
回复

小雲
 楼主| 发表于 2025-9-22 22:41:58 | 显示全部楼层

【标题】………………




歌词…………






回复

小雲
 楼主| 发表于 2025-9-22 22:44:30 | 显示全部楼层
楼上代码

  1. <BR><div align="center">
  2. <section style="width:650px;">
  3. <section class="_editor_bg" style="background-color:rgb(248, 243, 235)"><div align="left">
  4.         <section style="width: 51%;" class="">
  5.             <img src="https://643249.freep.cn/643249/%E5%B0%8F%E4%BA%91/f20fbb4bed512ae7870b060056fc93d8788b037e15889b-q9oyZl.png" style="display: block; width: 100%; height: auto;" data-width="100%" alt="" title=""/>
  6.         </section>
  7.         <section style="width: 80%;margin:-40px auto 0px;background-color:#fefefe;padding:12px;transform: rotateZ(0deg);" class="">
  8.             <section style="border:solid 1px #cba973;padding:0px 10px;">
  9.                 <section style="border-left:solid 1px #cba973;" class="">
  10.                     <section style="border-right:solid 1px #cba973;padding:30px 12px;">
  11.                         <section style="color:#cba973;letter-spacing:1.5px;" class="">
  12.                             <p style="text-align: left;">
  13.                                 <span style="font-size: 22px;">【标题】………………</span>
  14.                             </p>
  15.                         </section>
  16.                         <section style="color: #cba973; letter-spacing: 3px;" class="_sub_active">
  17.                             <p style="font-size: 15px; text-align: center;">
  18.                                 <br/>
  19.                             </p>
  20.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  21.                                 <span style="font-size: 14px;"></span>
  22.                             </p>
  23.                             <p style="text-align:center">
  24.                                 <img src="https://643249.freep.cn/643249/%E5%B0%8F%E4%BA%91/4f78a3665212d300f4fce07cd1fe54ec55b7dd3b2934c-mtaTuW_fw1200.png" width="350" height="auto" style="border: 0px none; border-radius: 15px; width: 350px; height: auto;"/>
  25.                             </p>
  26.                             <p style="padding-left: 45px; padding-right: 45px; line-height: 2em;">
  27.                                 <br/>
  28.                             </p>
  29.                             <p style="padding-left: 25px; padding-right: 25px; line-height: 2em;">
  30.                                 <span style="font-size: 14px;"><br/>歌词…………<br/><br/><br/><p style="margin-right: 90px; margin-left: 45px;text-align:right;">
  31. <audio style="width:100px;height:30px;" controls="controls" autoplay="autoplay" loop="loop" src="mp3地址" type="audio/mpeg"></audio>
  32. <br><br></span>
  33.                             </p>
  34.                         </section>
  35.                     </section>
  36.                 </section>
  37.             </section>
  38.         </section>
  39.         <section style="width: 55%;margin:-30px auto -200px;transform: rotateZ(0deg);">
  40.             <br/>
  41.         </section>
  42.         <section style="width: 100%;">
  43.             <img src="https://643249.freep.cn/643249/%E5%B0%8F%E4%BA%91/151306oottuufuzuppounq.png" style="display: block; width: 100%; height: auto;" data-width="100%" alt=""/>
  44.         </section>
  45.     </section>
  46.     <section class="_editor" style="width: 87%; margin: 0px auto;"></section>
  47.     <section class="_editor">
  48.         <p>
  49.             <br/>
  50.         </p>
  51.     </section>
  52. </section>
复制代码
回复

小雲
 楼主| 发表于 2025-9-22 22:47:37 | 显示全部楼层



【标题】……




歌词……







回复

小雲
 楼主| 发表于 2025-9-22 22:49:00 | 显示全部楼层
楼上代码

  1. <br/><br/><div align="center">
  2. <section style="width:650px;">
  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:18px;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="https://643249.freep.cn/643249/%E5%B0%8F%E4%BA%91/%E6%90%9C%E7%8B%97%E6%88%AA%E5%9B%BE25%E5%B9%B409%E6%9C%8809%E6%97%A52225_1.png" width="350" height="auto" 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>
复制代码
回复

小雲
 楼主| 发表于 2025-9-22 22:51:28 | 显示全部楼层



  【标题】

  演唱者……




歌词……。









回复

小雲
 楼主| 发表于 2025-9-22 23:04:39 | 显示全部楼层
楼上代码

  1. <div align="center">
  2. <section style="width:650px;">
  3. <section class="_editor" data-support="96编辑器" data-style-id="31201">
  4.     <section style="margin-top: 50px; margin-bottom: 10px;margin-right:3px; text-align: left;">
  5.         <section style="display:inline-block;background-color:#fefefe;">
  6.             <section style="width:125px;" class="">
  7.                 <img src="https://643249.freep.cn/643249/%E5%B0%8F%E4%BA%91/494577aa9095b2742f543284d97ad9a53ce7c1f786761-PrITpD_fw1200.gif" style="display: block; width: 125px; height: auto; transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);" alt="" title=""/>
  8.             </section>
  9.         </section>
  10.         <section style=" margin-top: -90px;" 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><br/>
  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:22px;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="https://643249.freep.cn/643249/%E5%B0%8F%E4%BA%91/29dc503b20ad81ea6c3b3606122ebd6b390d6a0e2f3a4c-ATfWzO_134043193123977500.png" width="420" height="auto" 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>

  54.                     </p>
  55.                 </section>
  56.             </section>
  57.         </section>
  58.     </section>
  59. </section>
  60. <section class="_editor">
  61.     <p>
  62.         <br/>
  63.     </p>
  64. </section><br/><br/>
复制代码
回复

小雲
 楼主| 发表于 2025-10-7 21:53:25 | 显示全部楼层











标题标题（副标题）


歌词…………












回复

小雲
 楼主| 发表于 2025-10-7 21:53:50 | 显示全部楼层
楼上代码

  1. <br/><div align="center"><section style="width:700px;">
  2. <section class="_135editor" data-tools="135编辑器" data-id="95585">
  3.     <section style="border:1px solid #285ac7;padding:5px;">
  4.         <section data-bcless="spin" data-bclessp="120" style="border:1px solid #285ac7;background:#2a6d80;">
  5. <section class="_editor">
  6.         <section style="background-image: url('https://643249.freep.cn/643249/%E5%B0%8F%E4%BA%91/210413nmde0nc0ajyeeavy.gif'); background-size: 100%; background-position: 50% 50%; background-repeat: repeat; box-sizing: border-box; text-align: center;" class="">
  7.             <section style="background:url('https://643249.freep.cn/643249/%E5%B0%8F%E4%BA%91/0_134041928854366875.gif') no-repeat;background-size:328px ;background-position:top left;">
  8.                 <section data-autoskip="1" class="135brush" style=" font-size: 14px;text-align: justify;letter-spacing: 1.5px;line-height: 1.75em;color: #eaf2c4;padding: 1em 1em 1em 1em;">
  9.                     
  10.                     <p style="margin-left: 230px; margin-right: 30px;">
  11.                         <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><span style="font-size: 20px;"><strong>标题标题</strong></span><span style="font-size: 14px;">（副标题）</span><br><span style="font-size: 15px;">
  12. <br><br/>歌词…………<br>
  13. <br><br><br><br><br><br>
  14. <br/><br>
  15. <div align="center" style="position: relative;">
  16. <script type="text/javascript">
  17. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js'></sc"+"ript>")
  18. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/player.js'></sc"+"ript>")
  19. document.write("<scr"+"ipt src='http://webftp.bbs.hnol.net/sxrx2016/players/realgold/player/realgold.js'></sc"+"ript>")
  20. </script>
  21. <link href="http://webftp.bbs.hnol.net/sxrx2016/players/realgold/player/realgold.css" rel="stylesheet" type="text/css">
  22. <div style="margin:0px auto;">
  23.     <div class="realgolds" style="display:block;position:relative;width:100%;max-width:100px;height:auto;margin:0px auto 0px;">
  24.         <ul class="player-audios" style="display:none;">
  25.             <li data-title="歌曲标题">
  26.                 <div class="player-source" data-src="mp3地址" data-type="audio/mpeg"/>
  27.             </li>
  28.         </ul>
  29.     </div>
  30. </div>
  31. </div><br><br><br><br>
  32.                     </p>
  33.                 </section>
  34.             </section>
  35.         </section>
  36.     </section>
  37. </section>
复制代码
回复

下一页 »
1234下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

小黑屋|花开忘忧 ( 陕ICP备2024052825 )

GMT+8, 2026-2-27 14:32 , Processed in 0.063778 second(s), 18 queries .

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表