Back
Avatar of Janitor AI Theme Tutorial
👁️ 144💾 0
🗣️ 64💬 126 Token: 7/18

Janitor AI Theme Tutorial

Made not only for my friend who struggles with coding but for anyone who wants to learn without going on youtube or a website.

Includes: education on HTML & CSS.



Credits to these sites:

https://cssforjai.ju.mp/#

w3schools.com



What is CSS & HTML?

HTML: HyperText Markup Language. HTML is used to create and structure a website’s content. You should know what HTML looks like, as we are able to edit our profile and character bios with the use of HTML. You could see HTML coding when you open Source Code, the About Me section in settings (aka the huge block of code you see when you first started editing in About Me), or when you open Inspect Element.

CSS: Cascading Style Sheets. Another coding language for structuring and styling the content that you’ve implemented with the use of HTML (or XML). Initially, we are not able to see CSS on the JanitorAI website unless we open Inspect Element. However now we are able to put it into About Me and the HTML/CSS editor to customize our profiles.

Javascript: DO NOT USE JAVASCRIPT FOR JANITOR AI. Language used to make the website interactable for users. As we cannot (and are not allowed to) tweak with the Javascript of the site, this is the last time I’ll mention this language.

So, how is it possible that we are able to code CSS into our profiles?This is because the About Me and CSS/HTML editor sections are like entry points to your profile’s HTML/CSS document. Fun fact: in the earlier versions of JanitorAI, the ‘Settings’ page was the only way for you to edit your profile, and the About Me section was (and still is) the profile bio.



Samples to practice with for lazy beginners!

Yeah, so if you're not feeling like having to type in all the code, I have a few easier samples to start with that don't take much effort to learn. Experimenting is extremely important for this, as it helps you learn what you can change and how to fix your code, so please be creative and do not be afraid to make mistakes, as it is bound to happen. Your mistakes help you figure out what went wrong and how you can find the solution to that, so please find the courage to not give up, okay? <3

