免费CSS模板(持续更新中)
译自英语
更新 请阅读此内容。
最近我发现有几个人使用我的CSS却没有署名。面对冲突时我有点怂,但最近我问了某个人,他们只是解释说以为我已经在代码里加好署名了。我不这么做的原因有几个,但不管怎样,从现在开始我会在代码的某个地方加上我的CSS署名,这样你就不用自己加了,但如果我发现你用了我的CSS却没有给我署名——你本应该署名的,因为我在rentry布局里已经告诉你了——那么我就会举报你,你将无法使用CSS。是的,这在J.ai上是一条真实的规则。总之,如果你在使用我的CSS,花一分钟去你的个人资料看看,确保你有给我署名。感谢所有已经署名的人,我爱你们<3
注意:CSS 8之前的所有版本都没有内置署名。
嘿,你!对,就是你!!
你是一位janitor AI机器人创作者/用户,想要美化自己的个人资料,还是单纯喜欢尝试新的CSS并学习它的工作原理?
那我建议你看看这个机器人,我在这里分享我所有的CSS模板,而且很可能在你读这段话的时候我正在更新它来添加更多内容!!:3
常见问题(继续之前请先阅读,特别是如果你对CSS和HTML了解有限。)
问:“什么是CSS?”
答: CSS(层叠样式表)是一种用于改变网站外观的编码语言。它控制颜色、字体、背景、边框、布局、动画等等。
问:“什么是HTML?”
答:HTML(超文本标记语言)用于构建网页上的内容结构。对于JanitorAI个人资料,HTML可用于在支持的地方创建自定义板块、链接、信息框和下拉菜单。
问:“CSS和HTML有什么区别?”
答:HTML创建结构和内容,而CSS控制其外观。我的大多数模板都同时使用两者来打造完整的个人资料设计。
问:“使用你的模板需要编程经验吗?”
答:不需要!我的模板设计得对新手友好。所有模板都包含注释,解释你可以自定义哪些内容以及在哪里填写你的信息。
问:“我可以编辑你的模板吗?”
答:当然可以!欢迎你根据喜好更改颜色、字体、图片、文字和其他设计元素。
问:“如何安装CSS模板?”
答:稍后下方会有一张带有说明的图片♡♡♡
问:“我可以组合两个不同的模板吗?”
答:可以,但除非你了解CSS,否则我不建议这么做。不同的模板可能包含相互冲突的代码,从而破坏你的布局。
问:“如何更改颜色?”
答:在CSS中寻找颜色值,例如#FFFFFF或#1E1E1E,将它们替换为你偏好的十六进制颜色代码。
问:“如何更改图片?”
答:在代码中找到图片URL,将它们替换为你自己图片的直接链接。我建议使用Imgur或其他支持直接图片链接的图床服务。
问:“我可以删除不想要的板块吗?”
答:可以,不过删除HTML元素时要小心。删错开始或结束标签可能会破坏个人资料的其他部分
问:“我可以在手机上使用这些模板吗?”
答:我的大多数模板都设计为在桌面端和移动端都能工作。不过,某些功能可能会因屏幕尺寸不同而显示不同。
故障排除
问:“为什么我的CSS不起作用?”
答:可能有多种原因,包括缺少括号、代码冲突、HTML错误,或JanitorAI网站的变动。请再次检查你是否复制了整个模板,如果仍有问题请联系我。
问:“为什么我的图片不显示?”
答:请确保你使用的是直接的图片URL,而不是指向图床网页的链接。同时检查图片是否已被删除或设为私密。
问:“为什么我的个人资料和预览看起来不一样?”
答:你的屏幕尺寸、浏览器、已有的CSS,或JanitorAI的变动都可能影响模板的显示效果。
问:“为什么我的个人资料在手机上乱了?”
答:某些CSS属性在较小屏幕上表现不同。某些布局可能需要额外的移动端专属调整。
问:“为什么我的下拉菜单无法正常打开?”
答:检查HTML结构是否正确,以及每个开始标签是否都有对应的结束标签。冲突的CSS也会影响下拉菜单的行为。
问:“如果JanitorAI更新导致模板失效了该怎么办?”
答:网站更新可能会改变模板所依赖的类或元素。某些模板可能需要更新才能与新版本配合使用,请告诉我,我会尽快尝试修复。
问:“你能帮我修复模板吗?”
答:当然可以!如果你遇到任何问题,随时可以在discord上联系我@sandy_bear_my_baby10,我们 可以一起想办法解决♡
使用与署名
问:我必须给你署名吗?
答:如果rentry代码中要求给我署名,请务必在你的页面上署名。你完全可以把我的名字放在一个没人会看到的框里,但请不要声称原始代码是你自己的。
问:我可以重新分发你的模板吗?
答:请不要转载、重新分发或上传我的模板并据为己有。请改为把人们链接到原始模板或我的个人资料。
问:“如何安装CSS模板?”
↓
很多人可能会建议你把CSS安装到设置里的“关于我”部分,但我所有的代码都适合以这种方式安装使用,而且你可以看到你正在编辑的内容♡
如果你把它安装到“关于我”部分后,看起来和rentry代码中展示的图片不一样,我希望你首先尝试按我指示的方式安装,然后确保你复制了所有代码。如果还是不行,那你就应该联系我。
CSS 一:基本单色、灰色,两个横幅,四个下拉菜单,多个链接,还有一个用于收藏创作者和/或朋友的框(如果你想改成那样的话)。我最基础的CSS,非常适合想要简单东西且CSS/HTML经验不多的人
图片包含在rentry.co中,还有更多功能描述及其可能存在的限制 = https://rentry.co/kashvault-css
CSS 二:酷洛米和哥特风格的个人资料主题,特点是深灰色背景、灰粉色和淡紫色点缀,非常适合想要更复杂可爱风格的人。
图片包含在rentry.co中,还有更多功能描述及其可能存在的限制 = https://rentry.co/Kashvault-css2
CSS 三:约会应用风格的个人资料,深色基础配色搭配粉色和红色轮廓,外观很酷,更适合有基础CSS知识的人
图片包含在rentry.co中,还有更多功能描述及其可能存在的限制 = https://rentry.co/kashvault-css3
CSS 四:军事/SAS主题,深色/军绿色,下拉菜单,链接,适合想要看起来复杂但实际上非常基础且易于修改的人。
图片包含在rentry.co中,还有更多功能描述及其可能存在的限制 = https://rentry.co/kashvault-CSS4
CSS 五:桌面可爱简约主题,目前是黑白单色,比我其他模板更复杂且代码更多
图片包含在rentry.co中,还有更多功能描述及其可能存在的限制 = https://rentry.co/Kashvault-CSS5
CSS 六:桌面“Corn”Hub风格主题,采用经典的黑橙配色。大胆、俏皮,比我更简单的模板更精细,拥有自定义布局和大量可编辑功能。在我看来可能是我最复杂的CSS
图片包含在rentry.co中,还有更多功能描述及其可能存在的限制 = https://rentry.co/KashVault-CSS6
CSS 七:基础机器人卡片,悬停时显示机器人描述然后是标签,单 色,基础且易于上色。
图片包含在rentry.co中,还有更多功能描述及其可能存在的限制 = https://rentry.co/kashvault-CSS7
CSS 八:海滩主题、海沫绿和白色的Janitor AI布局,具有可自定义的链接、下拉菜单、角色卡片、海洋装饰和移动端友好样式。
图片包含在rentry.co中 = https://rentry.co/Kashvault-CSS8
CSS 九:基础空白机器人卡片可翻转,悬停时显示完整图片、机器人简介和标签,桌面端和移动端均可使用。
这次图片不包含在rentry.co中 = https://rentry.co/Kashvault-css09
记住:我是一名学生。
我不是网页开发者,我是个人类。
请记住,我做的并非每件事都完美,如果我搞砸了,请友善地纠正我。
Discord服务器链接
已创建 Oct 7
已更新 Oct 30
已发布 Oct 9