三月梅 发表于 2025-5-21 21:44

小满寄友

<div style="width: 100%; max-width: 800px; margin: 0 auto; font-family: 'Microsoft YaHei', Arial, sans-serif; background-color: #f9f9f9; border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1);">

<!-- LOGO部分 -->
<div style="text-align: center; padding: 20px 0; background-color: #ffffff;">
    <img src="https://cccimg.com/view.php/ead8f51b299dd9efa36a27113f48dde3.png " alt="论坛LOGO" style="max-width: 300px; height: auto;">
</div>

<!-- 轮播图部分 -->
<div style="position: relative; width: 100%; height: 450px; overflow: hidden;">
    <div style="display: flex; width: 300%; height: 100%; animation: slide 10s infinite;">
      <div style="width: 33.33%; height: 100%;">
            <img src="https://cccimg.com/view.php/c2fbf310f2e81206cec338315a2caa31.jpeg " style="width: 100%; height: 100%; object-fit: cover;">
      </div>
      <div style="width: 33.33%; height: 100%;">
            <img src="https://cccimg.com/view.php/412c71c20ce426706c1dd3ec3a07811b.jpg" style="width: 100%; height: 100%; object-fit: cover;">
      </div>
      <div style="width: 33.33%; height: 100%;">
            <img src="https://cccimg.com/view.php/1bcdd08887f29df1a91b9ab16137e2d5.jpeg" style="width: 100%; height: 100%; object-fit: cover;">
      </div>
    </div>
</div>

<style>
@keyframes slide {
    0% { transform: translateX(0); }
    33% { transform: translateX(-33.33%); }
    66% { transform: translateX(-66.66%); }
    100% { transform: translateX(0); }
}
</style>

<!-- 文字内容部分 -->
<div style="padding: 20px; line-height: 1.6; color: #333;">
    </section>
<p style="text-align: justify; color: #005831; line-height: 2em; letter-spacing: 2.4px; font-size: 20px; margin-right: 120px; margin-left: 100px;">
</p><div align="center">
<strong style="font-size: 20px;">◇◆◇◆◇◆◇◆</strong><br><br>
<span style="font-size: 24px; font-weight: bold;">小 满 寄 友</span><br><br><br>
<span style="font-size: 24px;">漫展诗笺阅古篇   墨香沁腑意悠然 </span><br>
<span style="font-size: 24px;">南秧北麦皆丰象  夏韵春情各妙玄​ </span><br>
<span style="font-size: 24px;">月未盈时留绮梦  花将绽处守清欢​ </span><br>
<span style="font-size: 24px;">愿君岁岁常如意  小满人生福永绵 </span><br>

<br
    <div style="margin: 20px 0; text-align: center;">
      <img src="https://cccimg.com/view.php/a73f36ad40082c80e032fdd18e964421.jpeg" alt="内容图片" style="max-width: 100%; border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,0.2);">
    </div>

</div>

<!-- 音乐播放器部分 -->
<div style="background-color: #f0f0f0; padding: 15px; text-align: center;">
    <audio controls style="width: 100%; max-width: 500px; margin: 0 auto;">
      <source src="https://cccimg.com/view.php/2de13a749f5a4e7196a50d8685d26f2e.mp3" type="audio/mpeg">
      您的浏览器不支持音频元素。
    </audio>
    <p style="margin-top: 10px; color: #666; font-size: 14px;">当前播放: 歌曲名称 - 歌手</p>
</div>

</div>


三月梅 发表于 2025-5-21 21:46


小满寄友
漫展诗笺阅古篇   墨香沁腑意悠然
南秧北麦皆丰象   夏韵春情各妙玄
月未盈时留绮梦   花将绽处守清欢
愿君岁岁常如意   小满人生福永绵

三月梅 发表于 2025-5-21 21:53

https://www.yueyijyw.com/data/attachment/forum/202505/21/211059or1f3yu4rogufzxo.jpeg

三月梅 发表于 2025-5-21 21:53

https://www.yueyijyw.com/data/attachment/forum/202505/21/211106bgnwwc5hu13yccua.jpeg

三月梅 发表于 2025-5-21 21:54

https://www.yueyijyw.com/data/attachment/forum/202505/21/211042rvv04yd6hxxl34ld.jpeg

页: [1]
查看完整版本: 小满寄友