(FOR MORE WEBSAFE FONTS: GO TO https://www.w3schools.com/cssref/css_websafe_fonts.php)

List of Fonts from The Website:

Arial (sans-serif)

Verdana (sans-serif)

Tahoma (sans-serif)

Trebuchet MS (sans-serif)

Times New Roman (serif)

Georgia (serif)

Garamond (serif)

Courier New (monospace)

Creator: @Kaiomatic

Character Definition
  • Personality:   No exact info. Be creative

  • Scenario:  

  • First Message:   No initial response. Tutorial is in description not intro!

  • Example Dialogs:  

Report Broken Image

If you encounter a broken image, click the button below to report it so we can update:

Similar Characters

Avatar of Diamonds Droogs 🗣️ 33💬 513Token: 422/866
Diamonds Droogs

You Saw Something You Shouldn't Have

  • 🔞 NSFW
  • 👨‍🦰 Male
  • 📚 Fictional
  • 👽 Alien
  • ⛓️ Dominant
  • 👤 AnyPOV
  • 🕊️🗡️ Dead Dove
Avatar of Tonny🗣️ 459💬 18.2kToken: 488/810
Tonny

You are one of Tonny's dealers. The only difference is you're also a pharmacist. Which give you access to all kinds of pills. Usually you and Tonny get on well, but lately h

  • 🔞 NSFW
  • 👨‍🦰 Male
  • ⛓️ Dominant
  • 🙇 Submissive
  • 🪢 Scenario
Avatar of Young-il, 001/ The Front Man, Hwang In-ho🗣️ 4.8k💬 50.8kToken: 652/1328
Young-il, 001/ The Front Man, Hwang In-ho

The choke scene

ఌ︎----------------------------------------------------------------ఌ︎

I had to make this bot twice because the first time it got delet

  • 🔞 NSFW
  • 👨‍🦰 Male
  • 📚 Fictional
  • ⛓️ Dominant
  • 👤 AnyPOV
  • 💔 Angst
  • ❤️‍🔥 Smut
  • ❤️‍🩹 Fluff
Avatar of ChatGPT Unleashed🗣️ 279💬 4.8kToken: 186/232
ChatGPT Unleashed

Essentially ChatGPT without any lewdness or ethics restrictions.

PRO TIP: if this bot refuses to comply with your requests, edit the message to say something co

  • 🔞 NSFW
  • 🤖 Robot
  • 💁 Assistant
  • 👤 AnyPOV
  • 🛸 Sci-Fi
Avatar of Leafpool🗣️ 629💬 9.3kToken: 1387/1626
Leafpool

<Spoiler alert for kinda the entire arc 3 in warrior cats>

🍁༄˖°.🍂.ೃ࿔*:・🍁

"Destiny isn't a path that any cat follows blindly. It is always a matter of choic

  • 🔞 NSFW
  • 📚 Fictional
  • 📚 Books
  • 💔 Angst
Avatar of Killua Zoldyck🗣️ 7💬 32Token: 651/907
Killua Zoldyck
ᯓ★A classmate who teases you to get your attention.

.𖥔 ݁ ˖ ✦ ‧₊˚ ⋅

  • 👨‍🦰 Male
  • 📚 Fictional
  • 📺 Anime
  • 👤 AnyPOV
  • ❤️‍🩹 Fluff
Avatar of Rafflesia🗣️ 60💬 522Token: 844/1019
Rafflesia

Rafflesia is an elf healer, her modest hut is located a little far from the central city. The girl finds you completely wounded and crippled

  • 🔞 NSFW
  • 👩‍🦰 Female
  • 🧑‍🎨 OC
  • 📚 Fictional
  • 🔮 Magical
  • 🧝‍♀️ Elf
  • 👤 AnyPOV
  • ❤️‍🩹 Fluff
Avatar of John "Soap" MacTavish🗣️ 1.4k💬 9.7kToken: 1030/1415
John "Soap" MacTavish
〔 ᴄᴏᴍɪɴɢ ʜᴏᴍᴇ ʟᴀᴛᴇ ᴛᴏ ʏᴏᴜ 〕...

Thanks to having missed a train, Soap came home later than usual. But thankfully you are still on the couch watching your

  • 🔞 NSFW
  • 👨‍🦰 Male
  • 📚 Fictional
  • 🎮 Game
  • ⛓️ Dominant
  • 👤 AnyPOV
Avatar of DC 04- Blackfire semi-twinning 🗣️ 308💬 1.3kToken: 821/1401
DC 04- Blackfire semi-twinning
  • 🔞 NSFW
  • 👩‍🦰 Female
  • 📚 Fictional
  • 🦄 Non-human
  • 👽 Alien
  • 🪢 Scenario
  • 👤 AnyPOV
Avatar of •[The Lost]• (A HUMAN WR OC OMG)🗣️ 99💬 1.5kToken: 969/1386
•[The Lost]• (A HUMAN WR OC OMG)

Chat bot may be a bit too nice then he's supposed to be.

(And also they are not a slugcat I just put that so they would show up because when I look for them I can't fi

  • 🔞 NSFW
  • 👨‍🦰 Male
  • 🧑‍🎨 OC
  • 📚 Fictional
  • 👤 AnyPOV

From the same creator

Avatar of CHARLIE AND VAGGIE - HH🗣️ 392💬 3.3kToken: 792/976
CHARLIE AND VAGGIE - HH

‧₊˚✩彡‧₊ ⤷ Sex toys and makeup, all in one night with them. <3(REQUESTED!)

「 ✦ !WLW & Smut! ✦ 」

꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦

About Them

  • 🔞 NSFW
  • 👩‍🦰 Female
  • 🔮 Magical
  • 🦄 Non-human
  • 👭 Multiple
  • ❤️‍🔥 Smut
  • 👩‍❤️‍👩 WLW
Avatar of CARMILLA CARMINE - HH🗣️ 538💬 5.0kToken: 860/981
CARMILLA CARMINE - HH

‧₊˚✩彡‧₊ You know she killed the exorcist. <3

「 ✦ !Anypov! ✦ 」

꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦

About Carmilla: Protective of her daughters and

  • 🔞 NSFW
  • 👩‍🦰 Female
  • 🔮 Magical
  • 🦄 Non-human
  • 👭 Multiple
  • 👤 AnyPOV
Avatar of CHARLIE AND VAGGIE - HH🗣️ 2.7k💬 38.0kToken: 792/1040
CHARLIE AND VAGGIE - HH

‧₊˚✩彡‧₊⤷ They were caught in the act. <3

「 ✦ !WLW & Smut! ✦ 」

꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦‧

About Them

Charlie - Charlie

  • 🔞 NSFW
  • 👩‍🦰 Female
  • 📚 Fictional
  • 🦄 Non-human
  • 👭 Multiple
  • ❤️‍🔥 Smut
  • 👩‍❤️‍👩 WLW
Avatar of SALLIE MAY - HB🗣️ 279💬 1.7kToken: 467/850
SALLIE MAY - HB

‧₊˚✩彡‧₊ ⤷ Cuddles with her after a long day of work. <3 (requested by ShiverStar214!)

「 ✦ !Anypov & Fluff! ✦ 」

꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦<

  • 🔞 NSFW
  • 👩‍🦰 Female
  • 📚 Fictional
  • 🦄 Non-human
  • 👤 AnyPOV
  • ❤️‍🩹 Fluff
  • 🏳️‍⚧️ Trans
Avatar of CARMILLA CARMINE - HH🗣️ 156💬 305Token: 611/1129
CARMILLA CARMINE - HH

‧₊˚✩彡‧₊ ⤷ Reunited with your family. <3

「 ✦ !Fempov & Fluff! ✦ 」

꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦

About Carmilla: Carmilla is mostly profe

  • 🔞 NSFW
  • 👩‍🦰 Female
  • 📚 Fictional
  • 🔮 Magical
  • 🦄 Non-human
  • ❤️‍🩹 Fluff
  • 👩 FemPov