朵拉 发表于 2026-3-27 21:08

张三的歌（学习马黑黑没有什么不同效果）

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
.pa { --bg: url('https://pic1.imgdb.cn/item/69c6762eebec5f101554b973.jpg') no-repeat center/cover; }
.player { bottom: 50px; width: 4vw; }
.bgprog { bottom: 20px; }
.btnFs { left: 30px; top: 30px; color: lightblue; }
.lrc { text-shadow: 1px 1px 1px white; }
</style>

<div class="pa">
<audio src="https://upfile.mp3.wf/view.php/b8af941e303be3cbdc891833b792b549.mp3" autoplay loop></audio>

<video class="pd-vid" src="https://img.tukuppt.com/video_show/3664703/00/02/13/5b51530e63ad7.mp4" autoplay loop muted></video>

<div class="lrc">LRC</div>
<img src="https://638183.freep.cn/638183/small/2026/a4.png" class="player rotate invert" title="Alt+X" alt="">
<div class="bgprog"></div>
<div class="btnFs" title="F11"></div>
</div>

<script>
var gc = `张三的歌（R&B 版）\n演唱：lisa-xu\n词曲：张子石\n制作：朵拉\n我要带你到处去飞翔\n走遍世界各地去观赏\n没有烦恼没有那悲伤\n自由自在身心多开朗\n忘掉痛苦忘掉那悲伤\n我们一起启程去流浪\n虽然没有华夏美衣裳\n但是心里充满着希望\n我们要飞到那遥远地方看一看\n这世界并非那么凄凉\n我们要飞到那遥远地方望一望\n这世界还是一片的光亮\n我要带你到处去飞翔\n走遍世界各地去观赏\n没有烦恼没有那悲伤\n自由自在身心多开朗\n忘掉痛苦忘掉那悲伤\n我们一起启程去流浪\n虽然没有华厦美衣裳\n但是心里充满着希望\n我们要飞到那遥远地方看一看\n这世界并非那么的凄凉\n我们要飞到那遥远地方望一望\n这世界还是一片的光亮\n我们要飞到那遥远地方看一看\n这世界并非那么的凄凉\n我们要飞到那遥远地方望一望\n这世界还是一片的光亮\n我们要飞到那遥远地方\n看一看 这世界并非那么凄凉\n我们要飞到那遥远地方\n望一望这世界\n还是一片的光亮\n这世界还是一片的光亮`;

loadJs('https://638183.freep.cn/638183/tzmaker/tz2026.min.js');

function loadJs(url, callback) {
    const script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.defer = true;
    script.onload = () => {
      var tz = TZ('pa');
      tz.start(gc);
    };
    document.head.appendChild(script);
}
</script>

朵拉 发表于 2026-3-27 21:08

@马黑黑
老师 晚上好，学生交作业，请您指正{:4_190:}

马黑黑 发表于 2026-3-27 21:40

根据帖子背景图构图特点，歌词标签不宜使用默认方式安置。可以考虑：放在上边，或放在左边。

原歌词标签CSS选择器代码：

      .lrc { text-shadow: 1px 1px 1px white; }

可以通过添加 left: ??px; top: ??px; 属性设置改变位置，根据设计使用其一或其二或二者。

朵拉 发表于 2026-3-27 21:52

马黑黑 发表于 2026-3-27 21:40
根据帖子背景图构图特点，歌词标签不宜使用默认方式安置。可以考虑：放在上边，或放在左边。

原歌词标签 ...
感谢老师的指正，祝您周末愉快{:4_190:}

马黑黑 发表于 2026-3-27 22:24

朵拉 发表于 2026-3-27 21:52
感谢老师的指正，祝您周末愉快

{:4_191:}

红影 发表于 2026-3-28 12:54

歌词遮挡人脸了，最好调一下位置，欣赏朵宝好帖{:4_187:}

小辣椒 发表于 2026-3-28 21:35

朵拉这个背景图做的漂亮

小辣椒 发表于 2026-3-28 21:36

欣赏朵拉精彩的制作{:4_178:}
页: [1]
查看完整版本: 张三的歌（学习马黑黑没有什么不同效果）