找回密码
 立即注册
搜索
查看: 172|回复: 34

图文贴用代码自制专辑

[复制链接]

935

主题

2482

回帖

9144

积分

管理员

积分
9144
发表于 2025-9-21 23:23:08 | 显示全部楼层 |阅读模式



小溪专辑




唱给时光的歌

◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆

你可记得当年
我们唱着 《闪亮的日子》
歌声清脆  努力拼搏
那些挫折  是磨砺的刀刃
闪光的脚印   深深浅浅
在沧桑的岁月中 雕刻  打磨

◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆

如今  我们再次唱起《闪亮的日子》
旋律依旧 触动心窝
白发 在风中肆意地飞扬
舞动着年轮上的 天高地阔
伸出手  轻轻抚摸不老的情怀
昂扬在你我心中那 闪亮的星河










935

主题

2482

回帖

9144

积分

管理员

积分
9144
 楼主| 发表于 2025-9-21 23:30:43 | 显示全部楼层
<div class="t_fsz"><table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_196369">
<section class="_135editor" data-tools="135" data-id="93770" data-width="78%" style="margin: -10px auto; width: 680PX; flex: 0 0 78%;">
<section>
<section style="padding:3px;padding-top:1em;color: #0f5811;">
<section style="margin-bottom: -7em;margin-left: -6px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);"><br><br><br>
<section style="display: flex;justify-content: center;align-items: center;"> <!-- 居中 -->
<section style="text-align: center;"> <!-- 居中部分 -->
<a href="javascript:;"> <!-- 添加点击事件 -->
<img src="https://cccimg.com/view.php/95dde1e63119d4bd388955f9127a75ee.png" style="max-width: 250px; cursor: pointer;" title="点击更换标题图片" alt="小溪专辑">
</a><br>
</section>
</section>

</section>
<section style="background: #ffffff; border-radius:20px;padding:0.4em;box-shadow: 0px 0px 15px #0f5811;">
<section style="border: #0f5811 dashed 1px;padding:3.4em 1em 1em 1em;border-radius:15px;">
<section style="text-align: center;">
<section class="135brush" data-autoskip="1" style="text-align: justify;line-height: 2em;letter-spacing: 1.5px;font-size: 20px;"><br><br>
<p>
</p><div align="center">
<ignore_js_op>
<div align="center"><img width="600 height="400="" src="https://cccimg.com/view.php/412c71c20ce426706c1dd3ec3a07811b.jpg  " border="0"><br>
<br>
<p></p><p style="margin-right:60px; margin-left: 77px;letter-spacing: 2.4px; line-height: 1em; text-align:center;">
<span style="letter-spacing: 2px; font-size: 40px;color:#0f5811;">
<font size="5"><strong>唱给时光的歌</strong></font><br>

</ignore_js_op>
<p style="margin-right:80px; margin-left: 73px;letter-spacing: 2.4px; line-height: 1.8em; text-align:justify;">
<span style="letter-spacing: 2.1px; font-size: 20px;color:#0f5811;">
<b>
<div align="center">
    <strong>◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆</strong><br/><br/>
    <span style="letter-spacing: 2.1px; font-size: 20px;color:#0f5811;">
        你可记得当年<br />
        我们唱着 《闪亮的日子》<br />
        歌声清脆    努力拼搏<br />
        那些挫折    是磨砺的刀刃<br />
        闪光的脚印    深深浅浅<br />
        在沧桑的岁月中 雕刻  打磨<br />
        <br />
    </span>
    <strong>◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆</strong><br/><br/>
    <span style="letter-spacing: 2.1px; font-size: 20px;color:#0f5811;">
        如今   我们再次唱起《闪亮的日子》<br />
        旋律依旧 触动心窝<br />
        白发 在风中肆意地飞扬<br />
        舞动着年轮上的 天高地阔<br />
        伸出手   轻轻抚摸不老的情怀<br />
        昂扬在你我心中那 闪亮的星河<br />
    </span>
</div>

