免费CSS模板(持续更新中)

译自英语

Free CSS Templates (Constantly being updated)

76

85

更新 请阅读此内容。

最近我发现有几个人使用我的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

已发布聊天