Tessisamess

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

From:
( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
  
Message:
 
Notice! This user has turned on the option that logs your IP address when posting.