【牛哥茶棚】 TO：梦油
<style>#papa {
width: 640px;
min-height: 1300px;
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: green;
}
#papa::before, #papa::after {
position: absolute;
content: '';
}
#papa::before {
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
border: 2px dashed SeaGreen;
border-radius: inherit;
}
#papa::after {
content: '【牛哥茶棚】 TO：梦油 ';
padding: 10px 40px 10px 10px;
left: -10px;
top: 20px;
border-radius: 10px 0 0 10px;
background: Green;
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: 500px;
height: 296px;
}
.mpic { position: absolute; right: -10px; bottom: -10px; width: 300px; height: 183px; }
.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/65f84a4d9f345e8d03d480e2.jpg" alt="">
<img src="https://pic.imgdb.cn/item/6482db5b1ddac507ccaa9ddd.gif" alt="" class="mpic">
<div id="tit"><br>【牛哥茶棚】欣赏梦油 精彩油诗三首<br>
2024-3-19编辑制作：小辣椒<br><br><br>
神仙也不自在<br><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://music.163.com/song/media/outer/url?id=5275047.mp3');
player.setBtnCss(`
width: 250px;
left: 30%;
bottom: 120px;
--btnBg: url('https://638183.freep.cn/638183/web/svg/sunfl-2.svg') no-repeat center/cover;
--trackBg: transparent;
--progBg: rgba(0,128,0,.47);
--btnSize: 45px;
`);
player.setLrcCss('left: calc(50% - 80px); bottom: 64px; --bg: rgba(0,128,0, .85);font-size: 1.3em;');
player.lrcAr = [,
];
};
</script>
@梦油
梦油辛苦了，花潮的油诗都是最美的{:4_199:}
感谢梦油的美诗词分享
@樵歌
樵哥哥小辣椒按你的要求作业完成了，你看看合格吗{:4_205:}不行我重新做 @红影
亲爱的，就你的代码换了个播放器，你太忙了，感觉哪里不行你空了继续修改 小辣椒 发表于 2024-3-19 20:56
@樵歌
樵哥哥小辣椒按你的要求作业完成了，你看看合格吗不行我重新做
要得要得很好很好喜欢喜欢{:4_185:} 和以前红影响做的漂亮小花儿装饰颜色一至了，很和谐。{:4_178:} 本帖最后由 梦油 于 2024-3-19 21:23 编辑
谢谢小辣椒朋友。你的赞美让我感到非常荣幸又非常惭愧。你和朋友们对我的支持和信任是一贯的，真诚的。我谢谢小辣椒朋友，谢谢各位管理员，谢谢花潮的各位朋友。我将会继续努力，争取为我们的花潮乐园把薪助火、增光添彩。
樵歌 发表于 2024-3-19 21:12
要得要得很好很好喜欢喜欢
哈哈，樵哥哥就是会鼓励人{:4_170:} 梦油 发表于 2024-3-19 21:20
谢谢小辣椒朋友。你的赞美让我感到非常荣幸又非常惭愧。你和朋友们对我的支持和信任是一贯的，真诚的。我谢 ...
梦油你太客气了，花潮有你真精彩
梦油以后也是可以把油诗用这种代码制作，不用急，慢慢来 小辣椒 发表于 2024-3-19 21:25
梦油你太客气了，花潮有你真精彩
梦油以后也是可以把油诗用这种代码制作，不用急，慢慢来
好的，谢谢你，小辣椒朋友。你辛苦了！{:4_180:} 梦油 发表于 2024-3-19 21:44
好的，谢谢你，小辣椒朋友。你辛苦了！
千万别客气啊，梦油你客气小辣椒会不知所措的{:4_187:} 小辣椒 发表于 2024-3-19 20:58
@红影
亲爱的，就你的代码换了个播放器，你太忙了，感觉哪里不行你空了继续修改
亲爱的，这个很漂亮呢，而且是樵歌想要的按钮。亲爱的太厉害了{:4_199:} 把梦油的诗句这样做一下，看着更漂亮了，而且这字体颜色也很赞呢{:4_199:} 小辣椒 发表于 2024-3-19 21:57
千万别客气啊，梦油你客气小辣椒会不知所措的
好的，我们随便些也不拘束。 红影 发表于 2024-3-19 23:30
把梦油的诗句这样做一下，看着更漂亮了，而且这字体颜色也很赞呢
你们都是高手。 小辣椒 发表于 2024-3-19 20:55
@梦油
梦油辛苦了，花潮的油诗都是最美的
小辣椒朋友辛苦了！谢谢你。{:5_108:} ，这样的活动太有意思了 小辣椒 发表于 2024-3-19 21:24
哈哈，樵哥哥就是会鼓励人
真的很喜欢，找不到啥词表达喜悦的心情了{:4_173:} 梦油 发表于 2024-3-20 10:43
你们都是高手。
梦油的诗句好看，让帖子更好了{:4_187:} 红影 发表于 2024-3-20 16:49
梦油的诗句好看，让帖子更好了
那是因为得到了你的支持和帮助。
页:
[1]
2