tesscodes | CDJ Bundle

Information

Hey guys! Today we have a fun CDJ information pack instead of an HTML page! I realized I've never really done anything like this before, so it was high time! This pack comes with two contact code options, and matching templates for your RP info, wanted lines, and samples! These are more lightly styled so that you can edit them easily to fit the theme of your CDJ. Enjoy! ♥

OOC CONTACT

RP INFO // LINE IDEAS // WRITING EXAMPLES

Coding: Contact #1

OOC CONTACT

RP INFO // LINE IDEAS // WRITING EXAMPLES

Coding: Contact #2

RP INFORMATION

NAME Yourname
AGE 00
TIMEZONE ABC

GENERAL AVAILABILITY
Availability info here

BEST CONTACT
Preferred contact method here

OTHER INFORMATION LINE IDEAS WRITING SAMPLES CURRENT GAMES

GENERAL INFO

TITLE Vestibulum finibus rutrum mi, vitae luctus felis eleifend ac. Ut pretium dui eu orci blandit dictum. Quisque ornare laoreet ex, nec egestas lectus sodales id. Ut volutpat eu dui sed aliquet. Duis a fringilla dui. Donec eget tortor euismod, tincidunt nisl in, tincidunt sem. Curabitur semper volutpat rhoncus. Quisque luctus erat at turpis posuere, eu suscipit orci scelerisque. Donec libero dui, malesuada vitae tincidunt eget, sollicitudin a est.

TITLE Maecenas facilisis pellentesque hendrerit. Donec viverra nisi sapien, et convallis elit porttitor ut. Nunc mauris arcu, tempor quis nisl vitae, commodo fringilla lacus. Nulla ac interdum enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed eget congue risus. Nulla non iaculis ante.

TITLE Nam velit turpis, porta vel eros commodo, lobortis suscipit est. In hac habitasse platea dictumst. Donec cursus hendrerit dapibus. Nam vehicula metus quis suscipit molestie. Cras non efficitur purus, non vehicula eros. Mauris scelerisque eros facilisis ornare dapibus. Duis et varius dui, in maximus felis. Aenean id turpis mattis, vestibulum dolor eget, sagittis sem. Curabitur semper tellus ut lacus iaculis, et pellentesque mauris aliquam. Fusce maximus convallis sapien id tempor. Vestibulum sagittis vitae nisl vel faucibus.

LIKES & DISLIKES

INTERESTED IN Thing, thing, thing

NOT INTERESTED IN Thing, thing, thing

HARD NO Thing, thing, thing

THEMES & GENRES

THEMES Theme, theme, theme

GENRES Genre, genre, genre

FACE IDEAS

FACES I'D LIKE TO USE

NAMEHERE

FACES I'D LIKE TO WRITE AGAINST

NAMEHERE

EVERYTHING ELSE

Maecenas facilisis pellentesque hendrerit. Donec viverra nisi sapien, et convallis elit porttitor ut. Nunc mauris arcu, tempor quis nisl vitae, commodo fringilla lacus. Nulla ac interdum enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed eget congue risus. Nulla non iaculis ante.

Coding: RP Information

<lj-raw><div style="margin:0 auto;width:800px;display:flex;align-items:flex-start;flex-wrap:wrap;font-family:century gothic,arial,sans-serif;font-size:14px;color:#333;line-height:1.6;">

<center style="width:100%;font-size:30px;letter-spacing:5px;text-transform:uppercase;">RP INFORMATION</center>

<b style="font-size:10px;letter-spacing:2px;">NAME</b> Yourname<br>
		<b style="font-size:10px;letter-spacing:2px;">AGE</b> 00<br>
		<b style="font-size:10px;letter-spacing:2px;">TIMEZONE</b> ABC<br><br>

<b style="font-size:10px;letter-spacing:2px;">GENERAL AVAILABILITY</b><br>
		Availability info here<br><br>

<b style="font-size:10px;letter-spacing:2px;">BEST CONTACT</b><br>
		Preferred contact method here<br><br>

<div style="font-size:10px;letter-spacing:2px;font-weight:bold;">
			<b>OTHER INFORMATION</b>

<a href="URL" style="display:block;border:1px solid rgba(0,0,0,0.1);padding:2px 4px;margin-top:4px;text-decoration:none;color:#000;">LINKONE</a>

<a href="URL" style="display:block;border:1px solid rgba(0,0,0,0.1);padding:2px 4px;margin-top:4px;text-decoration:none;color:#000;">LINKTWO</a>

<a href="URL" style="display:block;border:1px solid rgba(0,0,0,0.1);padding:2px 4px;margin-top:4px;text-decoration:none;color:#000;">LINKTHREE</a>
		</div>

</div>

<details open style="border:1px solid rgba(0,0,0,0.1);padding:20px;margin-bottom:20px;">
			<summary style="cursor:pointer;font-size:20px;letter-spacing:3px;text-transform:uppercase;color:#000;">
				GENERAL INFO
			</summary>

<b style="font-size:10px;letter-spacing:2px;">TITLE</b> INFOHERE<br><br>

<b style="font-size:10px;letter-spacing:2px;">TITLE</b> INFOHERE
		</details>

<b style="font-size:10px;letter-spacing:2px;">INTERESTED IN</b>
			Thing, thing, thing<br><br>

