A Guide to CSS: Index

CSS for JanitorAI - Index

by lunaxlee + others

This document includes a basic guide to using CSS (and HTML) on JanitorAI, premade code, and a list of resources. Note that the contents of this guide are outdated and currently being updated.

Guide

What is CSS and HTML

How to input code for JAI profile / Where to put CSS codes

How to format code

Where to put your code
Organize your code in order of priority
Tags, and do you put everything in <style>?
Do you put everything in their individual style element?
Giving elements the same style
Labeling what codes are for (CSS or HTML comments/notes)
What not to put in your code

Expectations and limitations

Ethics (what to do, not strictly how to correctly design profiles)

Troubleshooting (How to fix issues)

Code Collection Database

(Reminder that the codes provided are all base codes. You are free to further modify them/use as a reference if you know how)
Also note that codes may not be provided for every single element. You may look in the list of known universal class IDs for the ID of an element, then search up on Google, look in w3schools, or ask platforms like ChatGPT on how to create code. And of course, you may read the guide already provided.

If there is code that you'd like to see but do not find here, it may be in resources!.

Class IDs/Elements (Currently Under Revision)

Other Resources

Other Code Resources

Other Guides

Profile CSS Templates

Images, Gifs, and Colour Resources

Code Testing and Editing Platforms

Updated on: 02/08/2025

Was this article helpful?

Thank you!