论坛 › 古风雅韵 › 【采桑子】TO小辣椒

樵歌 发表于 2024-4-19 07:42

【采桑子】TO小辣椒

<style>
#papa {
      width: 750px;   
      min-height: 1060px;
      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: 500px;
      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: 640px;
      height: 340px;
}
.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/6621aa8e0ea9cb1403533b96.jpg " alt="">
       <img src="https://pic.imgdb.cn/item/65f852fa9f345e8d030e42e4.gif" alt="" class="mpic">
      <div id="tit">采桑子 贴赠小辣椒 <br>
　　2024-04-19文字：樵歌/图片：网络<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://music.163.com/song/media/outer/url?id=1933659335.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-19 07:51

樵歌兄好有文采啊，好诗！~~~

樵歌 发表于 2024-4-19 07:58

@小辣椒

樵歌 发表于 2024-4-19 08:01

愤怒的葡萄 发表于 2024-4-19 07:51
樵歌兄好有文采啊，好诗！~~~

凑了二十多年古韵，始终凑不好，权当玩儿了，不过感情是真的。{:4_189:}

梦油 发表于 2024-4-19 09:17

欲把西湖比西子，淡妆浓抹总相宜。

樵歌 发表于 2024-4-19 11:16

梦油 发表于 2024-4-19 09:17
欲把西湖比西子，淡妆浓抹总相宜。

善于西湖的诗词美好的可多了。

朝云暮雨 发表于 2024-4-19 11:45

很幽悠的调子。哈哈{:4_204:}

樵歌 发表于 2024-4-19 13:14

朝云暮雨 发表于 2024-4-19 11:45
很幽悠的调子。哈哈

我是看着字去找歌的，可费事了{:4_173:}

红影 发表于 2024-4-19 17:01

这个是小辣椒的摄影呢，师兄的词句里，还嵌了自己的名字呢，很自然的嵌入。
还点明了杭州西湖，和小辣椒直接相关呢。{:4_187:}

红影 发表于 2024-4-19 17:02

这首词感情浓厚自然，字句优美。欣赏师兄好词。小辣椒亲爱的收礼开心{:4_199:}

小辣椒 发表于 2024-4-19 21:15

樵歌 发表于 2024-4-19 07:58
@小辣椒

来了，谢谢樵哥哥的精美礼物{:4_179:}

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

樵哥哥，这个帖文字我理解不够深刻，但对这个边框代码的设置必须赞，这次樵哥哥用了宽幅图，自己把代码尺寸修改了，太棒了{:4_178:}

小辣椒 发表于 2024-4-19 21:19

最近一段时间，樵哥哥很用功，很努力的在运用这个边框写诗词，现在是掌握的越来越好了，太佩服了{:4_199:}

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

红影 发表于 2024-4-19 17:01
这个是小辣椒的摄影呢，师兄的词句里，还嵌了自己的名字呢，很自然的嵌入。
还点明了杭州西湖，和小辣椒直 ...

亲爱的，这个不是我拍摄的{:4_173:}

小辣椒 发表于 2024-4-19 21:21

樵歌 发表于 2024-4-19 08:01
凑了二十多年古韵，始终凑不好，权当玩儿了，不过感情是真的。

谢谢樵哥哥的精美诗词

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

红影 发表于 2024-4-19 17:02
这首词感情浓厚自然，字句优美。欣赏师兄好词。小辣椒亲爱的收礼开心

亲爱的，诗词我还没有那么的高水平欣赏，但对这个边框的修改我已经很佩服樵哥哥了，他是水到渠成了。。。

樵歌 发表于 2024-4-20 07:42

小辣椒 发表于 2024-4-19 21:15
来了，谢谢樵哥哥的精美礼物

凑得不好，勉强收下呗，图个都开心哈。凑得勉强，空洞了点。精华就不必了，我取消又怕怕你多心。。。

樵歌 发表于 2024-4-20 07:54

小辣椒 发表于 2024-4-19 21:17
樵哥哥，这个帖文字我理解不够深刻，但对这个边框代码的设置必须赞，这次樵哥哥用了宽幅图，自己把代码尺寸 ...

可能是这一句“也慕杭州作汴州”句吧。南宋时诗人林升写了首七绝：山外青山楼外楼，西湖歌舞几时休？
暖风熏得游人醉，直把杭州作汴州。虽说讽刺当时朝庭不思北上中原，安于享乐，但也从侧面赞美了杭州的西湖的美景。这里借用，大体也是思西不但有美景，也有喜欢的人在那里{:4_189:}
至于边框竺的改动，都按你教的办法，一点点试。{:4_173:}

樵歌 发表于 2024-4-20 07:55

小辣椒 发表于 2024-4-19 21:19
最近一段时间，樵哥哥很用功，很努力的在运用这个边框写诗词，现在是掌握的越来越好了，太佩服了

都是套用你和红影的，要佩服是先佩服你们才对。

樵歌 发表于 2024-4-20 07:58

红影 发表于 2024-4-19 17:01
这个是小辣椒的摄影呢，师兄的词句里，还嵌了自己的名字呢，很自然的嵌入。
还点明了杭州西湖，和小辣椒直 ...

图图是找来的，我倒是想用小辣椒的，但她那图格式我转换不过来，词意也就是一些词汇堆集，没啥新意。

查看完整版本: 【采桑子】TO小辣椒