查看: 103|回复: 6

[单图] 【简单】单图音画帖代码新模板(适合无特效作品,只有居中和音乐)

[复制链接]
发表于 2024-12-22 20:00 | 显示全部楼层 |阅读模式
本帖最后由 花简静 于 2024-12-22 20:38 编辑

单图音画帖代码新模板(黑师20240526出品):
<div style="position: relative; margin: 20px 0 20px calc(50% - 890px); width: 1600px; height: 720px; background: url('图片地址') no-repeat center/cover; border: 1px solid red; z-index: 1;"></div>
<audio src="音频地址" autoplay loop></audio>


代码中的红色部分是需要修改的部分:
(一)margin: 20px 0 20px calc(50% - 890px);
        890 根据 1600 即帖子预设宽度而来,应按实际尺寸进行计算,计算公式是:帖子宽度÷2+90;

(二)width: 1600px;
        这是设置帖子的宽度,1600 只是举例,实际尺寸以图片实际宽度为依据;

(三)height: 720px;
        这是设置帖子高度,道理同(二);

(四)src="音频地址"
        这里是加背景音乐

鲜花

9

查看全部鲜花

点评
发表于 2024-12-22 21:02 | 显示全部楼层
谢谢简静分享,问好
点评
发表于 2024-12-23 06:39 | 显示全部楼层
静静分享的很精彩
静静宝辛苦了
点评
发表于 2024-12-23 08:47 | 显示全部楼层
静静太棒了,辛苦静静!
点评
发表于 2024-12-23 19:01 | 显示全部楼层
静静辛苦了
点评
发表于 2024-12-23 20:28 | 显示全部楼层
我对代码天生怕怕
这个适合我。。。
点评
发表于 2024-12-24 11:55 | 显示全部楼层
花版辛苦了,平安快乐。
点评
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|千山论坛

GMT+8, 2025-2-24 05:07

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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