cardex

TOMIE/MANGA FREE PROFILE CSS

archived since this version archived
Permanent
1,030
First greeting
8,672
BudgetPrompt budget
≈ 9,702

Creator notes

♡ A BEAUTIFUL LITTLE NIGHTMARE ♡

>LINK TO CSS<

>LIVE PREVIEW<

An illustrated horror manga-inspired JanitorAI profile theme.

A pretty face. An unsettling reflection. A story that doesn't quite end.

Originally inspired by Junji Ito's Tomie, this profile theme was designed to resemble the pages of a vintage horror manga, complete with aged paper, monochrome illustrations, delicate gothic details, and just a touch of something sinister.

Although Tomie inspired its creation, this is not strictly a Tomie theme! Think of it as a blank manga page waiting for your own story.

Whether you're a horror enthusiast, a manga lover, or simply someone who appreciates a beautiful black-and-white aesthetic, you're welcome to make it your own.

♡ WHAT'S INCLUDED

  • An illustrated manga-style profile layout with a customizable title, introduction, and decorative text.

  • Five customizable image placements, including a floating chibi companion.

  • A monochrome character gallery that automatically turns your bot cards grayscale.

  • Styled profile buttons, follower counter, and event badge display.

  • Responsive styling for desktop and mobile.

  • A separate customization guide to help you get everything set up!

♡ MAKE IT YOUR OWN

All text, images, and links are customizable.

Replace the sample illustrations with your own artwork, change the profile title, rewrite the introduction, and personalize the decorative captions however you like.

You don't have to use Tomie, Junji Ito characters, or even horror imagery. The layout is yours to reinterpret!

The downloadable files include the complete theme code and instructions explaining where to make your changes.

♡ A FEW LITTLE NOTES

  • This theme is designed for JanitorAI profiles.

  • Some familiarity with copying and pasting HTML/CSS is helpful, but the included guide is beginner-friendly.

  • For the best results, use portrait-oriented artwork for the main image and transparent PNG/WebP artwork for the floating companion.

  • Please keep the small creator credit included in the theme.

  • You're welcome to customize and use the theme, but please don't redistribute the code as your own creation.

  • If you don't trust my link then you can copy the CSS directly from the start message of this bot ꨄ︎ I also added the instructions to the personality section of this bot~


Every beautiful thing has another face.

Made with love (and a little obsession) by Stargirl ♡

Description

1,030 tokens

TOMIE × STARGIRL — COMMUNITY THEME A grayscale horror-manga-inspired JanitorAI profile template Theme by Stargirl ♡

FILES

  1. Tomie_Community_Release_Clean.txt — complete About Me HTML/CSS
  2. This guide — how to personalize the template

HOW TO INSTALL

  1. Back up your current JanitorAI About Me code somewhere safe.
  2. Open Tomie_Community_Release_Clean.txt in a text editor.
  3. Personalize the text, image URLs, and links as explained below.
  4. Copy the ENTIRE contents, including the section.
  5. Paste it into your JanitorAI About Me editor and save.
  6. Preview on desktop and mobile before sharing.

HOW TO REPLACE AN IMAGE Find the corresponding element in the HTML near the top of the file. Replace ONLY the URL between the quotation marks after src=. Keep the quotes, the src=, and the rest of the tag.

Example: BEFORE: AFTER:

Use a publicly accessible, direct image URL (typically ending in .png, .jpg, .jpeg, or .webp). If you upload your image to JanitorAI, use the direct hosted image URL. Avoid links to private files, gallery pages, or temporary previews. Change alt text to describe your own image when applicable.

THE FIVE IMAGE LOCATIONS Search for these comments in the code:

IMAGE 1: MAIN PORTRAIT Large image on the left of the manga-style profile page. Portrait-oriented images work best; the display frame uses a 4:5 crop. Current example URL: https://ella.janitorai.com/media-approved/LhWNKcoMRzXVaZRRvQdSo.webp

IMAGE 2: ORNAMENT Decorative floral / gothic divider within the About section. Wide transparent artwork works well. Current example URL: https://ella.janitorai.com/media-approved/X5RLzOpO6bOcwzw9veFjf.webp

IMAGE 3: MIRROR / REFLECTION Small horizontal framed image in the About section; the display crop is approximately 1.65:1. Current example URL: https://ella.janitorai.com/media-approved/pipnK5ySXy68s7Zq4aL6z.webp

IMAGE 4: CHAPTER ILLUSTRATION Wide manga illustration below the main page. Display crop is approximately 2.25:1 on desktop and 1.85:1 on smaller screens. Current example URL: https://ella.janitorai.com/media-approved/ekXTy5-rd2pd3qxryWulm.webp

IMAGE 5: FLOATING PAGE DOLL Small animated floating companion at the bottom left. A transparent PNG or WebP works best. Current example URL: https://ella.janitorai.com/media-approved/ZteQCxjIju5DSI2hJB66w.webp

PERSONALIZE THE WORDS Near the top of the HTML, change:

  • "Stargirl" — your display heading
  • "Look at me. ♡" — your short tagline
  • "THE GIRL WHO WON'T DIE" and "A BEAUTIFUL LITTLE NIGHTMARE" — decorative headings
  • "Won't you stay awhile?" — About heading
  • The paragraphs beginning "Welcome to my little corner of the internet." — your introduction
  • "Until we meet again. ♡" — your sign-off
  • Chapter captions, reflection captions, and floating-doll speech bubble if desired

LINKS Find the

section. Replace these placeholders with your own full links:

  • https://example.com/YOUR-CARRD
  • https://example.com/YOUR-DISCORD
  • https://example.com/YOUR-PINTEREST You can change the visible link names or remove an <a ...>... line for a service you do not use. Never leave the example.com URLs in a public profile.

WHAT IS AUTOMATIC

  • Native character cards appear below your About Me content.
  • The character gallery is grayscale, including character images and tab accent.
  • The Edit Profile / follow controls use a manga-paper palette.
  • Event badges are displayed as grayscale framed collectibles when present; accounts without badges do not need to add any.
  • The site search bar stays in its normal navigation position.
  • The floating companion gently bobs; reduced-motion preferences disable the animation.

NOTES

  • The sample illustrations are included as examples. Replace them with images you have permission to use if distributing a personalized profile.
  • JanitorAI can change its site HTML/classes at any time, which may affect theme CSS.
  • This is an HTML/CSS profile template, not a downloadable app or a native JanitorAI feature.
  • Keep the existing theme credit / attribution when sharing the template.

CREDIT TOMIE × STARGIRL — Theme by Stargirl ♡

First message

8,672 tokens
THE GIRL WHO WON'T DIE
A BEAUTIFUL LITTLE NIGHTMARE

Stargirl

Look at me. ♡

Stargirl seated before an antique mirror, her reflection smiling ominously
She always comes back.
ABOUT THE GIRL

Won't you stay awhile?

Welcome to my little corner of the internet.

Replace this text with your introduction, interests, and anything you'd like visitors to know.

Until we meet again. ♡

Stargirl beside a mirror crowded with unsettling reflections of herself
REFLECTION NO. 02 There was only one of me yesterday.
Carrd Discord Pinterest
CHAPTER 03 · THE OTHER GIRL
Two identical versions of Stargirl sitting together in a gothic room
Which one did you meet?
Little Stargirl and her other self
You came back. ♡
TOMIE × STARGIRL · Theme by Stargirl ♡