<b style="font-size:10px;letter-spacing:2px;">NOT INTERESTED IN</b>
			Thing, thing, thing<br><br>

<b style="font-size:10px;letter-spacing:2px;">HARD NO</b>
			Thing, thing, thing

</details>

<b style="font-size:10px;letter-spacing:2px;">THEMES</b>
			Theme, theme, theme<br><br>

<b style="font-size:10px;letter-spacing:2px;">GENRES</b>
			Genre, genre, genre

</details>

<div style="display:flex;flex-wrap:wrap;justify-content:center;text-align:center;font-size:10px;letter-spacing:2px;">
				<b style="width:100%;margin-bottom:15px;">FACES I'D LIKE TO USE</b>

<div style="padding:10px;border:1px solid rgba(0,0,0,0.1);margin:5px;">
					<img src="URL" style="width:90px;margin-bottom:10px;"><br>
					NAMEHERE
				</div>

</div><br><br>

<div style="display:flex;flex-wrap:wrap;justify-content:center;text-align:center;font-size:10px;letter-spacing:2px;">
				<b style="width:100%;margin-bottom:15px;">FACES I'D LIKE TO WRITE AGAINST</b>

<div style="padding:10px;border:1px solid rgba(0,0,0,0.1);margin:5px;">
					<img src="URL" style="width:90px;margin-bottom:10px;"><br>
					NAMEHERE
				</div>

</div>

</details>

INFOHERE
		</details>

<a href="http://tessisamess.insanejournal.com/" style="display:block;text-align:right;color:#999;text-decoration:none;font-size:8px;letter-spacing:3px;">TESSISAMESS</a>
	</div>

</div></lj-raw>

LINE TITLE

PLOT SETTING

Vestibulum finibus rutrum mi, vitae luctus felis eleifend ac. Ut pretium dui eu orci blandit dictum. Quisque ornare laoreet ex, nec egestas lectus sodales id. Ut volutpat eu dui sed aliquet. Duis a fringilla dui. Donec eget tortor euismod, tincidunt nisl in, tincidunt sem. Curabitur semper volutpat rhoncus. Quisque luctus erat at turpis posuere, eu suscipit orci scelerisque. Donec libero dui, malesuada vitae tincidunt eget, sollicitudin a est.

Maecenas facilisis pellentesque hendrerit. Donec viverra nisi sapien, et convallis elit porttitor ut. Nunc mauris arcu, tempor quis nisl vitae, commodo fringilla lacus. Nulla ac interdum enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed eget congue risus. Nulla non iaculis ante.

Nam velit turpis, porta vel eros commodo, lobortis suscipit est. In hac habitasse platea dictumst. Donec cursus hendrerit dapibus. Nam vehicula metus quis suscipit molestie. Cras non efficitur purus, non vehicula eros. Mauris scelerisque eros facilisis ornare dapibus. Duis et varius dui, in maximus felis. Aenean id turpis mattis, vestibulum dolor eget, sagittis sem. Curabitur semper tellus ut lacus iaculis, et pellentesque mauris aliquam. Fusce maximus convallis sapien id tempor. Vestibulum sagittis vitae nisl vel faucibus.

NOTES

FACE IDEAS Name, Name
THEMES Theme, theme, theme
GENRES Genre, genre, genre

INSPIRATION

Coding: Line Ideas

<lj-raw><div style="margin:0 auto;max-width:800px;font-family:century gothic,arial,sans-serif;font-size:15px;color:#333;line-height:1.6;text-align:justify;">

<center style="font-size:30px;letter-spacing:5px;text-transform:uppercase;">LINE TITLE</center>

<details open style="border:1px solid rgba(0,0,0,0.1);padding:20px;margin-bottom:20px;">
		<summary style="cursor:pointer;font-size:20px;letter-spacing:3px;text-transform:uppercase;color:#000;">
		PLOT SETTING
		</summary>

PLOTINFOHERE

</details>

<b style="font-size:10px;letter-spacing:2px;">FACE IDEAS</b>
		Name, Name<br>

<b style="font-size:10px;letter-spacing:2px;">THEMES</b>
		Theme, theme, theme<br>

<b style="font-size:10px;letter-spacing:2px;">GENRES</b>
		Genre, genre, genre

</details>

<details style="border:1px solid rgba(0,0,0,0.1);padding:20px;margin-bottom:20px;">
		<summary style="cursor:pointer;font-size:20px;letter-spacing:3px;text-transform:uppercase;color:#000;">
		INSPIRATION
		</summary>
		<div style="-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;">

</div>
	</details>

<a href="http://tessisamess.insanejournal.com/" style="display:block;text-align:right;color:#999;text-decoration:none;font-size:8px;letter-spacing:3px;">TESSISAMESS</a>
</div></lj-raw>

WRITING EXAMPLES

TITLE HERE

INFO Warnings and/or other info

TITLE HERE

INFO Warnings and/or other info

TITLE HERE

INFO Warnings and/or other info

Coding: Writing Examples

Editing Guide

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

FONTS

century gothic,arial,sans-serif - Overall font

COLORS

#333 Overall text

#000 Accent color used for userpic border and titles

rgba(0,0,0,0.04) RP info sidebar background

rgba(0,0,0,0.1) All borders

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!