Tessisamess

CR Chart: Social Cards





Deadpool
This idiot again
Praesent eget felis rhoncus, molestie libero ut, vestibulum enim. Sed porta purus vel quam ornare, et placerat magna sagittis. Nulla massa mi, tristique cursus congue at, condimentum et enim. Pellentesque turpis ante, tempor vel vehicula in, egestas non purus. Etiam dignissim ac felis eu tincidunt. Integer auctor nulla iaculis, bibendum lacus non, rutrum dui.
Thor
Brother from another mother
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tempus turpis eu risus auctor, et consectetur eros tempor. Mauris sed erat porttitor nulla luctus scelerisque sit amet ut libero. Fusce rutrum sollicitudin neque. Praesent facilisis eu lacus sit amet tincidunt. Proin a augue volutpat, semper elit dictum, rhoncus neque. Nulla nec urna dapibus, consectetur nibh vel, interdum mauris. Phasellus imperdiet risus sit amet tincidunt semper. Proin vel dolor leo. Sed convallis cursus augue at tempus. Quisque nec arcu urna.
Negasonic Teenage Warhead
Like a daughter but cooler
Nam pellentesque pulvinar vehicula. In volutpat lacus ut scelerisque auctor. In nisl lacus, eleifend sit amet laoreet eu, consequat vel ipsum. Sed convallis luctus cursus. Cras lacinia vestibulum vulputate. Donec at enim nisi. Suspendisse dignissim rhoncus erat eu iaculis. Integer nisi felis, blandit ut scelerisque ut, euismod non dui.
Loki
It's really really complicated
Maecenas vel mattis metus, id faucibus ligula. Curabitur a eros at odio consectetur dictum. Proin venenatis mi sit amet urna tincidunt tincidunt. Aliquam lacinia finibus metus et laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet cursus purus. Etiam varius venenatis est, eget pharetra ex faucibus vitae. Nullam non arcu et ex cursus cursus vulputate vitae neque. Phasellus sit amet tincidunt justo. Aliquam erat volutpat.
Wolverine
It's... complicated
Donec imperdiet est in arcu molestie, quis convallis ante imperdiet. Duis aliquam tempor augue, et condimentum lacus consequat in. Vivamus vestibulum mi at luctus blandit. Quisque sagittis tempus lacus, ut aliquet nunc dictum non. Quisque porta est quam, vel efficitur nisl pellentesque et. Vivamus rhoncus enim non risus faucibus bibendum. Proin eu lorem maximus, ultrices odio vel, interdum nisi. Curabitur et metus eu felis aliquam accumsan.
Blind Al
Just met!
Nam pellentesque pulvinar vehicula. In volutpat lacus ut scelerisque auctor. In nisl lacus, eleifend sit amet laoreet eu, consequat vel ipsum. Sed convallis luctus cursus. Cras lacinia vestibulum vulputate. Donec at enim nisi. Suspendisse dignissim rhoncus erat eu iaculis. Integer nisi felis, blandit ut scelerisque ut, euismod non dui.
© TESSISAMESS

Information

Hey guys! Today we have a super fun CR chart (that could easily be reused for a character roster or locations for a game or any old thing.) This code uses columns and is width responsive! No matter the browser size, this code will adjust the number of columns to fit without screwing anything up. Enjoy! ♥

The Coding



Installation Guide

Paste into an entry and fill in the following!

BGURL - Each relationship header background; leave as-is and change #222 for a background color instead.
ICONURL - Each character icon; delete this for only a header image.
EMOJIURL - Relationship emoji; options below
NAMEHERE - Character name
RELATIONSHIPHERE - Relationship to character
INFOHERE - Blurb about relationship

Editing Guide

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

FONTS
helvetica,arial,sans-serif - Overall font

RELATIONSHIP EMOJIS
Icons by Icons8 via Icon Archive. Feel free to hotlink these!


COLORS
255,255,255 Icon border
#fff Background for inner lower content
#777 Text color
#222 Header background and name color
0,0,0 All box shadows, border under name/relationship, background of lower content


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:
(will be screened)
(will be screened)
Identity URL: 
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.