博客被人丢进了雷姆
2023-06-13 09:18:41 时间
雷姆 (“Re:从零开始的异世界生活”中的人物) 雷姆,轻小说《Re:从零开始的异世界生活》及其衍生作品的登场角色,在罗兹沃尔的宅邸中一手担当全部杂务的双胞胎女仆中的妹妹,貌恭而实不敬的毒舌担当;宅邸的机能得以维持,可说是完全仰仗她的有能。
昨天在手机上看到了这两张图片:
当时我就灵光一闪,这个加在博客的左下角,必定是极好的。于是实现了下,效果见博客右下角(手机等窄屏端看不到哦)
图片部分: 于是下载原图,ps把白色背景p成透明,把图片尺寸改为75*55,最后上传图片。
代码html部分:
<div class="sidebar_wo">
<img src="图片一链接" alt="雷姆.png" onmouseover="this.src='图片二链接'" onmouseout="this.src='图片一链接'" id="audioBtn">
</div>
代码css部分:
.sidebar_wo{
position: fixed;
bottom: 0px;//让图片固定到网站底部
left: 0;//让图片靠左
z-index: 1;
}
@media only screen and (max-width:767px){
.sidebar_wo{
display: none;//屏幕尺寸小于767px时隐藏雷姆
}
}
css部分大致是这样,根据你的模板不同可能会需要稍加改动。
相关文章
- 个人博客网站怎么适配手机端夜间模式或深色模式
- 有了这个机器学习画图神器,论文、博客都可以事半功倍了!
- Typecho博客程序怎么开启Gzip压缩加速网站
- 关于 sso 博客大巴的神仙的一点思路
- 使用Vercel+GitHub快速构建Hexo博客
- 知名技术团队博客网站有哪些_知名创业团队
- 博客(halo)迁移到 K8s 上了
- 使用lamp搭建博客_php laravel框架
- 我的博客换成了 NotionNext
- java开发的bbs论坛系统博客系统
- Windows Hexo博客安装配置优化(小白篇)
- Coding + GitHub + Hexo + Markdown 搭建博客
- 同步 WordPress 博客日志到嘀咕
- 亚马逊AWS推出专门面向量子计算的新博客频道
- MySQL搭建个人博客从零开始到完美书写(mysql个人博客书)
- js使用ajax读博客rss示例