电影发帖新代码

屿风 · 发表于 2026-10-14 21:40:52

马上注册，结交更多好友，享用更多功能，让你轻松玩转QQMCC。

您需要登录才可以下载或查看，没有账号？注册

x

VIP

新蝙蝠侠

人气 TOP 20

剧情 | 冒险

2026 | 美国 | 正片 | 120分钟

IMDb

7.5/10

网友评分 ★★★★☆

36.4w 评分

7.5

导演: 马特·里夫斯编剧: 比尔·芬格 / 鲍勃·凯恩 / 马特·里夫斯 / 马特森·汤姆林主演: 罗伯特·帕丁森 / 斯嘉丽·约翰逊 / 塞巴斯蒂安·斯坦 / 巴里·基奥恩 / 科林·法瑞尔

描述: 布鲁斯·韦恩化身蝙蝠侠于哥谭市行侠仗义两年后，罪犯皆闻风丧胆，他也因此深入接触到哥谭市的阴暗面。他潜行于哥谭市腐败的政要名流关系网中，身边仅有的几个值得信赖的盟友，管家阿尔弗雷德·潘尼沃斯与詹姆斯·戈登警长。这位独行的“义警侠探”在哥谭市民心中已成为“复仇”二字最当仁不让的代名词。

展开预告片

预告附件位置

屿风 · 发表于 2026-10-15 14:21:10

黑色版本

