小辣椒 发表于 2025-4-6 20:58

梦的翅膀受了伤 TO:冬雨 (学习黑黑男孩世界 帖子居中自适应)

<style>
      @import 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.css';
      #tz { position: absolute; left: 50%; transform: translate(-50%, 140px); width: clamp(800px, 90vw, 1400px); height: clamp(460px, 90vh, 760px); background: #ddd url('https://wj.zp68.com/lxx/yunhua/2022/02/20/cb.gif') no-repeat center/cover; }
      #mplayer { bottom: 30px; }

#lrcDiv { writing-mode: vertical-rl; left: 10%; top: 36%; text-align: left; color: LightBLue; --hlcolor: Lavender; }       
       #fsbtn { top: 30px; left: 47%; }
      .zw { height: clamp(460px, 90vh, 760px); margin: 30px; margin-bottom: 140px;}
.vid { opacity: 0.55; }
</style>
<div id="tz" class="pa">
      <audio id="aud"src="https://wj1.zp68.com:812/lxx/yunhua/2022/07/mdcbsls.mp3" autoplay loop></audio>
      <video class="vid" src="https://video.699pic.com/videos/02/18/92/b_uWfZW9dgDggN1723021892.mp4" autoplay loop muted></video>
</div>
<div class="zw"></div>

<script type="module">
      import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.js';
var gc= `梦的翅膀受了伤
歌手:蒋雪儿 (Snow Jiang)
词:蒋雪儿
曲:蒋雪儿   
隐隐坠下季节的落叶
阵阵秋风吹得好凄凉
我的忧伤飘散在远方
没有你我感觉好孤单
思念已经化成了眼泪
一滴一滴刺痛我的心
梦的翅膀已经受了伤
我飞不到有你的地方
每次想你我都会心痛
我的思念转过寂静的天空
我的记忆里有你的痕迹
我的爱在寂寞世界里
天空飘过流浪的白云
就像我们已经破碎的爱情
爱得太累心已憔悴
让风吹干受伤的眼泪
。。。。。。
思念已经化成了眼泪
一滴一滴刺痛我的心
梦的翅膀已经受了伤
我飞不到有你的地方
每次想你我都会心痛
我的思念转过寂静的天空
我的记忆里有你的痕迹
我的爱在寂寞世界里
天空飘过流浪的白云
就像我们已经破碎的爱情
爱得太累心已憔悴
让风吹干受伤的眼泪
让风吹干受伤的眼泪
让风吹干受伤的眼泪
。。。。。。

`;
      hcplay(tz,gc,9);
</script>

小辣椒 发表于 2025-4-6 21:02

@冬天的雨

上次送你的旧图,和音乐,测试了一下帖子居中自适应,发现我以前的旧图,只要人物不是很大无论什么尺寸都可以玩,这样也是很不错了,你可以用旧图玩一次

小辣椒 发表于 2025-4-6 21:03

@马黑黑

黑黑这个居中自适应挺好的,就是不能用top:现在头像不能露出了

梦油 发表于 2025-4-6 21:44

这个背景太美了,蓝天白云群雁,再加上美丽的小天使,构成了一幅十分美妙的画面。

红影 发表于 2025-4-6 22:28

这个原图很大,用了这个自适应就变得完全适合显示屏了呢,这个用法真好{:4_187:}

红影 发表于 2025-4-6 22:29

亲爱的制作很漂亮,歌曲也好听。欣赏亲爱的好帖{:4_199:}

梦江南 发表于 2025-4-7 08:05

很美的背景图,特好听的歌曲。欣赏学习了!{:4_187:}

樵歌 发表于 2025-4-7 08:05

梦的翅膀受了伤,谁去医治呀,我看冬小雨快去给小天使治治呗。{:4_189:}

樵歌 发表于 2025-4-7 08:07

@冬天的雨 你的小天使翅膀受了点伤,立即马上去给治治安慰下{:4_170:}

偶然~ 发表于 2025-4-7 12:06

制作大气,我喜欢这样的,下次偷去用在我的歌曲,哈哈哈。。。。。

走过岁月 发表于 2025-4-7 13:17

这歌好听

杨帆 发表于 2025-4-7 17:06

漂亮,谢谢小辣椒精彩分享,祝冬雨收礼愉快{:4_191:}

马黑黑 发表于 2025-4-7 18:37

小辣椒 发表于 2025-4-6 21:03
@马黑黑

黑黑这个居中自适应挺好的,就是不能用top:现在头像不能露出了

菇凉头像漂亮舍不得不示人{:4_170:}

帖子容器transform改为: transform: translate(-50%, 120px);

120px 不够可以加大一点,这时候,.zw {} 选择器就需要配套:

margin-bottom: 120px;

小辣椒 发表于 2025-4-7 20:26

梦油 发表于 2025-4-6 21:44
这个背景太美了,蓝天白云群雁,再加上美丽的小天使,构成了一幅十分美妙的画面。

哈哈,谢谢梦油夸奖{:4_187:}

小辣椒 发表于 2025-4-7 20:28

红影 发表于 2025-4-6 22:28
这个原图很大,用了这个自适应就变得完全适合显示屏了呢,这个用法真好

亲爱的,不大的,比现在的尺寸小,但可以出来自适应这个尺寸不用自己修改旧图,太好了{:4_170:}

小辣椒 发表于 2025-4-7 20:29

红影 发表于 2025-4-6 22:29
亲爱的制作很漂亮,歌曲也好听。欣赏亲爱的好帖

现在测试黑黑的代码,我都是用以前的图可以随便玩也是挺好的

小辣椒 发表于 2025-4-7 20:31

梦江南 发表于 2025-4-7 08:05
很美的背景图,特好听的歌曲。欣赏学习了!

阿姨晚上好,现在小辣椒大部分是用以前的图,特别这个黑黑的自适应图,我旧图尺寸都不用改了,感觉挺方便了

小辣椒 发表于 2025-4-7 20:32

樵歌 发表于 2025-4-7 08:05
梦的翅膀受了伤,谁去医治呀,我看冬小雨快去给小天使治治呗。

哈哈,樵哥哥,你太可爱了{:4_205:}快呼叫冬雨

小辣椒 发表于 2025-4-7 20:33

偶然~ 发表于 2025-4-7 12:06
制作大气,我喜欢这样的,下次偷去用在我的歌曲,哈哈哈。。。。。

偶然晚上好,你随便用,都是黑黑的代码我套用的

小辣椒 发表于 2025-4-7 20:33

走过岁月 发表于 2025-4-7 13:17
这歌好听

岁月晚上好,谢谢欣赏{:4_187:}
页: [1] 2 3
查看完整版本: 梦的翅膀受了伤 TO:冬雨 (学习黑黑男孩世界 帖子居中自适应)