朵拉 发表于 2025-11-16 23:02

旧梦前尘（学习马黑黑采葛效果）

<style>
      @import 'https://638183.freep.cn/638183/web/tz/tz.v3.css';
      .pa { --offsetX: 81px; --bg: beige url('https://pic1.imgdb.cn/item/6919dfb03203f7be000b0997.jpg') no-repeat center/cover; }
      .pd-vid { opacity: 0.9; }
</style>

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

<script type="module">
      import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
      var tz = TZ.TZ('pa');
      var lrcAr = [
    ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
              
      ];
      tz.lrc(lrcAr).style('top: 30px');
      tz.add('audio', '', '', {src: 'https://cccimg.com/view.php/3a648dc90f6b836cef6c009bd2cf6d90.mp3'});
      tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2269348/00/08/29/5d1c5857beef5.mp4' });
      tz.add('img', '', 'ma', {src: 'https://638183.freep.cn/638183/small/hbtn1.png'}).playmp3().style('bottom: 50px');
      tz.bgprog().style('bottom: 20px; color: red');
      tz.fs().style('right: 20px; bottom: 20px');
</script>

朵拉 发表于 2025-11-16 23:04

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

偶然~ 发表于 2025-11-17 00:04

音画唯美

偶然~ 发表于 2025-11-17 00:05

音画合一

偶然~ 发表于 2025-11-17 00:05

制作太棒了！感谢朵拉带来的精彩，辛苦了！祝你开心幸福、阖家安康！

朵拉 发表于 2025-11-17 09:09

偶然~ 发表于 2025-11-17 00:05
制作太棒了！感谢朵拉带来的精彩，辛苦了！祝你开心幸福、阖家安康！

感谢偶然老师的临帖，祝您新周愉快{:4_190:}

偶然~ 发表于 2025-11-17 09:57

朵拉 发表于 2025-11-17 09:09
感谢偶然老师的临帖，祝您新周愉快

{:4_180:}

红影 发表于 2025-11-17 11:06

漂亮，欣赏朵宝好帖{:4_199:}

马黑黑 发表于 2025-11-17 13:04

根据地图特征，帖子大致可以这样布局：

一、左上空旷开阔，歌词可以竖排放在那一带；

二、左下安放进度条和播放器，现在的位置遮挡了帖子主图的重要信息。
页: [1]
查看完整版本: 旧梦前尘（学习马黑黑采葛效果）