樵歌 发表于 2024-4-16 22:04

有爱大声说TO小辣椒

<style>
#papa {
      width: 680px;   
      min-height: 1400px;
      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: 160px;
      top: 550px;
      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: 60px;
      top: 90px;
      width: 560px;
      height: 360px;
}
.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://wj.zp68.com/lxx/yunhua/2024/04/14/0F.gif " alt="">
       <img src="https://pic.imgdb.cn/item/65f852fa9f345e8d030e42e4.gif" alt="" class="mpic">
      <div id="tit">有爱大声说出来TO小辣椒<br>
  2024-04-16文字:樵歌/编图 小辣椒<br><br><br>
四月的歌声倾倒众生<br>
四月的城中只有一人<br>
让整座城都跟起和音<br>
唱给远行那个<br>
沉默的人聆听<br><br>

四月的笑脸如玫瑰盛开<br>
四月的心被美酒灌溉<br>
四月<br>
要张开大口豪饮,做对<br>
英雄好汉,霹雳红唇<br><br>

四月的爱专属绿夜<br>
四月的相思嫁给失眠的人<br>
于苍茫中把一首歌听穿<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://s138.ananas.chaoxing.com/sv-w9/audio/25/45/13/c0cd7469c2d031fe37ed7c59725a8af7/audio.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-4-16 22:05

@小辣椒

樵歌 发表于 2024-4-16 22:06

小辣椒,我没办法找到你送的那首好听的歌,只好用这首暂时代替。{:4_189:}

小辣椒 发表于 2024-4-16 22:06

樵歌 发表于 2024-4-16 22:05
@小辣椒

樵哥哥回来了?

樵歌 发表于 2024-4-16 22:12

小辣椒 发表于 2024-4-16 22:06
樵哥哥回来了?

今天零时过点到家的{:4_181:}

小辣椒 发表于 2024-4-16 22:22

樵歌 发表于 2024-4-16 22:06
小辣椒,我没办法找到你送的那首好听的歌,只好用这首暂时代替。

樵哥哥,给你换上了{:4_173:}

小辣椒 发表于 2024-4-16 22:23

樵歌 发表于 2024-4-16 22:12
今天零时过点到家的

快去休息,明天继续了

谢谢樵哥哥的精美礼物,爱就要大声说出来,小辣椒听到樵哥哥说了{:4_170:}

樵歌 发表于 2024-4-16 22:26

小辣椒 发表于 2024-4-16 22:22
樵哥哥,给你换上了

就知道你会给樵哥哥换上的{:4_179:}

樵歌 发表于 2024-4-16 22:27

小辣椒 发表于 2024-4-16 22:23
快去休息,明天继续了

谢谢樵哥哥的精美礼物,爱就要大声说出来,小辣椒听到樵哥哥说了

你们不是一直想听这句么,这就鼓起勇气说出来咧{:4_170:}

小辣椒 发表于 2024-4-16 22:28

樵歌 发表于 2024-4-16 22:26
就知道你会给樵哥哥换上的

哈哈,肯定的,必须的

小辣椒 发表于 2024-4-16 22:29

樵歌 发表于 2024-4-16 22:27
你们不是一直想听这句么,这就鼓起勇气说出来咧

就是,爱要大声说出来,小辣椒听到了,看看红影听到没有@红影

红影 发表于 2024-4-16 22:30

小辣椒 发表于 2024-4-16 22:29
就是,爱要大声说出来,小辣椒听到了,看看红影听到没有@红影
看到提醒,赶紧跑来了,听到了,很好听{:4_173:}

红影 发表于 2024-4-16 22:32

帖子里放的就是小辣椒的音画呢,这是师兄一直想做的效果。
歌曲好听,诗句浓烈而漂亮。欣赏师兄好帖{:4_199:}

樵歌 发表于 2024-4-17 07:33

小辣椒 发表于 2024-4-16 22:28
哈哈,肯定的,必须的

我改了几次都不理想,特别是歌弄不上去{:4_170:}

樵歌 发表于 2024-4-17 07:34

小辣椒 发表于 2024-4-16 22:29
就是,爱要大声说出来,小辣椒听到了,看看红影听到没有@红影

樵哥哥看到你听得仔细{:4_189:}

樵歌 发表于 2024-4-17 07:36

红影 发表于 2024-4-16 22:32
帖子里放的就是小辣椒的音画呢,这是师兄一直想做的效果。
歌曲好听,诗句浓烈而漂亮。欣赏师兄好帖{:4_19 ...

我开始只弄了个原图,她那音乐不是网易云的格式。。

红影 发表于 2024-4-17 20:47

樵歌 发表于 2024-4-17 07:36
我开始只弄了个原图,她那音乐不是网易云的格式。。

这个格式更好啊,网易云的音乐经常会丢,她这个不会失效的呢。

小辣椒 发表于 2024-4-17 21:51

红影 发表于 2024-4-16 22:30
看到提醒,赶紧跑来了,听到了,很好听

哈哈,我是指樵哥哥大声说了---爱!

小辣椒 发表于 2024-4-17 21:51

樵歌 发表于 2024-4-17 07:33
我改了几次都不理想,特别是歌弄不上去

要看完整的源码就可以看见了

小辣椒 发表于 2024-4-17 21:52

樵歌 发表于 2024-4-17 07:34
樵哥哥看到你听得仔细

那肯定啊,听得很仔细,看的也是很仔细的{:4_173:}
页: [1] 2 3
查看完整版本: 有爱大声说TO小辣椒