首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >博客被人丢进了雷姆

博客被人丢进了雷姆

作者头像
泽泽社长
发布于 2023-04-17 09:02:42
发布于 2023-04-17 09:02:42
21100
代码可运行
举报
文章被收录于专栏:泽泽社泽泽社
运行总次数:0
代码可运行

雷姆 (“Re:从零开始的异世界生活”中的人物) 雷姆,轻小说《Re:从零开始的异世界生活》及其衍生作品的登场角色,在罗兹沃尔的宅邸中一手担当全部杂务的双胞胎女仆中的妹妹,貌恭而实不敬的毒舌担当;宅邸的机能得以维持,可说是完全仰仗她的有能。

昨天在手机上看到了这两张图片:

当时我就灵光一闪,这个加在博客的左下角,必定是极好的。于是实现了下,效果见博客右下角(手机等窄屏端看不到哦)

图片部分: 于是下载原图,ps把白色背景p成透明,把图片尺寸改为75*55,最后上传图片。

代码html部分:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div class="sidebar_wo">
<img src="图片一链接" alt="雷姆.png" onmouseover="this.src='图片二链接'" onmouseout="this.src='图片一链接'" id="audioBtn">
</div>

代码css部分:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.sidebar_wo{    
position: fixed;
bottom: 0px;//让图片固定到网站底部
left: 0;//让图片靠左
z-index: 1;
}
@media only screen and (max-width:767px){
.sidebar_wo{
display: none;//屏幕尺寸小于767px时隐藏雷姆
}
}