<audio style="width:390px;height:64px;" controls="controls" autoplay="autoplay" loop="loop" src="https://cccimg.com/view.php/4bd1e3b5390a0babf58ba89547c0c57ccc.mp3" type="audio/mpeg"></audio>
<br><br>
</div></section>
</section>
</section>
</section>
</section>
</section>
<p><br><br></p></section><br><br><br><br><br><br></td></tr></table>

<script>
// 标题图片数组,可以添加更多图片URL
var titleImages = [
    "https://cccimg.com/view.php/d5d3c9b0764a407321717b373d6b5f34.jpg ",
    "https://cccimg.com/view.php/412c71c20ce426706c1dd3ec3a07811b.jpg",
    "https://cccimg.com/view.php/aca06385ab80d62c275a9a8fdae6bbaf.jpg"
];
var currentImageIndex = 0;

// 点击更换标题图片的函数
function changeTitleImage() {
    currentImageIndex = (currentImageIndex + 1) % titleImages.length;
    document.querySelector('section[style*="text-align: center"] img').src = titleImages[currentImageIndex];
}
</script>

</div>
<div id="comment_196369" class="cm">
</div>

935

主题

2482

回帖

9144

积分

管理员

积分
9144
 楼主| 发表于 2025-9-21 23:33:23 | 显示全部楼层
论坛LOGO



母亲的自豪

◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆

在时光长河的悠悠流淌里
我站在岁月交织的舞台中央
身披名为“母亲”的神圣华裳
迎来独属于我的节日时光
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
看着你第一次蹒跚学
听着你牙牙学语喊出“妈妈”
见证你在校园的点滴成长
奖状贴满家中的墙
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
你的每一次进步 每一份荣耀
都让我骄傲 令我心花怒放
让你勇敢地闯荡 无畏地飞翔
我在后方 默默为你守望
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
作为母亲 我满心自豪
为母则刚 为你保驾护航
岁月在脸上刻下痕迹
却无法磨灭心中的光芒
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
在这个特别的节日里
我为自己鼓掌
为这一路的付出与担当得到丰厚回报
为那永不停息的母爱流淌


当前播放: 歌曲名称 - 歌手

935

主题

2482

回帖

9144

积分

管理员

积分
9144
 楼主| 发表于 2025-9-21 23:41:13 | 显示全部楼层
<div style="width: 100%; max-width: 800px; margin: 0 auto; font-family: 'Microsoft YaHei', Arial, sans-serif; background-color: #afdfe4; 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: #afdfe4;">
    <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/d5d3c9b0764a407321717b373d6b5f34.jpg " 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/aca06385ab80d62c275a9a8fdae6bbaf.jpg" 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>

<!-- 文字内容部分 -->
</section>
<p style="text-align: justify; color: #005831; line-height: 2.0em; letter-spacing: 2.4px; font-size: 24px; margin-right: 120px; margin-left: 100px;">
</p><div align="center">
    <div align="center">
<br/><br/>
<span style="font-size: 24px; font-weight: bold;">母亲的自豪</span><br><br>

    <span style="letter-spacing: 2.4px; font-size: 24px;color:#0f5811; line-height: 2.2em;">
   <strong>◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆</strong><br/><br/>
在时光长河的悠悠流淌里<br />
我站在岁月交织的舞台中央<br />
身披名为“母亲”的神圣华裳<br />
迎来独属于我的节日时光<br />
<strong>◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆</strong><br/>
看着你第一次蹒跚学<br />
听着你牙牙学语喊出“妈妈”<br />
见证你在校园的点滴成长<br />
奖状贴满家中的墙<br />   
<strong>◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆</strong><br/>
你的每一次进步      每一份荣耀<br />
都让我骄傲      令我心花怒放<br />
让你勇敢地闯荡    无畏地飞翔<br />
我在后方    默默为你守望<br />
<strong>◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆</strong><br/>      
作为母亲    我满心自豪<br/>      
为母则刚    为你保驾护航<br/>      
岁月在脸上刻下痕迹<br/>      
却无法磨灭心中的光芒<br/>      
<strong>◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆</strong><br/>   
在这个特别的节日里 <br/>      
我为自己鼓掌 <br/>      
为这一路的付出与担当得到丰厚回报 <br/>      
为那永不停息的母爱流淌  <br/>      

