论坛 › 动画音画 › 【黑师代码】那时窗外开满花【马黑黑tzMaker在线宝宝 使用实例】

花飞飞 发表于 2026-1-16 11:23

【黑师代码】那时窗外开满花【马黑黑tzMaker在线宝宝 使用实例】

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
    .pa { --offsetX: 81px;margin:150px 0;--bg: url('https://642303.freep.cn/642303/tu/20250116nsxiangrong.webp') no-repeat center/cover; --ma-size: 3%; width: 1800px; height: 1200px; }
undefined
</style>

<div class="pa"></div>

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';

    const tz = TZ.TZ('pa');

    tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=509704150' });
    tz.add('video', '', 'qk-vid', {src: 'https://bpic.588ku.com/video_listen/588ku_video/25/02/26/10/22/30/video67be7ae60fbee.mp4'}).style('mix-blend-mode: screen; opacity: 0.5;');
    tz.add('img', '', 'ma', { src: 'https://642303.freep.cn/642303/za/4yc0.png' }).style('left:47%; bottom: 70px;').playmp3();
    tz.bgprog().style('left: 42%; bottom: 50px; color: #2a6e91; width: 240px;');
    var gc = `单曲：那时窗外开满花
        歌手：王金金
        所属专辑：那时窗外开满花
        作词 : 王金金/柠檬
        作曲 : 郑在允
       
        天空蓝特有情调
        温暖得像羽毛
        嫩绿色的树梢
        有你味道
        微甜的空气很美妙
        Babe
        我已不想再思考
        Babe
        这样是否太轻佻
        音符暧昧环绕
        被宠爱的味道
        转角再遇到
        连眼角都在笑
        那时窗外开满花
        你看过吗
        什么在生根发芽
        是爱情啊
        如梦如幻月
        又若即若离的美妙
        出乎意料的心跳
        那时窗外开满花
        你看过吗
        什么在生根发芽
        那是爱呀
        对望那一秒
        是什么答案不重要
        这一刻能静止多好
        天空蓝太有情调
        温暖得像怀抱
        你我相视而笑
        随风轻飘
        想和你到天涯海角
        Babe
        我已不想再思考
        Babe
        这样是否太轻佻
        音符暧昧环绕
        被宠爱的味道
        转角再遇到
        连眼角都在笑
        那时窗外开满花
        你看过吗
        什么在生根发芽
        是爱情啊
        如梦如幻月
        又若即若离的美妙
        出乎意料的心跳
        那时窗外开满花
        你看过吗
        什么在生根发芽
        那是爱呀
        对望那一秒
        是什么答案不重要
        这一刻能静止多好
        这感觉很奇妙
        不要打扰
        享受宠爱美好
        别来打扰
        想你成为嗜好
        无法思考
        每一天你都在
        那样真好
        那时窗外开满花
        你看过吗
        什么在生根发芽
        是爱情啊
        如梦如幻月
        又若即若离的美妙
        出乎意料的心跳
        那时窗外开满花
        你看过吗
        什么在生根发芽
        那是爱呀
        对望那一秒
        是什么答案不重要
        这一刻能静止多好`;
    tz.lrc(tz.lrc2HC(gc), '', false).style('bottom: 15px; color: #2a6e91; --c1: #a9d7dd; --c2:#034a73;');
    tz.fs().style('left: 20px; top: 20px;')
</script>

花飞飞 发表于 2026-1-16 11:29

@马黑黑 交在线版本作业。。{:5_117:}
这就是煮饭一样，把素材准备好，填进去后一次便可成贴。。
不过发到论坛后遮头像加了个：margin:150px 0;
进度条色和歌词颜色是吸取图片上的同色系得到的。。
小播图片是现成的。。。
论坛在线版跟网页版使用方法一样，所以这次成贴就更顺利。。
后来改了一下歌曲三要素的位置。。

马黑黑 发表于 2026-1-16 12:15