css部分大致是这样,根据你的模板不同可能会需要稍加改动。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
sillyGirl傻妞命令大全
完整版主要是方便老玩家复制粘贴命令,而且发现大家更喜欢命令和注释在一行,所以我做下梳理。
季春二九
2024/11/05
2980
XDD机器人安装教程最新版【4.27更新】
文章目录 前言 1️⃣安装gcc 2️⃣安装git 3️⃣安装epel源 4️⃣安装GO 5️⃣安装XDD 总结 ---- 前言 🚦个人学习备忘录🚦 4月1号弄了个傻妞安装 机器人🤖,有点好玩,现在把另外一个机器人XDD安装记录下来! ---- 1️⃣安装gcc yum -y install gcc yum -y install gcc-c++ 2️⃣安装git 安装命令 yum install -y git 检查是否安装git git --version 3️⃣安装epel源 wget
MIKE笔记
2023/03/22
7210
XDD机器人安装教程最新版【4.27更新】
傻妞教程-对接青龙面板2.15.15
点击青龙面板的依赖管理——>新建依赖——>选择对应标签、自动拆分选择是、复制以下的依赖填到名称里——>点击确定,等待安装完成
季春二九
2023/08/01
3.5K0
BBK扫码登录的安装和对接傻妞扫码登陆插件详细教程
修改conf.json文件内容(每次修改conf.json需要重启容器) $(pwd)/conf 目录下的conf.json文件 填写token等信息
季春二九
2023/04/06
2.1K0
【教程】最新可用Shamrock搭建QQ机器人,附Qmsg代码
官方原版Shamrock的作者已经删库跑路了,所以我们使用这个:OpenShamrock
小锋学长生活大爆炸
2024/05/25
1.4K0
【教程】最新可用Shamrock搭建QQ机器人,附Qmsg代码
linorobot机器人-自动生成-不可用
Linorobot是一套开源的ROS兼容机器人,旨在为学生、开发者和研究人员提供一个低成本的平台,以便在ROS(机器人操作系统)的基础上创建新的激动人心的应用。Linorobot支持可从零开始构建的不同机器人底盘,包括2WD、4WD、Mecanum Drive和Ackermann Steering。
zhangrelay
2023/06/10
5660
linorobot机器人-自动生成-不可用
nodes.js详细安装
Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。
小小咸鱼YwY
2019/09/11
2.2K0
nodes.js详细安装
【云+社区年度征文】腾讯云服务器上(Centos7)安装服务器环境实践
介绍:云服务器早在多年前就已经落地,趁着学生身份现在买腾讯云服务器还算实惠,就入手了一台1核2G的服务器,既然买了服务器之前又学习过Liunx就直接上手了。然后这篇文章就介绍一下腾讯云服务器安装各种环境实践。
麋鹿大哥
2020/12/17
3K0
Node.js初识
之前写前后端分离的服务器的时候接触过一点点Node.js,查了点资料。这里就把学到的一些东西记录下来(
SimpleAstronaut
2022/08/09
3.1K0
万字长文保姆级教你制作自己的多功能QQ机器人
QQ、微信是我们平常使用最多的通讯工具,网上也有很多通过软件去控制QQ/微信的开源工具,通过这些工具,我们可以实现许多有意思的效果,而不仅仅局限于消息聊天。 自从微信网页版被官方禁用后,微信的软件工具几乎已经失效了,现有的一些是通过hook微信本身来实现,这种很容易被官方检测并封号。另一些是通过注册企业号来控制,但不直观且功能受限。 这里我们借助相对更开放的QQ来制作我们的机器人,对比几款工具后,最终选择了mirai。
小锋学长生活大爆炸
2022/09/27
5.5K6
万字长文保姆级教你制作自己的多功能QQ机器人
CentOS 7源码安装最新版LNMP环境
首先做一些准备工作,先把centos7的防火墙更换成iptables,可以参见如下链接
botkenni
2022/01/21
5720
【教程】如何用腾讯云服务器搭建微信公众号机器人?
我们经常在一些公众号里回复信息,微信公众号都会自动回复信息,区别于微信平台的自动回复,有的公众号上面的自动回复,则更像是一个机器人客服。下面小编就教大家如何搭建微信公众号机器人。
云上云
2019/07/10
13.8K0
【教程】如何用腾讯云服务器搭建微信公众号机器人?
mirai QQ机器人最详细教程 [附Q群消息转发例程]
https://github.com/mamoe/mirai/blob/dev/docs/UserManual.md
小锋学长生活大爆炸
2022/03/29
14.9K0
mirai QQ机器人最详细教程 [附Q群消息转发例程]
如何在Debian上安装Node.js和NGINX
Node.js是一个JavaScript平台,可以提供动态的响应式内容。JavaScript通常是一种客户端浏览器语言,如HTML或CSS。但是,Node.js是一个服务器端的JavaScript平台,可与PHP相媲美。Node.js通常可以与NGINX或Apache等其他流行的服务器应用程序一起使用。在本指南中,NGINX配置为处理前端静态文件请求,Node.js配置为处理后端文件请求。
双愚
2018/09/19
1.8K0
Node.js 安装和入门
Node(正式名称 Node.js)是一个开源的、跨平台的运行时环境,有了它,开发人员可以使用 JavaScript 创建各种服务器端工具和应用程序。此运行时主要用于浏览器上下文之外(即可以直接运行于计算机或服务器操作系统上)。据此,该环境省略了一些浏览器专用的 JavaScript API,同时添加了对更传统的 OS API(比如 HTTP 库和文件系统库)的支持。
acc8226
2022/05/17
1.4K0
LNMP架构应用实战——openssl升级最新版本
由于实际生产环境需求,需要将LNMP环境中的openssl版本升级至目前最新版本openssl-1.1.0c,这玩意升级还真的不是一般的麻烦,由于它与系统各种服务都有相关的联系,比如ssh服务等,因此,升级非常的繁琐,所以今天将实际生产环境中升级的过程写出来,供大家参考(100%生产环境)
民工哥
2020/09/16
5150
LNMP架构应用实战——openssl升级最新版本
k8s最新版本安装_我的世界1.17版本下载
11.如果部署出现问题,解决问题之后再使用kubeadm清除一次再重新执行上面命令。
全栈程序员站长
2022/11/10
3150
k8s最新版本安装_我的世界1.17版本下载
centos7环境下ModSecurity-envoy编译和测试(二)-野路子技术宅
技术是安身立命之本,实践出真知,熟能生巧,佐以业务能力,遇上风口之时,可逆天改命!
野路子技术宅
2023/01/30
1.9K0
centos7环境下ModSecurity-envoy编译和测试(二)-野路子技术宅
QQ机器人女友(手机制作qq机器人)
完整项目包括框架、代码和详细使用说明可以去链接下载(下载完只需要按照使用说明修改几处地方即可搭建成功!): QQ机器人基础版(文章1-2所有功能) QQ机器人多功能版(文章1-3所有功能) 下载完只需要按照使用说明修改几处地方即可搭建成功!!
全栈程序员站长
2022/08/01
2.5K0
QQ机器人女友(手机制作qq机器人)
Kubernetes 1.8.x 全手动安装教程
Kubernetes 提供了许多云端平台与操作系统的安装方式,本章将以全手动安装方式来部署,主要是学习与了解 Kubernetes 创建流程。若想要了解更多平台的部署可以参考 Picking the Right Solution来选择自己最喜欢的方式。
菲宇
2022/12/21
7590
推荐阅读
相关推荐
sillyGirl傻妞命令大全
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验