- UID
- 616
- 主题
- 回帖
- 0
- 精华
- 积分
- 21682
- 金币
- 枚
- 草籽
- 颗
- 鲜花
- 朵
- 注册时间
- 2023-11-16
- 最后登录
- 1970-1-1
|
本帖最后由 花简静 于 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
查看全部鲜花
-
|