Tessisamess

Layouts, Codes, Tutorials, & Resources

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

October 2019

S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal
Previous | Next

Personality Cards





NAME
PERSONALITY
About Name
Vestibulum imperdiet, lorem ut tincidunt euismod, velit quam eleifend lectus, at rhoncus lectus risus at justo. Etiam ante enim, dapibus vitae sollicitudin, sollicitudin.
Personality Stats
0%
TRAIT
Info here
0%
TRAIT
Info here
0%
TRAIT
Info here
0%
TRAIT
Info here
0%
TRAIT
Info here
NAME
PERSONALITY
About Name
Vestibulum imperdiet, lorem ut tincidunt euismod, velit quam eleifend lectus, at rhoncus lectus risus at justo. Etiam ante enim, dapibus vitae sollicitudin, sollicitudin.
Personality Stats
0%
TRAIT
Info here
0%
TRAIT
Info here
0%
TRAIT
Info here
0%
TRAIT
Info here
0%
TRAIT
Info here


Information

Hey guys! I hope you all had an awesome Halloween! To kick off November we have a new code that I haven't done before: A standalone personality info card, available in both light and dark versions!

This personality card packs a punch with vibrant contrast and single-color highlights that change value with no extra color picking needed! It also utilizes the details tag as yet another example of how you can use that handy little tool! Check out my tutorials section for a full breakdown on the details tag if you missed it last month; it's a lot of fun! Enjoy! ♥

Coding: Dark



Coding: Light



Installation Guide

Paste into an entry and fill in the following!

HEADERIMG - Your header image; can be any size or dimensions as long as it's not too small
NAME (x2) - Your character name
BLURBHERE - Written personality info
0% | TRAIT | TRAITINFO (x5) - Each trait

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONT SPECS
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
font-family:helvetica,arial,sans-serif;
text-align:justify;
line-height:150%;
color:#333;

SIZING SPECS
width:400px; - Overall width
padding:100px 30px; - Header size
open="open" - Delete this to default sections to closed (x2)
padding:0 50px 20px 50px; - Inner section padding (x2)
31px - Trait bubble sizing (multiple specs; use replace all)

COLORS: DARK
#fff - Text color
255,255,255 - Color block backgrounds (semi-transparent rgba value)
#F5BE02 - Accent color
#333 - Text color
#000 - Background color; trait and subtitle color
0,0,0 - Trait backgrounds

COLORS: LIGHT
#fff - Background color and title color
#79C5C5 - Accent color
#333 - Text color
#000 - Trait and subtitle color
0,0,0 - Color block and trait backgrounds (semi-transparent rgba value)

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!

Comments

Jan. 27th, 2018 10:14 pm (UTC)
Thank you! Just use this and you should be good!

<lj-raw><div style="max-width:1230px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;">

PERSONALITY CODES HERE

</div></lj-raw>


You'll probably also wanna replace margin:0 auto; in the codes in this entry with margin:5px; if you don't want them to sit flush against each other! (You can also delete the lj-raw tags from the inner codes that you stick into this, but nothing will break if you don't. And feel free to move credit to the bottom of this container if you don't want it under every single code!
Jan. 27th, 2018 10:25 pm (UTC)
Thank you! You're amazing - I'll post a link when I have all the graphics done (presuming that I don't throw a photoshop hissy fit and abandon the whole idea!) and let you know how things turned out! I hope I can do your code justice...
Jan. 27th, 2018 10:27 pm (UTC)
Oooh, I cannot WAIT to see it! ♥ I'm sure it'll be gorgeous—that mod journal looks AMAZING. I love those colors and the background!
Jan. 27th, 2018 10:30 pm (UTC)
Ha! I totally forgot I'd switched journals. Don't look too closely - it's definitely a WIP at the moment. None of the links work and the colours aren't quite right. proof of concept more than anything else and a shift over from an old game. But thanks anyway - I think it's pretty so far. All your codes, of course - you're our go-to for this kind of thing! We'd be nowhere without you!!
Jan. 27th, 2018 10:36 pm (UTC)
Aw, no, thank you so much! I know the feeling haha, so many of my "work areas" are digital disaster zones. I love where you're going with the aesthetics though!