QQmcc-吾妻 发表于 2016-8-27 21:07:48

【Just Us Tonight】 - Margz Trent- 第一句就爱上的节奏

<!-- DZ音乐卡片|图片自适应|可调节卡片上下外边距|封面下方嵌入网易云外链播放器|无JS|修复播放器空白&高度失效 -->
<style>
/* ==========【可修改参数,仅修改此区域】========== */
.dzmusic-card-wrap {
    --card-w: 450px;         /* 卡片整体宽度 */
    --card-radius: 14px;   /* 卡片外圆角 */
    --cover-radius: 10px;    /* 封面图片圆角 */
    --card-bg: #181a22;      /* 卡片背景色 */
    --shadow-color: rgba(0,0,0,0.35);
    --hover-translate: -6px; /* 悬浮上浮距离 */
    --hover-brightness: 1.12;/* 悬浮图片亮度 */
    --title-color: #ffffff;/* 歌名文字颜色 */
    --artist-color: #b4b8c8; /* 歌手文字颜色 */
    --inner-padding: 16px;   /* 卡片内边距 */
    --card-margin-top: 50px;/* ✏️卡片距离帖子上方高度 */
    --card-margin-bottom:50px;/* ✏️卡片距离帖子下方高度 */
    --player-height:1px;    /* ✏️网易云播放器高度,建议范围:60‑86px,不要小于60px */
    --player-margin-top:10px;/* ✏️封面到播放器的间距 */
}
/* ============================================== */

.dzmusic-card-wrap {
    width: var(--card-w);
    margin: var(--card-margin-top) auto var(--card-margin-bottom);
    border-radius: var(--card-radius);
    background: var(--card-bg);
    padding: var(--inner-padding);
    box-shadow: 0 4px 14px var(--shadow-color);
    transition: all 0.24s ease;
    font-family: system-ui, "Microsoft Yahei", sans-serif;
    box-sizing: border-box;
}
.dzmusic-card-wrap:hover {
    transform: translateY(var(--hover-translate));
    box-shadow: 0 10px 24px var(--shadow-color);
}

/* 封面容器:图片自适应卡片 */
.dzmusic-cover-box {
    width: 100%;
    border-radius: var(--cover-radius);
    overflow: hidden;
    filter: brightness(1);
    transition: filter 0.24s ease;
}
.dzmusic-card-wrap:hover .dzmusic-cover-box {
    filter: brightness(var(--hover-brightness));
}

.dzmusic-cover-box img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    cursor: zoom‑in;
}

/* 网易云播放器容器【修复空白、高度变量生效】 */
.dzmusic-netease-player {
    width:100%;
    height: var(--player-height);
    margin-top: var(--player-margin-top);
    border-radius:8px;
    overflow:hidden;
    box-sizing: border-box;
}
.dzmusic-netease-player iframe{
    width:100%;
    height:100%;
    border:none;
    margin:0;
    padding:0;
    /* 覆盖iframe标签上写死的width/height属性 */
    aspect-ratio: unset !important;
}

.dzmusic-text-area {
    text-align: center;
    margin-top: 14px;
}
.dzmusic-songname {
    color: var(--title-color);
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 4px;
}
.dzmusic-singer {
    color: var(--artist-color);
    font-size: 14px;
}
</style>

<div class="dzmusic-card-wrap">
    <div class="dzmusic-cover-box">
      <!-- 替换为你的附件标签 你的ID -->
      
    </div>

    <!-- ✏️网易云外链iframe,替换src里面歌曲ID;已删除iframe上写死的width、height,交由CSS变量控制 -->
    <div class="dzmusic-netease-player">
      <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=1 src="//music.163.com/outchain/player?type=2&id=3397888789&auto=1&height=66"></iframe>
    </div>

    <div class="dzmusic-text-area">
      <div class="dzmusic-songname">Just Us Tonight/div>
      <div class="dzmusic-singer">歌手:Margz Trent </div>
    </div>
</div>

**** Hidden Message *****

QQmcc-千惠 发表于 2016-8-27 22:22:36

wuli 小温温哦      

啁翔宇 发表于 2016-8-28 09:56:08

:'(               

甜软 发表于 2016-8-30 16:40:44

有帖子的地方就有我的存在

离人挽歌 发表于 2016-8-30 16:43:34

原谅我放荡不羁,只为等你

200001160020 发表于 2016-8-30 16:47:17

年少时的鲜衣怒马也随不羁被平淡摒弃

蓝戈 发表于 2016-8-30 17:09:46

我一路向北,离开有你的季节

施主别撕我脱 发表于 2016-8-30 19:42:20

拿走 很有节奏感

施主别撕我脱 发表于 2016-8-30 19:42:29

拿走 很有节奏感

一席幽梦醒 发表于 2016-9-8 04:10:08

确实没谁了喜欢这首歌
页: [1]
查看完整版本: 【Just Us Tonight】 - Margz Trent- 第一句就爱上的节奏