花飞飞 发表于 2026-1-16 11:29
@马黑黑 交在线版本作业。。
这就是煮饭一样，把素材准备好，填进去后一次便可成贴。。
不过发 ...

矮油，你这是给在线工具取个“电饭锅宝宝”吗？{:5_117:}

小技巧：在“帖子容器”的“背景设置”里加个英文分号，然后加 margin: 150px 0 就不用在生成的代码中手动加里，像这样：

no-repeat center/cover; margin: 150px 0

末尾不要加小角分号

红影 发表于 2026-1-16 14:08

画面里的小女孩很阳光，这个帖子好漂亮。
欣赏飞飞好帖{:4_187:}

梦油 发表于 2026-1-16 14:22

花飞飞制图很有新意。

花飞飞 发表于 2026-1-16 16:14

马黑黑 发表于 2026-1-16 12:15
矮油，你这是给在线工具取个“电饭锅宝宝”吗？

小技巧：在“帖子容器”的“背景设置”里加 ...

这个名字响亮又好听。。
这比炒菜还简单，不用关注火候{:5_106:}

现在明白了，凡是需要手动加的我都想让你加入常用。。
哈哈。。懒 人小白的理想远大{:5_117:}

花飞飞 发表于 2026-1-16 16:14

红影 发表于 2026-1-16 14:08
画面里的小女孩很阳光，这个帖子好漂亮。
欣赏飞飞好帖

影子支持最给力了，开心{:5_162:}

花飞飞 发表于 2026-1-16 16:15

梦油 发表于 2026-1-16 14:22
花飞飞制图很有新意。

感谢梦油支持鼓励。。{:5_162:}

梦油 发表于 2026-1-16 16:35

花飞飞 发表于 2026-1-16 16:15
感谢梦油支持鼓励。。

花飞飞朋友别客气。

马黑黑 发表于 2026-1-16 18:34

花飞飞 发表于 2026-1-16 16:14
这个名字响亮又好听。。
这比炒菜还简单，不用关注火候



这和天线宝宝还有区别

杨帆 发表于 2026-1-16 19:35

实例出品真棒，谢谢花飞飞精彩分享{:4_204:}

花飞飞 发表于 2026-1-17 12:15

马黑黑 发表于 2026-1-16 18:34
这和天线宝宝还有区别

{:5_106:}这可爱的名字，萌翻了。。想到了军事官方抖音发贴的娃娃腔

花飞飞 发表于 2026-1-17 12:38

杨帆 发表于 2026-1-16 19:35
实例出品真棒，谢谢花飞飞精彩分享

感谢杨帆支持

马黑黑 发表于 2026-1-17 13:05

花飞飞 发表于 2026-1-17 12:15
这可爱的名字，萌翻了。。想到了军事官方抖音发贴的娃娃腔

{:4_189:}

花飞飞 发表于 2026-1-17 22:37

马黑黑 发表于 2026-1-17 13:05


{:5_106:}标准的反差萌。。

红影 发表于 2026-1-17 22:38

花飞飞 发表于 2026-1-16 16:14
影子支持最给力了，开心

飞飞的作业总是最好的呢{:4_187:}

马黑黑 发表于 2026-1-17 22:38

花飞飞 发表于 2026-1-17 22:37
标准的反差萌。。

{:4_181:}

小辣椒 发表于 2026-1-17 22:49

打开帖就惊艳了，画面色彩太养眼了，歌曲也是好听，飞飞就是厉害，个个图图都那么的美{:4_204:}

花飞飞 发表于 2026-1-17 22:54

红影 发表于 2026-1-17 22:38
飞飞的作业总是最好的呢

{:4_173:}就是被影子天天夸着进步的

花飞飞 发表于 2026-1-17 22:54

马黑黑 发表于 2026-1-17 22:38


那个号特好玩，用最萌的语气说最不能招惹的的话。。{:4_173:}

查看完整版本: 【黑师代码】那时窗外开满花【马黑黑tzMaker在线宝宝 使用实例】