MyOshi Templates★ MyOshi Resource Hub ★
Copy-paste templates for your MyOshi profile!copy-paste templates for your MyOshi profile!
Cursor
Have a cute cursor shape!
Guide
- Pick your Default and Hover colors.
- Choose a Shape from the dropdown.
- Test the preview to confirm the hover behavior you want.
- Copy the generated CSS from this tab into Custom CSS.
- Save changes, then hard refresh.
Move your cursor here, then test button + link hover.
Hover LinkPaste into MyOshi: Edit Profile -> Custom CSS
Glow
Select a font, input text, and have it glow inside a bordered block!
Guide
- Set Text Colour and Glow to match your profile palette.
- Pick a Font style for the glow text.
- Edit your glow Text.
- Preview the glow above the generated code.
- Paste CSS into Custom CSS and HTML into Custom HTML (About Section).
- To reuse this style again, wrap content in
nostalgia-glow-wrap(box style) and applynostalgia-glowto each glowing text line. - Save changes, then hard refresh.
Marquee
Moving marquee banner (with fallback animation).
Guide
- Set Text, Border, and Background colors.
- Adjust Speed, Font, and Message.
- Fallback speed is handled automatically in the generated CSS when MyOshi strips
<marquee>. - Check the marquee preview above the generated code.
- Paste CSS into Custom CSS and HTML into Custom HTML (About Section).
- To call this style again, create another
nostalgia-marqueeblock and use the same inner structure from the generated HTML. - Save changes, then hard refresh.
Rainbow
Animated rainbow heading for your name!
Guide
- Preview below shows the exact animation style.
- Copy the CSS and paste into Custom CSS.
- To call it in Custom HTML (About Me), use
<p class="nostalgia-rainbow">your name here</p>. - Save changes, then hard refresh.
maiko