<br />

        <br />
    </span>
</div>
     <!-- 其他诗句... -->
</div>

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

</div>


935

主题

2482

回帖

9144

积分

管理员

积分
9144
 楼主| 发表于 2025-9-21 23:42:44 | 显示全部楼层








心 焰


那光 不是来自太阳
它在我肋骨间生长
当所有灯塔都转身
我的血管依然明亮

我认得每道阴影的形状
像认得掌纹的走向
暴雨在证件上签字时
我正校对光的重量

没有指南针的夜晚
骨骼自己长出磁场
当整个世界开始融化
我站着 等风变凉











935

主题

2482

回帖

9144

积分

管理员

积分
9144
 楼主| 发表于 2025-9-21 23:46:43 | 显示全部楼层
<div class="t_fsz"><table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_196369">
<section class="_135editor" data-tools="135" data-id="93770" data-width="78%" style="margin: -10px auto; width: 680PX; flex: 0 0 78%;">
<section>
<section style="padding:3px;padding-top:1em;color: #0f5811;">
<section style="margin-bottom: -7em;margin-left: -6px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);"><br><br><br>
<section style="display: flex;justify-content: center;align-items: center;">
<section style="text-align: center;">
<a href="javascript:;">
<img src="https://cccimg.com/view.php/95dde1e63119d4bd388955f9127a75ee.png" style="max-width: 250px; cursor: pointer;">
</a><br>
</section>
</section>

</section>
<section style="background: #ffffff; border-radius:20px;padding:0.4em;box-shadow: 0px 0px 15px #0f5811;">
<section style="border: #0f5811 dashed 1px;padding:3.4em 1em 1em 1em;border-radius:15px;">
<section style="text-align: center;">
<section class="135brush" data-autoskip="1" style="text-align: justify;line-height: 2em;letter-spacing: 1.5px;font-size: 20px;"><br><br>
<p>
</p><div align="center">
<ignore_js_op>
<div align="center"><img width="600 height="400="" src="https://cccimg.com/view.php/c1d4694ba413c32507de2c0bf21a75df.jpeg" border="0"><br>
<br>
<p></p><p style="margin-right:60px; margin-left: 77px;letter-spacing: 2.4px; line-height: 1em; text-align:center;">
<span style="letter-spacing: 2px; font-size: 16px;color:#0f5811;">
<font size="5"><strong>心  焰</strong></font><br>
<br><br>
</ignore_js_op>
<p style="margin-right:80px; margin-left: 73px;letter-spacing: 2.4px; line-height: 1.8em; text-align:justify;">
<span style="letter-spacing: 2.1px; font-size: 13px;color:#0f5811;">
<b>
<div align="center">

<b>
那光   不是来自太阳<br />
它在我肋骨间生长 <br />
当所有灯塔都转身<br />
我的血管依然明亮<br />

<br />
我认得每道阴影的形状<br />
像认得掌纹的走向<br />
暴雨在证件上签字时<br />
我正校对光的重量<br />
<br />
没有指南针的夜晚<br />
骨骼自己长出磁场<br />
当整个世界开始融化<br />
我站着   等风变凉<br />
<br />


<audio style="width:390px;height:64px;" controls="controls" autoplay="autoplay" loop="loop" src="https://cccimg.com/view.php/36422ebfebeade2f50320e7b31170e3D.mp3" type="audio/mpeg"></audio>
</audio>
<br><br>
</div></section>
</section>
</section>
</section>

<p><br><br></p></section><br><br><br><br><br><br></td></tr></table>





935

主题

2482

回帖

9144

积分

管理员

积分
9144
 楼主| 发表于 2025-9-21 23:48:30 | 显示全部楼层




◇◆◇◆◇◆◇◆

柳岸花事


柳丝漫舞醉芳甸   小潭红鱼荡水烟
默对晴光凝远睇   轻颦浅笑落云笺
杯中仍存春风暖   心与清波共碧天
香瓣随风定格速   朱痕暗沁三生缘
漫将心绪题诗句   未忘相逢仍少年
树影摇光水清澈   回眸一顾意拳拳
风过夏花摇曳处   余香犹绕旧栏边







