论坛 › 欢乐水吧 › 【月满西楼】 送给大猫咪

小辣椒 发表于 2024-3-21 21:37

【月满西楼】 送给大猫咪

<style>
#papa {
      width: 650px;      
      min-height: 1000px;
      padding: 40px;
      box-sizing: border-box;
      border-radius: 12px;
      box-shadow: 0 0 8px #000;
      position: relative;
      margin: 60px auto 80px auto;
      top: 0px;
      display: grid; user-select: none;
      place-items: center;
      user-select: none;
}
#tit {
      position: absolute;
      left: 155px;
      top: 400px;
      font: bold 20px/26px 'FangSong',serif;
      color: DarkOrchid;
}
#papa::before, #papa::after {
      position: absolute;
      content: '';
}
#papa::before {
      left: 10px;
      top: 10px;
      right: 10px;
      bottom: 10px;
      border: 2px dashed MediumPurple;
      border-radius: inherit;
}
#papa::after {
      content: '【月满西楼】 TO：大猫咪 ';
      padding: 10px 40px 10px 10px;
      left: -10px;
      top: 20px;
      border-radius: 10px 0 0 10px;
      background: BlueViolet;
      opacity: .85;
      font: bold 16px/24px sans-serif;
      color: white;
      clip-path: polygon(0 0,100% 0,90% 50%, 100% 100%, 0 100%);
}
#pic {
      position: absolute;
      left: 70px;
      top: 90px;
      width: 510px;
      height: 275px;
}
.mpic { position: absolute; right: 10px; bottom: 20px; width: 200px; height: 144px; }
.mpic1 { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; opacity: .35;
      background: url('https://pic.imgdb.cn/item/647c033ef024cca17313a454.gif'); }
@keyframes swing { from { transform: rotate(3deg); } to { transform: rotate(-2deg); } }
</style>

<div id="papa">
       <div class="mpic1"></div>
       <img id="pic" src="https://pic.imgdb.cn/item/65fc35329f345e8d033b73df.jpg" alt="">
       <img src="https://pic.imgdb.cn/item/65f852fa9f345e8d030e42e4.gif" alt="" class="mpic">
      <div id="tit">一首 安雯的【月满西楼】送给猫猫<br>
　　2024-3-21编辑 制作：小辣椒<br><br><br>
找首古风音乐送给猫猫<br>
“猫猫肯定会吃惊，”<br>
咋送这首悲切切的<br>
古风歌曲<br>
小辣椒只是随便找的没有其他意思<br>
^_^O(∩_∩)O哈哈~<br>
猫猫就听歌听歌<br><br>


</div><br>

<script>
let sf = document.createElement('script');
sf.src = 'https://xlaj.cn/assets/file/zp/20240318205859.js';
sf.charset = 'utf-8';
document.body.appendChild(sf);

sf.onload = () => {
      let player = new ypP();
      player.setAudSrc('https://music.163.com/song/media/outer/url?id=5280196.mp3');
      player.setBtnCss(`
                width: 250px;
                left: 30%;
                bottom: 120px;
                --btnBg: url('https://638183.freep.cn/638183/small/purple.png') no-repeat center/cover;
                --trackBg: transparent;
                --progBg: rgba(138,43,226,.7);
                --btnSize: 45px;
      `);
      player.setLrcCss('bottom: 60px;color: #9c81d5;--bg: linear-gradient(180deg, #af9ad9);font-size: 1.3em;',);
      player.lrcAr = [,   
];
};
</script>

小辣椒 发表于 2024-3-21 21:37

@大猫咪
猫猫简单的帖送礼也是不好意思的，但好朋友之间是不会嫌弃的吧{:4_170:}

小辣椒 发表于 2024-3-21 21:38

@樵歌

樵哥哥你微信没有回我话，我上来了，但马上就下的

大猫咪 发表于 2024-3-21 21:45

哈辣椒来了{:4_179:}又有礼物真开心！正是听歌的时候，非常喜欢的经典！

制作真漂亮！图美歌靓！ 意境幽美，谢谢辣椒，辛苦了{:4_190:}注意休息！

{:4_178:}{:4_178:}{:4_204:}{:4_190:}

小辣椒 发表于 2024-3-21 21:46

大猫咪 发表于 2024-3-21 21:45
哈辣椒来了又有礼物真开心！正是听歌的时候，非常喜欢的经典！

制作真漂亮！图美歌靓！ 意境 ...

猫猫好，小辣椒得马上下了，空了再上来{:4_179:}

大猫咪 发表于 2024-3-21 21:48

小辣椒 发表于 2024-3-21 21:46
猫猫好，小辣椒得马上下了，空了再上来

好的，快去休息辣椒    不早了    保重身体   {:4_204:} 祝一切安好！

{:4_190:}{:4_187:}{:4_178:}

四海八荒 发表于 2024-3-21 21:54

看你们礼尚往来，我就蹭听了{:4_189:}

红影 发表于 2024-3-21 22:47

漂亮的效果，好听的歌儿。亲爱的制作真漂亮。猫猫收礼开心{:4_199:}

马黑黑 发表于 2024-3-21 23:21

漂亮的紫色

我自己 发表于 2024-3-22 06:54

太好听了，一早起来听了N遍还不过瘾，干脆开着这贴再去看其它的了{:4_205:}

我自己 发表于 2024-3-22 06:57

新来，就偷了你的代码，千万莫生气哈，我自己这厢和您陪礼道谦了{:4_184:}请接受小生一拜{:4_430:}

亦是金 发表于 2024-3-22 09:44

漂亮！欣赏学习收藏！{:4_187:}

梦油 发表于 2024-3-22 09:44

俺也来听歌，好歌好制作，猫咪朋友一定喜欢。

樵歌 发表于 2024-3-22 11:20

俺赶紧来来蹭听，和猫咪一起开心{:4_208:}

大猫咪 发表于 2024-3-22 20:04

四海八荒 发表于 2024-3-21 21:54
看你们礼尚往来，我就蹭听了

好久不见    {:4_179:} 四海兄晚上好   开心{:4_204:}

大猫咪 发表于 2024-3-22 20:05

红影 发表于 2024-3-21 22:47
漂亮的效果，好听的歌儿。亲爱的制作真漂亮。猫猫收礼开心

谢谢红影一起欣赏辣椒美帖 {:5_106:}{:4_204:}

大猫咪 发表于 2024-3-22 20:06

我自己 发表于 2024-3-22 06:54
太好听了，一早起来听了N遍还不过瘾，干脆开着这贴再去看其它的了

就是经典好歌   一起欣赏{:5_106:}{:4_187:}

大猫咪 发表于 2024-3-22 20:06

亦是金 发表于 2024-3-22 09:44
漂亮！欣赏学习收藏！

问好朋友{:4_204:}{:4_190:}

大猫咪 发表于 2024-3-22 20:07

梦油 发表于 2024-3-22 09:44
俺也来听歌，好歌好制作，猫咪朋友一定喜欢。

谢谢梦兄老喜欢了   一起欣赏辣椒美帖！

{:5_106:}{:4_204:}{:4_178:}

大猫咪 发表于 2024-3-22 20:08

樵歌 发表于 2024-3-22 11:20
俺赶紧来来蹭听，和猫咪一起开心

嗯和樵哥哥一起欣赏开心{:5_106:}{:4_204:}

查看完整版本: 【月满西楼】 送给大猫咪