楼主: 婴宁

[其他] 散版文字代码(想套代码的看过来)

[复制链接]
 楼主| 发表于 2025-9-1 09:49 | 显示全部楼层
微信图片_20250901094753.png

  1. <div align="center">
  2. <section style="width:660px;"><section style="margin-bottom:unset;">
  3.     <section class="_brush" style="letter-spacing:2px;line-height:2em;margin-bottom:unset;">
  4.         <p>
  5.             <br/>
  6.         </p>
  7.     </section>
  8. </section>
  9. <section class="_editor">
  10.     <section data-id="148498" style="margin:20px 0px 0px;">
  11.         <section style="margin:10px auto;">
  12.             <section style="display:flex;margin-bottom:unset;">
  13.                 <section data-width="80%" style="width:80%;max-width:80% !important;margin-bottom:unset;">
  14.                     <section style="background-color: #ddd7f7; padding: 6px; margin-bottom: unset;">
  15.                         <section data-width="100%" style="width:100%;margin-bottom:unset;">
  16.                             <p>
  17.                                 <img src="https://s21.ax1x.com/2025/08/30/pVcVSZd.png" data-width="100%" draggable="false" style="vertical-align:baseline;width:100%;display:block;background-color:transparent !important;background-size:0px !important;border-radius:initial;"/>
  18.                             </p>
  19.                         </section>
  20.                     </section>
  21.                 </section>
  22.                 <section data-width="20%" style="width:20%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;max-width:20% !important;margin-bottom:unset;">
  23.                     <section style="flex-shrink:0;margin-bottom:unset;">
  24.                         <section style="margin-bottom:unset;">
  25.                             <section style="width: 10px; height: 10px; border-radius: 100%; border: 1px solid #baa8ef; margin: 5px 0px; overflow: hidden; line-height: 0;"></section>
  26.                             <section style="width: 10px; height: 10px; border-radius: 100%; border: 1px solid #baa8ef; background-color: #baa8ef; margin: 5px 0px; overflow: hidden; line-height: 0;"></section>
  27.                             <section style="width: 10px; height: 10px; border-radius: 100%; border: 1px solid #baa8ef; margin: 5px 0px 0px; overflow: hidden; line-height: 0;"></section>
  28.                         </section>
  29.                     </section>
  30.                     <section style="width:1px;height:145.837px;background-color:#D9CEFA;margin-bottom:unset;overflow:hidden;line-height:0;"></section>
  31.                 </section>
  32.             </section>
  33.             <section style="margin-left:15px;margin-bottom:unset;">
  34.                 <section data-width="100%" style="width:100%;height:80px;margin-top:-80px;background-color:#f5f3fe;margin-bottom:unset;overflow:hidden;line-height:0;"></section>
  35.             </section>
  36.             <section style="padding: 15px 10px; background-color: #f5f3fe; margin-left: 15px; margin-bottom: unset;">
  37.                 <section style="line-height:2em;color:#333333;background:transparent;margin-bottom:unset;background-clip:initial;-webkit-background-clip:initial;" class="">
  38.                     <p style="background-color: transparent; letter-spacing: 2px; color: #744c99; text-shadow: none; margin-bottom: unset; padding-left: 40px; padding-right: 40px;">
  39.                         <span style="font-size: 13px;"><strong class="_brush" data-brushtype="text"><br/></strong></span>
  40.                     </p>
  41.                     <p style="background-color: transparent; letter-spacing: 2px; color: #744c99; text-shadow: none; margin-bottom: unset; padding-left: 40px; padding-right: 40px;">
  42.                         <span style="font-size: 13px;"><strong class="_brush" data-brushtype="text"><br/></strong></span>
  43.                     </p>
  44.                     <p style="background-color: transparent; letter-spacing: 2px; color: #744c99; text-shadow: none; margin-bottom: unset; text-align:left;padding-left: 40px; padding-right: 40px;">
  45.                         <span style="font-size: 13px;mline-height: 2em;"><strong class="_brush" data-brushtype="text">增加热量摄入:</strong>冬季人体需要更多的热量来维持体温,可适当增加蛋白质、脂肪的摄入,如瘦肉、鱼类、坚果等。同时,多吃富含碳水化合物的食物,如米饭、面条、土豆等,为身体提供充足的能量。</span>
  46.                     </p>
  47.                     <p style="background-color: transparent; letter-spacing: 2px; color: #744c99; text-shadow: none; margin-bottom: unset; padding-left: 40px; padding-right: 40px;">
  48.                         <span style="font-size: 13px;"><br/></span>
  49.                     </p><div class="zz"><audio src="http://music.163.com/song/media/outer/url?id=2731302148.mp3&amp;shareuid" controls="" autoplay="" loop=""></audio></div>

  50. <style>
  51. audio{clip:rect(0px 50px 200px 0px);width:100px;height:50px;}
  52. .zz{width:50px;height:50px;overflow:hidden;box-shadow:2px 2px 3px #000;border-radius:50%;animation: rot 10s infinite linear;animation-play-state:running;}
  53. @keyframes rot { to { transform: rotate(360deg); } }
  54. </style><br><br>
  55.                                                                                 <p></p>
  56.                     <p style="background-color: transparent; letter-spacing: 2px; color: #744c99; text-shadow: none; margin-bottom: unset; padding-left: 40px; padding-right: 40px;">
  57.                         <span style="font-size: 13px;"><br/></span>
  58.                     </p>
  59.                     
  60.                     <p style="background-color: transparent; letter-spacing: 2px; color: #744c99; text-shadow: none; margin-bottom: unset; padding-left: 40px; padding-right: 40px;">
  61.                         <span style="font-size: 13px;"><br/></span>
  62.                     </p>
  63.                 </section>
  64.             </section>
  65.         </section>
  66.     </section>
  67. </section>
  68. <section class="_editor">
  69.     <p>
  70.         <br/>
  71.     </p>
  72. </section>
复制代码

评分

1

查看全部评分

糊涂仙儿 2025-9-1 13:30
回复
好看
回复

使用道具

 楼主| 发表于 2025-9-1 10:10 | 显示全部楼层
微信图片_20250901100941.png <br><div><br></div>
  1. <div align="center">
  2. <section style="width:560px;">
  3.     <article class="tn-cube-box paper dock-loader atom-data-binding ng-scope tn-from-house-reader_paper-cp tn-comp-anim-pin tn-comp-inst tn-cube-box-inst tn-comp tn-in-cell-state-active" ng-show="!htmlForPreview" tn-bind-comp-tpl-id="reader_paper-cp:sys/loader-cubes-box" tn-comp-role="cube-box" tn-ra-link-sink="" tn-comp="box" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" opera-tn-ra-comp="box" style="position: static;">
  4.         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" tn-sound="compAttr.sound" ng-style="compAttr.style | optimizeImageType" tn-pre-load-image="compAttr.style.backgroundImage" style="position: static; overflow: visible;">
  5.             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" tn-sound="compAttr.sound" ng-style="compAttr.style | optimizeImageType" tn-pre-load-image="compAttr.style.backgroundImage" style="position: static; overflow: visible;">
  6.                 <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" tn-sound="compAttr.sound" ng-style="compAttr.style | optimizeImageType" tn-pre-load-image="compAttr.style.backgroundImage" style="position: static; overflow: visible; background-color: #f4f4f0;">
  7.                     <p>
  8.                         <br/>
  9.                     </p>
  10.                     <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" tn-sound="compAttr.sound" ng-style="compAttr.style | optimizeImageType" tn-pre-load-image="compAttr.style.backgroundImage" style="position: static; overflow: visible;">
  11.                         <p>
  12.                             <br/>
  13.                         </p>
  14.                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  15.                             <p style="text-align: center;">
  16.                                 <span style="font-weight: 700; caret-color: #000000; -webkit-tap-highlight-color: #1a1a1a4a; text-size-adjust: auto; color: #407600; font-size: 22px;">·不负春光 踏青出游</span>
  17.                             </p>
  18.                         </section>
  19.                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="display: flex; position: static; overflow: visible; text-align: center; justify-content: center; flex-flow: row; margin: 20px 0px 0px;">
  20.                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  21.                                 <p>
  22.                                     <br/>
  23.                                 </p>
  24.                             </section>
  25.                             <p>
  26.                                 <br/>
  27.                             </p>
  28.                             <p>
  29.                                 <br/>
  30.                             </p>
  31.                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; margin: -10px 0px 0px; line-height: 0; justify-content: center;">
  32.                                 <p>
  33.                                     <img src="https://s3.bmp.ovh/imgs/2025/09/01/7151f9043358d27b.webp" style="width: 90%; height: auto;"/>
  34.                                 </p>
  35.                             </section>
  36.                             <p>
  37.                                 <br/>
  38.                             </p>
  39.                         </section>
  40.                         <p>
  41.                             <br/>
  42.                         </p>
  43.                         <p>
  44.                             <br/>
  45.                         </p>
  46.                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  47.                             <p style="padding-left: 50px;  line-height: 2em; text-align: left;padding-right: 50px;">
  48.                                 <span style="font-size: 13px; color: #407600;">春天阳光明媚草地绿色如茵,草木清新牛羊悠闲的穿梭,其中四季分明,春天景色如诗如画宛如大自然的调色板…</span>
  49.                             </p>
  50.                             <p style="padding-left: 20px; padding-right: 20px;">
  51.                                 <span style="font-size: 13px; color: #407600;"></span>
  52.                             </p>
  53.                             <div class="zz"><audio src="http://music.163.com/song/media/outer/url?id=2731302148.mp3&amp;shareuid" controls="" autoplay="" loop=""></audio></div>

  54. <style>
  55. audio{clip:rect(0px 50px 200px 0px);width:100px;height:50px;}
  56. .zz{width:50px;height:50px;overflow:hidden;box-shadow:2px 2px 3px #000;border-radius:50%;animation: rot 10s infinite linear;animation-play-state:running;}
  57. @keyframes rot { to { transform: rotate(360deg); } }
  58. </style><br><br>
  59.                                                                               
  60.                             </p>
  61.                         </section>
  62.                         <p>
  63.                            
  64.                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="display: flex; position: static; overflow: visible; text-align: center; justify-content: center; flex-flow: row; margin: 0px 0px 10px;">
  65.                             <p>
  66.                                 <br/>
  67.                             </p>
  68.                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="display: flex; position: static; overflow: visible; justify-content: center; margin: -29px 0px 0px; flex-flow: row;">
  69.                                 <p>
  70.                                     <br/>
  71.                                 </p>
  72.                                 <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="display: flex; position: static; overflow: visible; text-align: left; justify-content: flex-start; flex-flow: row;">
  73.                                     <p>
  74.                                         <br/>
  75.                                     </p>
  76.                                     <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; text-align: right; justify-content: flex-end;"></section>
  77.                                     <p>
  78.                                         <br/>
  79.                                     </p>
  80.                                     <p>
  81.                                         <br/>
  82.                                     </p>
  83.                                     <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; text-align: right; justify-content: flex-end;"></section>
  84.                                     <p>
  85.                                         <br/>
  86.                                     </p>
  87.                                     <p>
  88.                                         <br/>
  89.                                     </p>
  90.                                     <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; text-align: right; justify-content: flex-end;"></section>
  91.                                     <p>
  92.                                         <br/>
  93.                                     </p>
  94.                                 </section>
  95.                                 <p>
  96.                                     <br/>
  97.                                 </p>
  98.                                 <p>
  99.                                     <br/>
  100.                                 </p>
  101.                                 <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="display: flex; position: static; overflow: visible; justify-content: center; margin: -7px 0px 0px; flex-flow: row;">
  102.                                     <p>
  103.                                         <br/>
  104.                                     </p>
  105.                                     <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; text-align: right; justify-content: flex-end;"></section>
  106.                                     <p>
  107.                                         <br/>
  108.                                     </p>
  109.                                     <p>
  110.                                         <br/>
  111.                                     </p>
  112.                                     <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; text-align: right; justify-content: flex-end;"></section>
  113.                                     <p>
  114.                                         <br/>
  115.                                     </p>
  116.                                 </section>
  117.                                 <p>
  118.                                     <br/>
  119.                                 </p>
  120.                             </section>
  121.                             <p>
  122.                                 <br/>
  123.                             </p>
  124.                             <p>
  125.                                 <br/>
  126.                             </p>
  127.                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; justify-content: center; line-height: 0;">
  128.                                 <p>
  129.                                     <img src="https://img.96weixin.com/ueditor/20230912/1694486862467717.jpg" style="width: 86.0125px;"/>
  130.                                 </p>
  131.                             </section>
  132.                             <p>
  133.                                 <br/>
  134.                             </p>
  135.                         </section>
  136.                         <p>
  137.                             <br/>
  138.                         </p>
  139.                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  140.                             <p>
  141.                                 <br/>
  142.                             </p>
  143.                         </section>
  144.                         <p>
  145.                             <br/>
  146.                         </p>
  147.                     </section>
  148.                     <p>
  149.                         <br/>
  150.                     </p>
  151.                 </section>
  152.             </section>
  153.         </section>
  154.     </article>
  155. </section>
  156. <section class="_editor">
  157.     <p>
  158.         <br/>
  159.     </p>
  160. </section>
复制代码
一点点晚风 2025-9-1 10:19
回复
多来些应景的
婴宁回复一点点晚风 2025-9-1 11:15
回复
木问题
回复

使用道具

发表于 2025-9-1 11:49 | 显示全部楼层
婴宁 2025-9-1 12:54
回复
只需要把自己的文字嵌进去就行,段落分行处用这两个字符就行了。<br><br>
回复

使用道具

 楼主| 发表于 2025-9-1 12:42 | 显示全部楼层
微信图片_20250901124212.png

  1. <div align="center">
  2. <section style="width:660px;">
  3.     <section class="_editor">
  4.     <section class="text-xmyeditor _xmy_hove" top="1" actall="xmy" act1="xmy">
  5.         <article class="tn-cube-box paper dock-loader atom-data-binding ng-scope tn-from-house-reader_paper-cp tn-comp-anim-pin tn-comp-inst tn-cube-box-inst tn-comp tn-in-cell-state-active" ng-show="!htmlForPreview" tn-bind-comp-tpl-id="reader_paper-cp:sys/loader-cubes-box" tn-comp-role="cube-box" tn-ra-link-sink="" tn-comp="box" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" opera-tn-ra-comp="box" style="position: static;">
  6.             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" tn-sound="compAttr.sound" ng-style="compAttr.style | optimizeImageType" tn-pre-load-image="compAttr.style.backgroundImage" style="position: static; overflow: visible;">
  7.                 <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" tn-sound="compAttr.sound" ng-style="compAttr.style | optimizeImageType" tn-pre-load-image="compAttr.style.backgroundImage" style="position: static; overflow: visible;">
  8.                     <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" tn-sound="compAttr.sound" ng-style="compAttr.style | optimizeImageType" tn-pre-load-image="compAttr.style.backgroundImage" style="position: static; overflow: visible; background-image: url('https://s3.bmp.ovh/imgs/2025/09/01/54180d4ace5ee388.webp'); background-position: 0% 0%; background-repeat: repeat-y; background-size: 100%; background-attachment: scroll; font-size: 15px; font-family: PingFangSC-light; line-height: 2; letter-spacing: 2px;">
  9.                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" tn-sound="compAttr.sound" ng-style="compAttr.style | optimizeImageType" tn-pre-load-image="compAttr.style.backgroundImage" style="position: static; overflow: visible;">
  10.                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;"></section>
  11.                             <p>
  12.                                 <br/>
  13.                             </p>
  14.                             <p>
  15.                                 <br/>
  16.                             </p>
  17.                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  18.                                 <p>
  19.                                     <br/>
  20.                                 </p>
  21.                             </section>
  22.                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; text-align: center; margin-top: 10px; margin-bottom: -102.363px; line-height: 0; opacity: 1;">
  23.                                 <p>
  24.                                     <img src="https://s3.bmp.ovh/imgs/2025/09/01/b88dfe4642bfd9b9.webp" style="width: 318.062px;" data-cropselew="318.05" data-cropseleh="141.387"/>
  25.                                 </p>
  26.                             </section>
  27.                             <p>
  28.                                 <br/>
  29.                             </p>
  30.                             <p>
  31.                                 <br/><p style="vertical-align:inherit;text-align:left;padding: 60px; margin-right: 60px; margin-left: 30px; margin-top: 30px; overflow: hidden auto; text-align: left;">
  32.                 <span style="font-size: 13px;">极简,并非要求人无欲无求,而是要在有涯的人生之地,认清自己所需要的,珍视自己所拥有的,明白最真实的自己,留下的越少,获得的快乐越多,生活极简,人生却是极奢。</span>
  33.             </p><br/>
  34. <audio style="width:150px;height:44px;" controls="controls" autoplay="autoplay" loop="loop" src="http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=jnYczgjWJBCKQjyo" type="audio/mpeg"></audio>
  35.                             </p>
  36.             
  37.             </p>
  38.             <p style="vertical-align:inherit;">
  39.                 <span style="font-size: 13px;"><br/></span>
  40.             </p>
  41.             <p style="vertical-align:inherit;">
  42.                 <span style="font-size: 13px;"><br/></span>
  43.             </p>
  44.         </section>
  45.     </section>
  46. </section>
  47. <section class="_editor">
  48.     <p>
  49.         <br/>
  50.     </p>
  51. </section>
  52.                            
  53.                                 </p>
  54.                             </section>
  55.                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  56.                                 <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; margin-top: 15px;">
  57.                                     <p class="aiActive">
  58.                                         <br/>
  59.                                     </p>
  60.                                 </section>
  61.                                 <p>
  62.                                     <br/>
  63.                                 </p>
  64.                             </section>
  65.                             <p>
  66.                                 <br/>
  67.                             </p>
  68.                             <p>
  69.                                 <br/>
  70.                             </p>
  71.                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  72.                                 <p>
  73.                                     <br/>
  74.                                 </p>
  75.                             </section>
  76.                             <p>
  77.                                 <br/>
  78.                             </p>
  79.                         </section>
  80.                         <p>
  81.                             <br/>
  82.                         </p>
  83.                     </section>
  84.                     <p>
  85.                         <br/>
  86.                     </p>
  87.                 </section>
  88.                 <p>
  89.                     <br/>
  90.                 </p>
  91.             </section>
  92.         </article>
  93.         <p>
  94.             <br/>
  95.         </p>
  96.     </section>
  97.     <section class="text-xmyeditor" act1="xmy">
  98.         <p>
  99.             <br/>
  100.         </p>
  101.     </section>
  102.     <p>
  103.         <br/>
  104.     </p>
  105. </section>
  106. <section class="_editor">
  107.     <p>
  108.         <br/>
  109.     </p>
  110. </section>
复制代码

评分

1

查看全部评分

婴宁 2025-9-1 12:43
回复
@一点点晚风  这个也好看
一点点晚风 2025-9-1 12:46
回复
好看及了
一鹿向北 2025-9-1 14:46
回复
这个做音乐贴应该可以,有空试试。
一点点晚风 2025-9-1 20:25
回复
这是啥音乐
婴宁回复一点点晚风 2025-9-1 20:47
回复
相遇那么美,魏新雨的歌
一点点晚风 2025-9-1 20:49
回复
怎么插入文字不一样啊
婴宁回复一点点晚风 2025-9-1 20:52
回复
你是说文字和歌曲不一样?
一点点晚风 2025-9-1 21:12
回复
文字后面不是<br>吗
婴宁回复一点点晚风 2025-9-1 21:34
回复
后面有一个<br>啊,不用管前面的,只要级分段就行。
回复

使用道具

发表于 2025-9-1 15:14 | 显示全部楼层
要是发帖的时候能有选项,一键代入就好了
婴宁 2025-9-1 20:53
回复
那这论坛得多智能啊,想法是真好。
龚彪 2025-9-2 10:43
回复
AI时代了,论坛要与时俱进
回复

使用道具

发表于 2025-9-1 15:16 | 显示全部楼层
顺便试了下备注,哈哈哈,妥妥的气质
婴宁 2025-9-1 20:53
回复
啥意思哟
龚彪回复婴宁 2025-9-2 10:42
回复
看我头像下面的红色字体,哈哈哈
回复

使用道具

 楼主| 发表于 2025-9-1 15:53 | 显示全部楼层
微信图片_20250901155155.png

  1. <br><div align="center">
  2. <section style="width:560px;">
  3.    
  4.                
  5.                                     <div class="tn-surface tn-page tn-show-page ng-scope tn-from-house-reader_paper-cp tn-comp-anim-pin tn-comp-inst tn-page-inst tn-comp tn-in-cell-state-active page-view-box-32-PNrkEdakL2WMzZyHxlgSwW98M3IGjNbN tn-comp-mode-flow on-screen" tn-comp-role="page" tn-bind-comp-tpl-id="reader_paper-cp:sys/pg-flw" ng-repeat="chd in cellGroupItems track by $index" tn-comp="chd" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="page-wfYhbA0EWvEpKYyS" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" tn-page-view-box-opera="compConstraint.viewport || _o$.viewport" tn-comp-index="0" opera-tn-ra-comp="box.cubes:0.pages:0" tn-page-stage-size="flow_scroll" style="text-align: justify; font-family: &quot;Noto Sans CJK SC&quot;, &quot;Helvetica Neue&quot;, Helvetica, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Symbol&quot;, Arial, sans-serif; font-size: 16px; hyphens: auto; text-size-adjust: 100%; line-height: 1.6; color: rgb(62, 62, 62); position: static;">
  6.                                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" tn-sound="compAttr.sound" ng-style="compAttr.style | optimizeImageType" tn-pre-load-image="compAttr.style.backgroundImage" style="position: static; overflow: visible; background-color: rgb(61, 152, 205); font-size: 14px; color: rgb(255, 255, 255); letter-spacing: 1px; line-height: 2;">
  7.                                             <div class="tn-layer-slot tn-cell-inst ng-scope tn-cell tn-cell-group tn-child-position-absolute tn-group-usage-normal tn-state-active" tn-cell-type="group" tn-child-position="absolute" tn-cell="layers" tn-link="cell.link" ng-style="cell.style | optimizeImageType" tn-animate="(!isCellBound ? &#39;__NOT_MOUNT__&#39; : cell.anim)" tn-animate-on-self="true" tn-sound="cell.sound" ng-class="{ &#39;group-empty&#39;: !(cellGroupItems.length) }" opera-tn-ra-cell="box.cubes:0.pages:0.layers" style="position: static;">
  8.                                                 <div class="tn-layer ng-scope tn-from-house-reader_paper-cp tn-comp-anim-pin tn-comp-inst tn-layer-inst tn-comp tn-in-cell-state-active" tn-comp-role="layer" tn-bind-comp-tpl-id="reader_paper-cp:sys/ly-flw" ng-repeat="chd in cellGroupItems track by $index" tn-comp="chd" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="layer-iktf5B5k6nS4e3YP" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" tn-comp-index="0" opera-tn-ra-comp="box.cubes:0.pages:0.layers:0" style="position: static;">
  9.                                                     <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" tn-sound="compAttr.sound" ng-style="compAttr.style | optimizeImageType" tn-pre-load-image="compAttr.style.backgroundImage" style="position: static; overflow: visible;">
  10.                                                         <div class="tn-comp-slot tn-cell tn-cell-group tn-child-position-static tn-state-active ng-scope" tn-cell-type="group" tn-link="cell.link" tn-animate="(!isCellBound ? &#39;__NOT_MOUNT__&#39; : cell.anim)" tn-animate-on-self="true" tn-ra-wrapper-cell="" tn-ra-cell="xra_bTvunNLkhpE7wNEaSlAV0aMlvimYnHXr" style="position: static; width: 500px;">
  11.                                                             <div class="tn-comp-top-level tn-from-house-paper-cp tn-comp-anim-pin tn-comp ng-scope" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="comp-PCVYJ90D4uu6Ln7k" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" tn-ra-comp="xra_ftWQCA95p06Rhtqsvo5WpX1Mcd4owObv" style="position: static;">
  12.                                                                 <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="display: flex; position: static; overflow: visible; text-align: left; justify-content: flex-start; flex-flow: row;">
  13.                                                                     <div tn-cell-type="group" tn-link="cell.link" tn-animate="(!isCellBound ? &#39;__NOT_MOUNT__&#39; : cell.anim)" tn-animate-on-self="true" class="tn-cell tn-cell-group tn-child-position-static tn-state-active ng-scope" tn-ra-cell="xra_rfqKUBmEqsvRcGKqHy2CX9bdrnsfPID2" style="display: inline-block; vertical-align: top; width: 500px; align-self: flex-start; flex: 0 0 auto; background-image: linear-gradient(rgb(10, 51, 190) 0%, rgba(22, 135, 197, 0) 100%); height: auto;">
  14.                                                                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  15.                                                                             <p>
  16.                                                                                 <br/>
  17.                                                                             </p>
  18.                                                                         </section>
  19.                                                                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  20.                                                                             <p>
  21.                                                                                 <br/>
  22.                                                                             </p>
  23.                                                                         </section>
  24.                                                                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  25.                                                                             <p>
  26.                                                                                 <br/>
  27.                                                                             </p>
  28.                                                                         </section>
  29.                                                                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  30.                                                                             <p>
  31.                                                                                 <br/>
  32.                                                                             </p>
  33.                                                                         </section>
  34.                                                                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  35.                                                                             <p>
  36.                                                                                 <br/>
  37.                                                                             </p>
  38.                                                                         </section>
  39.                                                                         <div class="tn-from-house-paper-cp tn-comp-anim-pin tn-comp ng-scope" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="comp-iTQmthyb6C6DDOgF" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" tn-ra-comp="xra_OYqkorw5bB45B38DxHa9L1fw2cAlyaxT" style="position: static;">
  40.                                                                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; text-align: center; line-height: 0; margin-bottom: -80px;">
  41.                                                                                 <div tn-cell-type="image" class="tn-cell tn-cell-image tn-state-active ng-scope" tn-link="cell.link" tn-animate="(!isCellBound ? &#39;__NOT_MOUNT__&#39; : cell.anim)" tn-animate-on-self="true" title="" tn-ra-cell="xra_F1119iwGWXGNfsFF0hu9DgB6OJ06tHUZ" style="max-width: 100%; vertical-align: middle; display: inline-block; line-height: 0; width: 365.6px; height: auto;">
  42.                                                                                     <img class="tn-image-presenter raw-image" src="https://s3.bmp.ovh/imgs/2025/09/01/0062f760ccd50d2a.webp" style="border: 0px; width: 500.6px;"/><span style="text-align: right;"></span>
  43.                                                                                 </div>
  44.                                                                             </section>
  45.                                                                         </div>
  46.                                                                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  47.                                                                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="display: flex; position: static; overflow: visible; text-align: right; justify-content: flex-end; flex-flow: row; margin-top: 3px; margin-bottom: 5px;">
  48.                                                                                 <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; text-align: center; justify-content: center;"></section>
  49.                                                                             </section>
  50.                                                                         </section>
  51.                                                                         <div class="tn-from-house-paper-cp tn-comp-anim-pin tn-comp ng-scope" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="comp-dCkGD1fChbFNDzCa" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" tn-ra-comp="xra_umanLCwR660gigBNDQ5foXWaIcO0YXLi" style="position: static; z-index: 1;">
  52.                                                                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  53.                                                                                 
  54.                                                                             </section>
  55.                                                                         </div>
  56.                                                                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  57.                                                                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="display: flex; position: static; overflow: visible; text-align: right; justify-content: flex-end; flex-flow: row; margin-top: 3px; margin-bottom: 5px;">
  58.                                                                                 <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; text-align: center; justify-content: center;"></section>
  59.                                                                             </section>
  60.                                                                         </section>
  61.                                                                         <div class="tn-from-house-paper-cp tn-comp-anim-pin tn-comp ng-scope" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="comp-CfRRoOPL1sFFcvXs" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" tn-ra-comp="xra_rjWEdFZbqv3dfRAxNNGC0s0Pc3ZG8Eei" style="position: static;">
  62.                                                                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; text-align: center; line-height: 0; margin-top: -40px;">
  63.                                                                                 <div tn-cell-type="image" class="tn-cell tn-cell-image tn-state-active ng-scope" tn-link="cell.link" tn-animate="(!isCellBound ? &#39;__NOT_MOUNT__&#39; : cell.anim)" tn-animate-on-self="true" title="" tn-ra-cell="xra_G4CAeICoiYzKj73AcJEQZImnYw0xEmfI" style="max-width: 100%; vertical-align: middle; display: inline-block; line-height: 0; width: 500.6px; height: auto;">
  64.                                                                                     <img class="tn-image-presenter raw-image" src="https://s21.ax1x.com/2025/08/28/pV6c4vq.png" style="border: 0px; width: 500.6px;"/>
  65.                                                                                 </div>
  66.                                                                             </section>
  67.                                                                         </div>
  68.                                                                     </div>
  69.                                                                     <div tn-cell-type="group" tn-link="cell.link" tn-animate="(!isCellBound ? &#39;__NOT_MOUNT__&#39; : cell.anim)" tn-animate-on-self="true" class="tn-cell tn-cell-group tn-child-position-static tn-state-active ng-scope" tn-ra-cell="xra_AC9RcApHIwqbGydQyaO8bPruKUyvCUbc" style="display: inline-block; vertical-align: top; width: 365.6px; flex: 0 0 auto; height: auto; margin-left: -465.6px; padding-right: 20px; padding-left: 20px;">
  70.                                                                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  71.                                                                             <p>
  72.                                                                                 <br/>
  73.                                                                             </p>
  74.                                                                         </section>
  75.                                                                         <div class="tn-from-house-paper-cp tn-comp-anim-pin tn-comp ng-scope" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="comp-o4deDx4KtCe4lWG6" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" tn-ra-comp="xra_7YbnaAuv4MJqmX8XWlJ694Q5VTgMIsWO" style="position: static;">
  76.                                                                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible; text-align: right; line-height: 0; justify-content: flex-end; margin-bottom: -20px; transform: translate3d(20px, 0px, 0px);">
  77.                                                                                 <div tn-cell-type="image" class="tn-cell tn-cell-image tn-state-active ng-scope" tn-link="cell.link" tn-animate="(!isCellBound ? &#39;__NOT_MOUNT__&#39; : cell.anim)" tn-animate-on-self="true" title="" tn-ra-cell="xra_kvL4INqrEf8pV8eqRHRMSnBgeEvmk30J" style="max-width: 100%; vertical-align: middle; display: inline-block; line-height: 0; width: 54.8727px; height: auto;">
  78.                                                                                     <img class="tn-image-presenter raw-image" src="https://s3.bmp.ovh/imgs/2025/09/01/752bf38b7d21a9a2.webp" style="border: 0px; width: 54.8625px;"/>
  79.                                                                                 </div>
  80.                                                                             </section>
  81.                                                                         </div>
  82.                                                                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  83.                                                                             <p>
  84.                                                                                 <br/>
  85.                                                                             </p>
  86.                                                                         </section>
  87.                                                                         
  88.                                                                                     <p style="margin-left: 20px; margin-right: 20px;font-size: 13px;">
  89.                                                                                         我问佛:为何不给所有女子羞花闭月的容颜?<br/>
  90. 佛曰:那只是昙花的一现,用来蒙蔽世俗的眼。<br/>没有什么美可以抵过一颗纯净仁爱的心,我把它赐给每一个女子,可有人让它蒙上了灰。
  91.                                                                                     </p>           
  92.                                                                         
  93.                                                                      
  94.                                                                                 
  95.                                                                                     </span>
  96.                                                                                     </p><p></p>
  97.                                                                                     <p><p></p>
  98.                                                                                        <div class="zz"><audio src="http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=LJ0aKEL95ibVPL6L&amp;shareuid" controls="" autoplay="" loop=""></audio></div>


  99. <style>
  100. audio{clip:rect(0px 50px 200px 0px);width:100px;height:50px;}
  101. .zz{width:50px;height:50px;overflow:hidden;box-shadow:2px 2px 3px #000;border-radius:50%;animation: rot 10s infinite linear;animation-play-state:running;}
  102. @keyframes rot { to { transform: rotate(360deg); } }
  103. </style><br><br>
  104.                                                                              <span style="font-size: 12px; text-align: center;"><br/></span>
  105.                                                                                     </p>
  106.                                                                                 </div>
  107.                                                                             </section></section>
  108.                                                                            
  109.                                                                         </div>
  110.                                                                     </div>
  111.                                                                 </section>
  112.                                                             </div>
  113.                                                             <div class="tn-comp-top-level tn-from-house-paper-cp tn-comp-anim-pin tn-comp ng-scope" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="comp-Kcd16bc11hrnC4IO" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" tn-ra-comp="xra_VDNVR7eJ1VqxmiKhJNn5hLUbl2FZfRSV" style="position: static;">
  114.                                                                 <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="position: static; overflow: visible;">
  115.                                                                     <div tn-cell-type="container" tn-link="cell.link" tn-animate="(!isCellBound ? &#39;__NOT_MOUNT__&#39; : cell.anim)" tn-animate-on-self="true" class="tn-cell tn-child-position-static tn-state-active ng-scope" tn-ra-cell="xra_paIjdLOGgVMaFmnuWJdxiUDLBFdBwpfJ" style="display: flex; width: 365.6px; vertical-align: top; flex-flow: column;">
  116.                                                                         <div class="tn-from-house-paper-cp tn-comp-anim-pin tn-comp ng-scope" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="comp-xT9X2r0QIjWuUTuy" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" tn-ra-comp="xra_FHRUUwHJ8mazBUFVsT0ImgSgXsLLfoML" style="position: static; z-index: 1;">
  117.                                                                             <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="display: flex; position: static; overflow: visible; text-align: left; justify-content: flex-start; flex-flow: row;">
  118.                                                                                 <div tn-cell-type="group" tn-link="cell.link" tn-animate="(!isCellBound ? &#39;__NOT_MOUNT__&#39; : cell.anim)" tn-animate-on-self="true" class="tn-cell tn-cell-group tn-child-position-static tn-state-active ng-scope" tn-ra-cell="xra_BP9BxoSNjE6Bq94oxlOzNSNBwPQWuSfE" style="display: inline-block; width: auto; vertical-align: top; align-self: flex-start; flex: 100 100 0%; height: auto; margin-right: 20px; margin-left: 20px; background-color: rgb(255, 255, 255);">
  119.                                                                                     <div class="tn-from-house-paper-cp tn-comp-anim-pin tn-comp ng-scope" tn-comp-pose="compConstraint.pose.tplPose || compAttr.pose" tn-uuid="comp-XCPFrl5A8fmlJUKk" tn-animate="(!isCompBound ? &#39;__NOT_MOUNT__&#39; : compAttr.anim)" tn-ra-comp="xra_7DIQEcXXZpG0ro1n3E131OxiUjUiNb3c" style="position: static;">
  120.                                                                                         <section class="tn-comp-pin tn-comp-style-pin" tn-link="compAttr.link" style="display: flex; position: static; overflow: visible; text-align: center; justify-content: center; flex-flow: row;"></section>
  121.                                                                                     </div>
  122.                                                                                 </div>
  123.                                                                
  124.                                             </div>
  125.                                         </section>
  126.                                     </div>
  127.                                 </div>
  128.                             </section>
  129.                         </div>
  130.                     </div>
  131.                 </section>
  132.             </article>
  133.         </div>
  134.     </div>
  135. </section>
  136. <section class="text-xmyeditor">
  137.     <p style="">
  138.         <br/>
  139.     </p>
  140. </section>
复制代码
点评
回复

使用道具

发表于 2025-9-1 18:40 | 显示全部楼层
啊,都很漂亮啊,以后可以用了
婴宁 2025-9-1 20:54
回复
随便用,让大家的文字更好看,锦上添花。
回复

使用道具

发表于 2025-9-1 20:58 | 显示全部楼层
好看,宁儿辛苦了。。。
点评
回复

使用道具

 楼主| 发表于 2025-9-4 09:05 | 显示全部楼层
<br> 微信图片_20250904090436.png

  1. <div align="center">
  2. <section style="width:560px;"><section style="-webkit-tap-highlight-color: transparent; padding-right: 5px; padding-left: 5px; font-size: 14px; line-height: 2.2; letter-spacing: 1.8px;">
  3.     <section style="-webkit-tap-highlight-color: transparent; margin-bottom: 24px; line-height: 0;">
  4.         <section style="-webkit-tap-highlight-color: transparent; vertical-align: middle; display: inline-block; line-height: 0;">
  5.             <p>
  6.                 <br/>
  7.             </p>
  8.         </section>
  9.     </section>
  10.     <section style="-webkit-tap-highlight-color: transparent; text-align: left; justify-content: flex-start; display: flex; flex-flow: row;">
  11.         <section style="-webkit-tap-highlight-color: transparent; padding: 10px; display: inline-block; width: 560px; vertical-align: top; box-shadow: rgb(166, 91, 203) 0px 0px 8px; height: auto; border-width: 0px; border-radius: 5px; border-style: none; border-color: rgb(62, 62, 62); overflow: hidden; flex: 0 0 auto; align-self: flex-start;">
  12.             <section style="-webkit-tap-highlight-color: transparent;">
  13.                 <section style="-webkit-tap-highlight-color: transparent; margin-bottom: -10px; opacity: 0.51;">
  14.                     <p>
  15.                         <img src="https://s3.bmp.ovh/imgs/2025/09/04/bf1fd950938aa674.gif" style="width: 8em; float: left;" data-isicon="20684"/>
  16.                     </p>
  17.                 </section>
  18.             </section>
  19.             <section style="-webkit-tap-highlight-color: transparent; text-align: justify; color: rgb(63, 63, 63); line-height: 2.2; letter-spacing: 1.8px; font-family: PingFangSC-light;" class="">
  20.                 <p style="-webkit-tap-highlight-color: transparent; text-align: center;">
  21.                     <span style="-webkit-tap-highlight-color: transparent;"><br/></span>
  22.                 </p>
  23.                 <section style="-webkit-tap-highlight-color:transparent;margin-top:15px;margin-bottom:15px;text-align:center;justify-content:center;display:flex;flex-flow:row;">
  24.                     <section style="-webkit-tap-highlight-color:transparent;margin-bottom:-15px;display:inline-block;vertical-align:middle;width:auto;min-width:5%;flex:0 0 auto;height:auto;background-color:rgba(255, 255, 255, 0);z-index:1;align-self:center;overflow:hidden;">
  25.                         <section style="-webkit-tap-highlight-color:transparent;margin-bottom:unset;transform:rotateZ(15deg);-webkit-transform:rotateZ(15deg);-moz-transform:rotateZ(15deg);-ms-transform:rotateZ(15deg);-o-transform:rotateZ(15deg);">
  26.                             <section style="-webkit-tap-highlight-color:transparent;margin-top:-15px;margin-bottom:-10px;">
  27.                                 <section style="-webkit-tap-highlight-color:transparent;display:inline-block;width:5px;height:45.8799px;vertical-align:top;overflow:hidden;background-color:rgba(177, 125, 203, 0.75);margin-bottom:unset;">
  28.                                     <section style="-webkit-tap-highlight-color:transparent;text-align:justify;margin-bottom:unset;">
  29.                                         <p style="-webkit-tap-highlight-color:transparent;">
  30.                                             <br style="-webkit-tap-highlight-color:transparent;"/>
  31.                                         </p>
  32.                                     </section>
  33.                                 </section>
  34.                             </section>
  35.                         </section>
  36.                     </section>
  37.                     <section style="-webkit-tap-highlight-color:transparent;margin-left:-7px;display:inline-block;vertical-align:middle;width:auto;min-width:5%;flex:0 0 auto;height:auto;background-color:rgba(255, 255, 255, 0);z-index:1;align-self:center;overflow:hidden;line-height:2;margin-bottom:unset;">
  38.                         <section style="-webkit-tap-highlight-color:transparent;margin-bottom:unset;transform:rotateZ(15deg);-webkit-transform:rotateZ(15deg);-moz-transform:rotateZ(15deg);-ms-transform:rotateZ(15deg);-o-transform:rotateZ(15deg);">
  39.                             <section style="-webkit-tap-highlight-color:transparent;margin-top:-4px;margin-bottom:-4px;">
  40.                                 <section style="-webkit-tap-highlight-color:transparent;display:inline-block;width:5px;height:45.8799px;vertical-align:top;overflow:hidden;background-color:rgb(166, 91, 203);margin-bottom:unset;">
  41.                                     <section style="-webkit-tap-highlight-color:transparent;text-align:justify;margin-bottom:unset;">
  42.                                         <p style="-webkit-tap-highlight-color:transparent;">
  43.                                             <br style="-webkit-tap-highlight-color:transparent;"/>
  44.                                         </p>
  45.                                     </section>
  46.                                 </section>
  47.                             </section>
  48.                         </section>
  49.                     </section>
  50.                     <section style="-webkit-tap-highlight-color:transparent;margin-right:-7px;margin-left:-7px;display:inline-block;vertical-align:middle;width:auto;align-self:center;flex:0 0 auto;min-width:5%;height:auto;background-color:rgba(255, 255, 255, 0);margin-bottom:unset;">
  51.                         <section style="-webkit-tap-highlight-color:transparent;margin-bottom:unset;transform:translate3d(5px, 0px, 0px);-webkit-transform:translate3d(5px, 0px, 0px);-moz-transform:translate3d(5px, 0px, 0px);-ms-transform:translate3d(5px, 0px, 0px);-o-transform:translate3d(5px, 0px, 0px);">
  52.                             <section style="-webkit-tap-highlight-color:transparent;background-color:rgba(177, 125, 203, 0.75);height:1px;margin-bottom:unset;">
  53.                                 <svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;" role="img" aria-label="插图"></svg>
  54.                             </section>
  55.                         </section>
  56.                         <section style="-webkit-tap-highlight-color:transparent;margin-top:3px;margin-bottom:3px;">
  57.                             <section style="-webkit-tap-highlight-color: transparent; text-align: center;padding-right: 15px; padding-left: 15px; font-size: 16px; color: rgb(102, 8, 116); letter-spacing: 2px; margin-bottom: unset;">
  58.                                 <p style="-webkit-tap-highlight-color:transparent;">
  59.                                     <b>题&nbsp; &nbsp;目</b>
  60.                                 </p>
  61.                             </section>
  62.                         </section>
  63.                         <section style="-webkit-tap-highlight-color:transparent;margin-bottom:unset;transform:translate3d(-5px, 0px, 0px);-webkit-transform:translate3d(-5px, 0px, 0px);-moz-transform:translate3d(-5px, 0px, 0px);-ms-transform:translate3d(-5px, 0px, 0px);-o-transform:translate3d(-5px, 0px, 0px);">
  64.                             <section style="-webkit-tap-highlight-color:transparent;background-color:rgba(177, 125, 203, 0.75);height:1px;margin-bottom:unset;">
  65.                                 <svg viewbox="0 0 1 1" style="float:left;line-height:0;width:0;vertical-align:top;" role="img" aria-label="插图"></svg>
  66.                             </section>
  67.                         </section>
  68.                     </section>
  69.                     <section style="-webkit-tap-highlight-color:transparent;margin-right:-5px;display:inline-block;vertical-align:middle;width:auto;min-width:5%;flex:0 0 auto;height:auto;background-color:rgba(255, 255, 255, 0);z-index:1;align-self:center;overflow:hidden;line-height:2;margin-bottom:unset;">
  70.                         <section style="-webkit-tap-highlight-color:transparent;margin-bottom:unset;transform:rotateZ(15deg);-webkit-transform:rotateZ(15deg);-moz-transform:rotateZ(15deg);-ms-transform:rotateZ(15deg);-o-transform:rotateZ(15deg);">
  71.                             <section style="-webkit-tap-highlight-color:transparent;margin-top:-4px;margin-bottom:-4px;">
  72.                                 <section style="-webkit-tap-highlight-color:transparent;display:inline-block;width:5px;height:45.8799px;vertical-align:top;overflow:hidden;background-color:rgb(166, 91, 203);margin-bottom:unset;">
  73.                                     <section style="-webkit-tap-highlight-color:transparent;text-align:justify;margin-bottom:unset;">
  74.                                         <p style="-webkit-tap-highlight-color:transparent;">
  75.                                             <br style="-webkit-tap-highlight-color:transparent;"/>
  76.                                         </p>
  77.                                     </section>
  78.                                 </section>
  79.                             </section>
  80.                         </section>
  81.                     </section>
  82.                     <section style="-webkit-tap-highlight-color:transparent;margin-top:-15px;display:inline-block;vertical-align:middle;width:auto;min-width:5%;flex:0 0 auto;height:auto;background-color:rgba(255, 255, 255, 0);z-index:1;align-self:center;overflow:hidden;margin-bottom:unset;">
  83.                         <section style="-webkit-tap-highlight-color:transparent;margin-bottom:unset;transform:rotateZ(15deg);-webkit-transform:rotateZ(15deg);-moz-transform:rotateZ(15deg);-ms-transform:rotateZ(15deg);-o-transform:rotateZ(15deg);">
  84.                             <section style="-webkit-tap-highlight-color:transparent;margin-top:-15px;margin-bottom:-10px;">
  85.                                 <section style="-webkit-tap-highlight-color:transparent;display:inline-block;width:5px;height:45.8799px;vertical-align:top;overflow:hidden;background-color:rgba(177, 125, 203, 0.75);margin-bottom:unset;">
  86.                                     <section style="-webkit-tap-highlight-color:transparent;text-align:justify;margin-bottom:unset;">
  87.                                         <p style="-webkit-tap-highlight-color:transparent;">
  88.                                             <br style="-webkit-tap-highlight-color:transparent;"/>
  89.                                         </p>
  90.                                     </section>
  91.                                 </section>
  92.                             </section>
  93.                         </section>
  94.                     </section>
  95.                 </section>
  96.                 <section style="-webkit-tap-highlight-color:transparent;margin-bottom:unset;">
  97.                     <p style="-webkit-tap-highlight-color:transparent;">
  98.                         <br/>
  99.                     </p>
  100.                 </section>
  101.                 <p style="text-align: center;">
  102.                     <img src="https://s21.ax1x.com/2025/01/01/pESpdP0.png" data-width="84.2881%" style="width: 84.2881%;"/>
  103.                 </p>
  104.                 <p>
  105.                     <span style="-webkit-tap-highlight-color: transparent;"><br/></span>
  106.                 </p>
  107.                 <p style="-webkit-tap-highlight-color: transparent; text-align: left; padding-left: 60px; padding-right: 60px;">
  108.                     <span style="-webkit-tap-highlight-color: transparent; color: #4B3172; font-size: 13px;">七年前的初夏淡淡风,悄悄地压制了暑气的疯狂,假装轻飘飘地掠过。心事,如摇曳的树影婆娑,晃动着、晃动着,想让满世界都知道此刻的清凉。</span>
  109.                 </p>
  110.                
  111.                <br/><br/>

  112. <div align="center" style="position: relative;">
  113. <script type="text/javascript">
  114. document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js"></sc"+"ript>")
  115. document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/player.js"></sc"+"ript>")
  116. document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/beautiful/player/beautiful.js"></sc"+"ript>")
  117. </script>
  118. <link href="http://webftp.bbs.hnol.net/sxrx2016/players/beautiful/player/beautiful.css" rel="stylesheet" type="text/css">
  119. <div style="margin: 0px auto;">
  120. <p align="center"><img width="210" height="90" src="http://webftp.bbs.hnol.net/sxrx2016/players/beautiful/image/player.png" border="0"></p>
  121. <embed width="210" height="90" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://webftp.bbs.hnol.net/sxrx2016/players/beautiful/image/flash.swf?url=&amp;bgcolor=000000&amp;color=000000" type="application/x-shockwave-flash" style="left: 50%; top: 50%; margin-top: -45px; margin-left: -105px; position: absolute;" wmode="transparent" invokeurls="false"></embed>
  122. <div id="beautifuls" style="left: 50%; top: 50%; width: 100%; height: 100%; margin-top: 0px; margin-left: -105px; display: block; position: absolute;">
  123.         <ul class="player-audios" style="display: none;">
  124.             <li data-title="尝花-雪若">
  125.                 <div class="player-source" data-type="audio/mpeg" data-src="http://music.163.com/song/media/outer/url?id=1855360537.mp3">
  126.             </div></li>
  127.         </ul>
  128.     </div>
  129. </div>
  130. </div>
  131. <br>
复制代码
点评
回复

使用道具

您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

手机版|千山论坛 ( 冀ICP备2024055714号 )

GMT+8, 2025-9-20 08:22

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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