935

主题

2482

回帖

9144

积分

管理员

积分
9144
 楼主| 发表于 2025-9-21 23:48:53 | 显示全部楼层
<div align="center"><section style="width:650px;">
<section class="_editor">
    <p>
        <br>
    </p>
</section>
<section class="_editor" data-support="96编辑器" data-style-id="29767">
    <section style="margin: 10px 0px; text-align: center;">
        <section style="margin: 5px -10px; width: 3.3em;">
            <img style="width: auto; height: auto; display: block;" alt=""
</section>

        </section>

        <section style="margin-top: -15px;">
            <section style="border-radius: 18px; border: 4px solid #005831; border-image: none; color:#005831;">
                <section style="padding: 20px 15px 15px;">
                    <p style="text-align: left; letter-spacing: 2px; transform: rotateZ(0deg);">
  <br>  <br>
                        <!-- 替换为200px长的LOGO图片 -->
                        <img src="https://cccimg.com/view.php/ead8f51b299dd9efa36a27113f48dde3.png" style="width: 300px; height: auto; display: block; margin: 0 auto;">

</section>
<section class="_135editor" data-id="101825" data-tools="135编辑器">
    <section style="margin: 10px auto; text-align: center;">
        <section style="display: inline-block;">

                <section class="assistant" style="background: #FFFFFF; border-radius: 100%; width: 10px; height: 10px; box-sizing: border-box; align-self: center;"></section>
                <section class="135brush" style="padding: 5px 1em; color: #FFFFFF; letter-spacing: 1.5px; font-size: 16px; font-weight: bold;" data-brushtype="text" hm_fix="339:346">
</section>
<p style="text-align: justify; color: #005831; line-height: 2em; letter-spacing: 2.4px; font-size: 18px; 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>

柳丝漫舞醉芳甸 &ensp; 小潭红鱼荡水烟</span><br>

默对晴光凝远睇 &ensp; 轻颦浅笑落云笺</span><br>

杯中仍存春风暖 &ensp; 心与清波共碧天</span><br>

香瓣随风定格速 &ensp; 朱痕暗沁三生缘 </span><br>

漫将心绪题诗句 &ensp; 未忘相逢仍少年</span><br>

树影摇光水清澈 &ensp; 回眸一顾意拳拳</span><br>

风过夏花摇曳处 &ensp; 余香犹绕旧栏边 </span><br>

<br>
<!-- 添加的图片 -->
<div style="margin: 20px auto;">
    <img src="https://ff.xiaoqiaodali.top:5401/i/2025/07/21/687e42b934841.jpg" style="width: 80%; max-width: 4
600px; border-radius: 8px; border: 2px solid #005831;">
<br>
<div align="center">
<audio style="width: 180px; height: 34px;" src="https://cccimg.com/view.php/71fac25cf883a02be41f71c9247a9ac44.mp3"autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio>
</div></div></section>
            </section>
        </section>
    </section>
</section>                                      
<br><br><br><br><br></div>


935

主题

2482

回帖

9144

积分

管理员

积分
9144
 楼主| 发表于 2025-9-21 23:51:54 | 显示全部楼层




◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆

犹恋清和四月天  殷勤欲挽岁华延
心随新绿千重展  笑把花笺对月镌
卿踏烟霞行远道  我调琴瑟伴吟鞭
何当共醉东风里  撷取春光入锦篇




935

主题

2482

回帖

9144

积分

管理员

积分
9144
 楼主| 发表于 2025-9-22 02:46:58 | 显示全部楼层




◇◆◇◆◇◆◇◆

辞四月迎五月有感


一钩新月挂遥穹
起袂辞行四月中
且向榴红寻胜景
漫随云懒数飘蓬
清歌一阕襟怀阔
雅韵千章意趣融
纵有惊涛兼骤雨
笑将岁月酿春风







您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

协同嘉业科技有限公司 ( 京ICP备2024053108号-1 )

GMT+8, 2025-10-16 19:40 , Processed in 0.087130 second(s), 19 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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