<style>
.dz-card-wrap{width:950px !important;background:#161a23;border-radius:14px;padding:16px;margin:10px auto;box-sizing:border-box;}
.dz-oval-input{width:100%;box-sizing:border-box;margin-bottom:16px;padding:10px 18px;border-radius:999px;border:none;outline:none;background:#232935;color:#e8e8e8;font-size:14px;}
.dz-oval-input::placeholder{color:#888;}
.dz-middle-row{display:flex;gap:18px;align-items:flex-start;margin-bottom:12px;}
.dz-img-left{flex:0 0 420px;width:420px;height:600px;position:relative;border-radius:12px;overflow:hidden;background:#000;}
.dz-img-left img{width:100%;height:100%;object-fit:cover;display:block;}
.vip-corner-tag{position:absolute;top:0;right:0;z-index:3;width:70px;height:34px;line-height:34px;text-align:center;background:linear-gradient(90deg,#fff1bc,#ffbc5c);color:#5c3800;font-weight:900;font-size:22px;border-bottom-left-radius:12px;}
.dz-text-right{flex:1;min-width:0;}
.detail-wrap{display:flex;flex-direction:column;gap:12px;}
.text-main-title{font-size:32px;color:#fff;font-weight:bold;margin:0;white-space:pre-wrap;overflow-wrap:break-word;}
.tag-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0;}
.tag-hot-group{display:inline-flex;}
.tag-hot{background:#ff782b;color:#fff;padding:3px 9px;border-radius:4px 0 0 4px;font-weight:bold;font-size:13px;}
.tag-top-num{background:#2c313b;color:#d7dde8;padding:3px 9px;border-radius:0 4px 4px 0;font-weight:bold;font-size:13px;}
.tag-type{background:#22bb66;color:#fff;padding:2px 9px;border-radius:4px;font-size:13px;}
.meta-line{color:#b9b9b9;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;}
.score-card{background:#2c313b;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.imdb-badge{background:#f5c518;color:#000;font-weight:900;font-size:20px;padding:4px 11px;border-radius:4px;}
.score-main-row{display:flex;align-items:center;gap:14px;flex:1;flex-wrap:wrap;}
.score-num-block{font-size:34px;font-weight:bold;color:#ffaa2b;line-height:1;}
.score-text-block{display:flex;flex-direction:column;gap:0;}
.score-label{font-size:12px;color:#fff;margin:0;}
.imdb-star{font-size:12px;color:#f5c518;}
.score-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
/*7.2评分图标样式*/
.score-icon{width:24px;height:24px;object-fit:contain;display:block;}
.green-tag{background:#22bb66;color:#fff;font-size:12px;padding:2px 6px;border-radius:3px;font-weight:bold;}
.imdb-votes{font-size:12px;color:#C0C0C0;}
.info-line{color:#e2e2e2;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;line-height:1.8;}
.info-desc{color:#e2e2e2;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;line-height:1.4;}
.btn-group{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;}
.play-btn,.collect-btn,.share-btn{padding:10px 22px;border-radius:999px;border:none;font-size:15px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;}
.play-btn{padding:10px 28px;background:#22c55e;color:#2C2C2C;font-weight:bold;}
.collect-btn,.share-btn{background:#333944;color:#eee;}
.btn-icon{width:16px;height:16px;object-fit:contain;display:block;}
.fold-item{background:#202833;border:1px solid #333b48;border-radius:8px;overflow:hidden;}
.fold-header{padding:11px 16px;cursor:pointer;color:#e2e2e2;display:flex;justify-content:space-between;align-items:center;}
.fold-content{max-height:0;overflow:hidden;padding:0 16px;background:#161a23;color:#fff;transition:max-height .35s ease,padding .35s ease;white-space:pre-wrap;}
.fold-item.open .fold-content{max-height:2000px;padding:13px 16px;}
.fold-icon-img{width:14px;height:14px;object-fit:contain;transition:transform .3s;display:block;}
.fold-item.open .fold-icon-img{transform:rotate(180deg);}
</style>
<div class="dz-card-wrap">
<input class="dz-oval-input" placeholder="开始搜索楼主更多发帖内容">
<div class="dz-middle-row">
<div class="dz-img-left">
<div class="vip-corner-tag">VIP</div>
<海报位置>
</div>
<div class="dz-text-right">
<div class="detail-wrap">
<span class="text-main-title">新蝙蝠侠</span>
<div class="tag-row">
<div class="tag-hot-group">
<span class="tag-hot">人气</span>
<span class="tag-top-num">TOP 20</span>
</div>
<span class="tag-type">剧情 | 冒险</span>
</div>
<div class="meta-line">2026 | 美国 | 正片 | 120分钟</div>
<div class="score-card">
<span class="imdb-badge">IMDb</span>
<div class="score-main-row">
<div class="score-num-block">7.5/10</div>
<div class="score-text-block">
<span class="score-label">网友评分</span>
<span class="imdb-star">★★★★☆</span>
</div>
</div>
<div class="score-right">
<span class="imdb-votes">36.4w 评分</span>
<img class="score-icon" src="https://www.qqmcc.net/data/attachment/album/202610/19/111845sa8z32f3muj3xlhx.png">
<span class="green-tag">7.5</span>
</div>
</div>
<div class="info-line">
导演: 马特·里夫斯
编剧: 比尔·芬格 / 鲍勃·凯恩 / 马特·里夫斯 / 马特森·汤姆林
主演: 罗伯特·帕丁森 / 斯嘉丽·约翰逊 / 塞巴斯蒂安·斯坦 / 巴里·基奥恩 / 科林·法瑞尔
</div>
<div class="info-desc">描述: 布鲁斯·韦恩化身蝙蝠侠于哥谭市行侠仗义两年后，罪犯皆闻风丧胆，他也因此深入接触到哥谭市的阴暗面。他潜行于哥谭市腐败的政要名流关系网中，身边仅有的几个值得信赖的盟友，管家阿尔弗雷德·潘尼沃斯与詹姆斯·戈登警长。这位独行的“义警侠探”在哥谭市民心中已成为“复仇”二字最当仁不让的代名词。</div><br>
<div class="btn-group">
<button class="play-btn" onclick="window.location.href='分享跳转链接粘贴位'">
<img class="btn-icon" src="https://www.qqmcc.net/data/attachment/album/202610/19/105149hklzqhkl0hek0hj1.png"> 立即播放
</button>
<button class="collect-btn">
<img class="btn-icon" src="https://www.qqmcc.net/data/attachment/album/202610/19/105149y0659u70tcfchgx2.png"> 收藏
</button>
<button class="share-btn">
<img class="btn-icon" src="https://www.qqmcc.net/data/attachment/album/202610/19/105149wzg6nqp2g2f5lcdr.png"> 分享
</button>
</div>
</div>
</div>
</div>
<div class="fold-item">
<div class="fold-header">
<span>展开预告片</span>
<img class="fold-icon-img" src="https://www.qqmcc.net/data/attachment/album/202610/19/105402oqk0n5mn0ink05ik.png">
</div>
<div class="fold-content">预告附件位置</div>
</div>
</div>
<script>
document.querySelectorAll('.fold-header').forEach(h=>h.onclick=()=>h.closest('.fold-item').classList.toggle('open'))
</script>

复制代码

屿风 · 发表于 6 天前

白色版本

<style>
.dz-card-wrap{width:950px !important;background:#ffffff;border-radius:14px;padding:16px;margin:10px auto;box-sizing:border-box;border:1px solid #e7e9ec;}
.dz-oval-input{width:100%;box-sizing:border-box;margin-bottom:16px;padding:10px 18px;border-radius:999px;border:none;outline:none;background:#f3f4f6;color:#222222;font-size:14px;}
.dz-oval-input::placeholder{color:#888;}
.dz-middle-row{display:flex;gap:18px;align-items:flex-start;margin-bottom:12px;}
.dz-img-left{flex:0 0 420px;width:420px;height:600px;position:relative;border-radius:12px;overflow:hidden;background:#eee;}
.dz-img-left img{width:100%;height:100%;object-fit:cover;display:block;}
.vip-corner-tag{position:absolute;top:0;right:0;z-index:3;width:70px;height:34px;line-height:34px;text-align:center;background:linear-gradient(90deg,#fff1bc,#ffbc5c);color:#5c3800;font-weight:900;font-size:22px;border-bottom-left-radius:12px;}
.dz-text-right{flex:1;min-width:0;}
.detail-wrap{display:flex;flex-direction:column;gap:12px;}
.text-main-title{font-size:32px;color:#111;font-weight:bold;margin:0;white-space:pre-wrap;overflow-wrap:break-word;}
.tag-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0;}
.tag-hot-group{display:inline-flex;}
.tag-hot{background:#ff782b;color:#fff;padding:3px 9px;border-radius:4px 0 0 4px;font-weight:bold;font-size:13px;}
.tag-top-num{background:#e7e9ec;color:#444;padding:3px 9px;border-radius:0 4px 4px 0;font-weight:bold;font-size:13px;}
.tag-type{background:#22bb66;color:#fff;padding:2px 9px;border-radius:4px;font-size:13px;}
.meta-line{color:#666;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;}
.score-card{background:#f3f4f6;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.imdb-badge{background:#f5c518;color:#000;font-weight:900;font-size:20px;padding:4px 11px;border-radius:4px;}
.score-main-row{display:flex;align-items:center;gap:14px;flex:1;flex-wrap:wrap;}
.score-num-block{font-size:34px;font-weight:bold;color:#ffaa2b;line-height:1;}
.score-text-block{display:flex;flex-direction:column;gap:0;}
.score-label{font-size:12px;color:#222;margin:0;}
.imdb-star{font-size:12px;color:#f5c518;}
.score-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
/*7.2评分图标样式*/
.score-icon{width:24px;height:24px;object-fit:contain;display:block;}
.green-tag{background:#22bb66;color:#fff;font-size:12px;padding:2px 6px;border-radius:3px;font-weight:bold;}
.imdb-votes{font-size:12px;color:#666;}
.info-line{color:#333;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;line-height:1.8;}
.info-desc{color:#333;font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:break-word;line-height:1.4;}
.btn-group{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;}
.play-btn,.collect-btn,.share-btn{padding:10px 22px;border-radius:999px;border:none;font-size:15px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;}
.play-btn{padding:10px 28px;background:#22c55e;color:#fff;font-weight:bold;}
.collect-btn,.share-btn{background:#e7e9ec;color:#333;}
.btn-icon{width:16px;height:16px;object-fit:contain;display:block;}
.fold-item{background:#f3f4f6;border:1px solid #e0e2e6;border-radius:8px;overflow:hidden;}
.fold-header{padding:11px 16px;cursor:pointer;color:#333;display:flex;justify-content:space-between;align-items:center;}
.fold-content{max-height:0;overflow:hidden;padding:0 16px;background:#fff;color:#222;transition:max-height .35s ease,padding .35s ease;white-space:pre-wrap;}
.fold-item.open .fold-content{max-height:2000px;padding:13px 16px;}
.fold-icon-img{width:14px;height:14px;object-fit:contain;transition:transform .3s;display:block;}
.fold-item.open .fold-icon-img{transform:rotate(180deg);}
</style>
<div class="dz-card-wrap">
<input class="dz-oval-input" placeholder="开始搜索楼主更多发帖内容">
<div class="dz-middle-row">
<div class="dz-img-left">
<div class="vip-corner-tag">VIP</div>
<海报封面位置>
</div>
<div class="dz-text-right">
<div class="detail-wrap">
<span class="text-main-title">新蝙蝠侠</span>
<div class="tag-row">
<div class="tag-hot-group">
<span class="tag-hot">人气</span>
<span class="tag-top-num">TOP 20</span>
</div>
<span class="tag-type">剧情 | 冒险</span>
</div>
<div class="meta-line">2026 | 美国 | 正片 | 135分钟</div>
<div class="score-card">
<span class="imdb-badge">IMDb</span>
<div class="score-main-row">
<div class="score-num-block">7.5/10</div>
<div class="score-text-block">
<span class="score-label">网友评分</span>
<span class="imdb-star">★★★★☆</span>
</div>
</div>
<div class="score-right">
<span class="imdb-votes">36.4w 评分</span>
<img class="score-icon" src="https://www.qqmcc.net/data/attachment/album/202610/19/111845sa8z32f3muj3xlhx.png">
<span class="green-tag">7.5</span>
</div>
</div>
<div class="info-line">
导演: 马特·里夫斯
编剧: 比尔·芬格 / 鲍勃·凯恩 / 马特·里夫斯 / 马特森·汤姆林
主演: 罗伯特·帕丁森 / 斯嘉丽·约翰逊 / 塞巴斯蒂安·斯坦 / 巴里·基奥恩 / 科林·法瑞尔
</div>
<div class="info-desc">描述: 布鲁斯·韦恩化身蝙蝠侠于哥谭市行侠仗义两年后，罪犯皆闻风丧胆，他也因此深入接触到哥谭市的阴暗面。他潜行于哥谭市腐败的政要名流关系网中，身边仅有的几个值得信赖的盟友，管家阿尔弗雷德·潘尼沃斯与詹姆斯·戈登警长。这位独行的“义警侠探”在哥谭市民心中已成为“复仇”二字最当仁不让的代名词。</div><br>
<div class="btn-group">
<button class="play-btn" onclick="window.location.href='分享跳转链接粘贴位'">
<img class="btn-icon" src="https://www.qqmcc.net/data/attachment/album/202610/21/142512ee9kaaa91mkyef43.png"> 立即播放
</button>
<button class="collect-btn">
<img class="btn-icon" src="https://www.qqmcc.net/data/attachment/album/202610/21/142512u9f9h9fjsqk9bqk9.png"> 收藏
</button>
<button class="share-btn">
<img class="btn-icon" src="https://www.qqmcc.net/data/attachment/album/202610/21/142512dknacfguguvfn9u8.png"> 分享
</button>
</div>
</div>
</div>
</div>
<div class="fold-item">
<div class="fold-header">
<span>展开预告片</span>
<img class="fold-icon-img" src="https://www.qqmcc.net/data/attachment/album/202610/21/142759jybze3w7zv55ynk3.png">
</div>
<div class="fold-content">预告附件位置</div>
</div>
</div>
<script>
document.querySelectorAll('.fold-header').forEach(h=>h.onclick=()=>h.closest('.fold-item').classList.toggle('open'))
</script>

复制代码

[电影表格] 电影发帖新代码

马上注册，结交更多好友，享用更多功能，让你轻松玩转QQMCC。

浏览过的版块