小辣椒 发表于 2024-3-19 21:13

【涛声依旧】 TO：樵哥哥

<style>
#papa {
      width: 650px;      
      min-height: 1200px;
      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/65f852d19f345e8d030d69b2.gif" alt="">
       <img src="https://pic.imgdb.cn/item/65f852fa9f345e8d030e42e4.gif" alt="" class="mpic">
      <div id="tit">一首优美的吉他--涛声依旧 送给樵哥哥<br>
　　2024-3-18编辑 制作：小辣椒<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://xlaj.cn/assets/file/zp/20240318232649.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-19 21:15

@樵歌

樵哥哥，我还在找那个地方发这个的，梦油可以发油诗板块，你们那诗词板块小辣椒的文字够不上的，想来想去还是发水区了

小辣椒 发表于 2024-3-19 21:16

樵哥哥看看哪里不满意告诉我，重新修改

樵歌 发表于 2024-3-19 21:17

小辣椒 发表于 2024-3-19 21:15
@樵歌

樵哥哥，我还在找那个地方发这个的，梦油可以发油诗板块，你们那诗词板块小辣椒的文字够不上的， ...

太棒了！{:4_178:}

樵歌 发表于 2024-3-19 21:19

小辣椒 发表于 2024-3-19 21:16
樵哥哥看看哪里不满意告诉我，重新修改

狠好狠好，樵哥哥也好喜欢这个色彩的。上面还动图图，下面的小瓶儿花花，我小花播放器都是按樵哥哥预想做的。太谢谢了。{:4_187:}{:4_179:}

樵歌 发表于 2024-3-19 21:20

先把代码抄了保藏起来，以后换着用。{:4_205:}

小辣椒 发表于 2024-3-19 21:20

樵歌 发表于 2024-3-19 21:19
狠好狠好，樵哥哥也好喜欢这个色彩的。上面还动图图，下面的小瓶儿花花，我小花播放器都是按樵哥哥预想做 ...

啊呀，樵哥哥还这么客气，不满意就继续修改

小辣椒 发表于 2024-3-19 21:22

樵歌 发表于 2024-3-19 21:20
先把代码抄了保藏起来，以后换着用。

樵哥哥，编辑制作应该写发帖制作的那个人，我给你修改了

樵歌 发表于 2024-3-19 21:25

这是动图图，我看有许多地址，以后我要是找的是静态图，应该放哪行呵，，，，，

樵歌 发表于 2024-3-19 21:26

这歌以前樵哥哥没少哼哼哈{:4_173:}很喜欢的。

小辣椒 发表于 2024-3-19 21:27

樵歌 发表于 2024-3-19 21:25
这是动图图，我看有许多地址，以后我要是找的是静态图，应该放哪行呵，，，，，

就静态图的位置

梦油 发表于 2024-3-19 21:47

是的，小辣椒朋友。樵歌真是一位让人敬佩的人，让人感觉是可以信赖的朋友。你的作品也是我们的心声。

小辣椒 发表于 2024-3-19 21:53

樵歌 发表于 2024-3-19 21:26
这歌以前樵哥哥没少哼哼哈很喜欢的。

这是老歌了{:4_173:}

小辣椒 发表于 2024-3-19 21:55

梦油 发表于 2024-3-19 21:47
是的，小辣椒朋友。樵歌真是一位让人敬佩的人，让人感觉是可以信赖的朋友。你的作品也是我们的心声。

谢谢梦油认可，樵哥哥是个老军人，老首长，一个多才多艺的老帅哥{:4_170:}

红影 发表于 2024-3-19 23:39

这个又换了按钮呢，非常漂亮。亲爱的太厉害了{:4_199:}

梦油 发表于 2024-3-20 10:47

小辣椒 发表于 2024-3-19 21:55
谢谢梦油认可，樵哥哥是个老军人，老首长，一个多才多艺的老帅哥

是的，从他的字里行间看得出来，他是一位很有修养的人。

庶民 发表于 2024-3-20 11:25

这个制作太美了，为你点赞

樵歌 发表于 2024-3-20 12:26

小辣椒 发表于 2024-3-19 21:27
就静态图的位置

我看你这图图的格式与原来我用的那图图格式不一样，所以担心不出图图。
页: [1]
查看完整版本: 【涛声依旧】 TO：樵哥哥