Profile
Celestial Character Code
- DO NOT remove my code credits.
- DO NOT redistribute purchased codes to anyone, not even privately. Each pay to use code/code bundle is intended for one user. Redistrubuting purchased codes underminds the time and work I put into making the code.
- Turn off WYSIWYG before using my HTML codes and while editing! If you don't, it'll get messed up. You can find this in your display settings.
- You can modify and frankestein my codes with credit to all the source codes, and only if the other coders allow it.
- You may not redistribute frankesteined codes under your own name, claiming it as your own work. Privately sharing frakensteined codes with a small group of friends is okay.
- You're allowed to heavily modify my codes, as long as credit to me stays on the page.
- You don't have to comment/faveorite the code if you're using one of my codes, but I'd love to know if you are!
- Use this live TH editor when editing my codes. This website allows you to visually see all the changes you make, and has a undo button (ctrl+z) in case you break something.
- Be careful not to delete any </div> or " " you see in the code, if you delete these it often breaks the code. Quotes need to stay around the text they're surrounding.
- Any URLs you see in the code is a image that can be change
- HTML codes can be placed in any character or user profile description and does not need TH premium to be used! After turning OFF WYSIWYG simply copy and paste the code into the description/content box.
- CSS is a TH Premium feature, that changes the layout of your ENTIRE TH Theme. HTML only affects content inside the character/user content box (the area you normally type in.)
Features
- Free to Use
- Mobile Friendly
- Embedded Music Player
- Moodboard
- Text Heavy
This is a free to use long character code with a accent color version and a bootstrap color version. You can change all of the decorative symbols using font-awesome. You can change the powers section to skills or hobbies if your character isn't magical.
I wanted to try to make a code using a scrolling side element, lots of text, and takes up the whole width of the page :3
Standard Version - Accent Color
The background colors and font colors of this code use the TH theme colors. The purple and gold are cusomtizable accent colors.
Standard Version Code
Write about the Character here. Paragraphs Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.
Trivia
- Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Nunc dignissim risus id metus.
Powers
Clairvoyance — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus.
Umbrakinesis — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
Make Sparkles From Hand — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
Likes
- One
- Two
- Three
- Four
- Five
- six
Disikes
- One
- Two
- Three
- Four
- Five
- six
Design Notes
- Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat
- Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
- Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus.
- Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc
Subheader 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus fermentum dolor, vitae gravida nisi pharetra sed. Etiam non massa ac lectus iaculis congue et ut velit. Curabitur sit amet eleifend tellus. Vivamus dignissim nibh quis fringilla pharetra. Proin sapien lectus, bibendum sed rhoncus id, vestibulum sed mi. Phasellus hendrerit sit amet velit eget placerat. Maecenas volutpat nulla erat, vitae volutpat neque fermentum eget. Sed ut mauris non neque suscipit facilisis ut at tortor.
Cras tempus tortor vel urna fermentum porta. Proin in accumsan lacus, sed placerat lectus. Suspendisse erat enim, facilisis vitae vulputate non, dapibus elementum velit. Pellentesque in ultrices nulla. Donec vel felis erat. Nulla facilisi. Suspendisse nec augue diam. Maecenas suscipit laoreet viverra. Donec placerat posuere nulla, vitae rhoncus orci. In porttitor tempor turpis, eu gravida tortor tempor rutrum. Donec vestibulum, dolor quis sagittis luctus, sapien nulla porta sem, nec elementum est felis ut ex. Cras blandit dapibus tellus, in sagittis mi pulvinar at. Sed scelerisque pharetra massa, tincidunt suscipit ligula mollis a. Maecenas et varius mi, ac sodales neque. Aliquam lacinia lacinia tellus.
Subheader 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus fermentum dolor, vitae gravida nisi pharetra sed. Etiam non massa ac lectus iaculis congue et ut velit. Curabitur sit amet eleifend tellus. Vivamus dignissim nibh quis fringilla pharetra. Proin sapien lectus, bibendum sed rhoncus id, vestibulum sed mi. Phasellus hendrerit sit amet velit eget placerat. Maecenas volutpat nulla erat, vitae volutpat neque fermentum eget. Sed ut mauris non neque suscipit facilisis ut at tortor.Cras tempus tortor vel urna fermentum porta. Proin in accumsan lacus, sed placerat lectus. Suspendisse erat enim, facilisis vitae vulputate non, dapibus elementum velit. Pellentesque in ultrices nulla. Donec vel felis erat. Nulla facilisi. Suspendisse nec augue diam. Maecenas suscipit laoreet viverra. Donec placerat posuere nulla, vitae rhoncus orci. In porttitor tempor turpis, eu gravida tortor tempor rutrum.
Subheader 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus fermentum dolor, vitae gravida nisi pharetra sed. Etiam non massa ac lectus iaculis congue et ut velit. Curabitur sit amet eleifend tellus. Vivamus dignissim nibh quis fringilla pharetra. Proin sapien lectus, bibendum sed rhoncus id, vestibulum sed mi. Phasellus hendrerit sit amet velit eget placerat. Maecenas volutpat nulla erat, vitae volutpat neque fermentum eget. Sed ut mauris non neque suscipit facilisis ut at tortor.
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.
Character Name
Relationship Type
This will scroll if you add a lot. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.
Character Name
Relationship Type
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.
Character Name
Relationship Type
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.
Bootstrap Version - TH Theme Colors
This works with all TH themes. ALL colors adjust to your current TH theme. The colors are not customizable.
Bootstrap Version CodeWrite about the Character here. Paragraphs Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.
Trivia
- Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Nunc dignissim risus id metus.
Powers
Clairvoyance — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus.
Umbrakinesis — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
Make Sparkles From Hand — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.
Likes
- One
- Two
- Three
- Four
- Five
- six
Disikes
- One
- Two
- Three
- Four
- Five
- six
Design Notes
- Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat
- Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
- Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus.
- Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc
Subheader 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus fermentum dolor, vitae gravida nisi pharetra sed. Etiam non massa ac lectus iaculis congue et ut velit. Curabitur sit amet eleifend tellus. Vivamus dignissim nibh quis fringilla pharetra. Proin sapien lectus, bibendum sed rhoncus id, vestibulum sed mi. Phasellus hendrerit sit amet velit eget placerat. Maecenas volutpat nulla erat, vitae volutpat neque fermentum eget. Sed ut mauris non neque suscipit facilisis ut at tortor.
Cras tempus tortor vel urna fermentum porta. Proin in accumsan lacus, sed placerat lectus. Suspendisse erat enim, facilisis vitae vulputate non, dapibus elementum velit. Pellentesque in ultrices nulla. Donec vel felis erat. Nulla facilisi. Suspendisse nec augue diam. Maecenas suscipit laoreet viverra. Donec placerat posuere nulla, vitae rhoncus orci. In porttitor tempor turpis, eu gravida tortor tempor rutrum. Donec vestibulum, dolor quis sagittis luctus, sapien nulla porta sem, nec elementum est felis ut ex. Cras blandit dapibus tellus, in sagittis mi pulvinar at. Sed scelerisque pharetra massa, tincidunt suscipit ligula mollis a. Maecenas et varius mi, ac sodales neque. Aliquam lacinia lacinia tellus.
Subheader 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus fermentum dolor, vitae gravida nisi pharetra sed. Etiam non massa ac lectus iaculis congue et ut velit. Curabitur sit amet eleifend tellus. Vivamus dignissim nibh quis fringilla pharetra. Proin sapien lectus, bibendum sed rhoncus id, vestibulum sed mi. Phasellus hendrerit sit amet velit eget placerat. Maecenas volutpat nulla erat, vitae volutpat neque fermentum eget. Sed ut mauris non neque suscipit facilisis ut at tortor.Cras tempus tortor vel urna fermentum porta. Proin in accumsan lacus, sed placerat lectus. Suspendisse erat enim, facilisis vitae vulputate non, dapibus elementum velit. Pellentesque in ultrices nulla. Donec vel felis erat. Nulla facilisi. Suspendisse nec augue diam. Maecenas suscipit laoreet viverra. Donec placerat posuere nulla, vitae rhoncus orci. In porttitor tempor turpis, eu gravida tortor tempor rutrum.
Subheader 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus fermentum dolor, vitae gravida nisi pharetra sed. Etiam non massa ac lectus iaculis congue et ut velit. Curabitur sit amet eleifend tellus. Vivamus dignissim nibh quis fringilla pharetra. Proin sapien lectus, bibendum sed rhoncus id, vestibulum sed mi. Phasellus hendrerit sit amet velit eget placerat. Maecenas volutpat nulla erat, vitae volutpat neque fermentum eget. Sed ut mauris non neque suscipit facilisis ut at tortor.
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.
Character Name
Relationship Type
This will scroll if you add a lot. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.
Character Name
Relationship Type
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.
Character Name
Relationship Type
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros.
Recent Images
No images.