Badge Description Live Editor

Guide

  1. Write your badge HTML
    • Type or paste your IMVU badge code into the big gray box.
    • You can also use the little buttons above it to quickly insert bold, italic, underline, links, images, and more!
  2. See it live!
    • The “Live Preview” panel underneath updates as you type.
    • It shows exactly what your badge will look like inside IMVU’s limits.
  3. Use the quick buttons
    • Buttons like B, I, U, and S insert tags around selected text.
    • Special buttons like Link, Image, Font, Center, and BR (line break) insert their codes automatically.
    • When you click a button, it asks for the info it needs (like a URL).
  4. Copy your code
    • Hit the big green “Copy HTML” button to copy all your code at once.
    • It will say “Copied!” to let you know it worked.
  5. Preview details
    • Preview size: 412px width, max 162px height.
    • If your content is taller, it’ll get cropped (just like in real badges).
    • 5px padding is already added inside the frame to mimic IMVU exactly.
  6. Important rules to remember
    • ✅ Allowed tags: <b>, <i>, <u>, <s>, <a>, <img>, <font>, <br>, <center>.
    • ✅ Links must start with http:// or https://.
    • ✅ Images must be direct links (ending in .png, .jpg, .gif).
    • ❌ No <div>, <span>, <script>, <style>, tables, or forms.
    • ❌ No custom CSS.

In short:
→ Type your badge HTML.
→ See it update live.
→ Copy it when it’s ready.
→ Safe and IMVU-friendly!