infinitus - codes

<lj-cut text="storylines"><table width=700><tr><td align=justify><img hspace="10" align="left" alt="" src="http://www.insanejournal.com/userpic/24691397/3832145" style="border-radius:100px;" /> <font size="+1" style="border-bottom: 1px solid black;"><b>CHARACTER NAME</b> + <font color="#800000">RELATIONSHIP</font></font> <div style="padding:10px;"><font color="#808080" size="2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</font></div> <img hspace="10" align="left" alt="" src="http://www.insanejournal.com/userpic/26019891/3832145" style="border-radius:100px;" /> <font size="+1" style="border-bottom:1px solid black;"><b>CHARACTER NAME</b> + <font color="#800000">RELATIONSHIP</font></font> <div style="padding:10px;"><font color="#808080" size=2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</font></div> <img hspace="10" align="left" alt="" src="http://www.insanejournal.com/userpic/24691425/3832145" style="border-radius:100px;" /> <font size="+1" style="border-bottom: 1px solid black;"><b>CHARACTER NAME</b> + <font color="#800000">RELATIONSHIP</font></font> <div style="padding:10px;"><font color="#808080" size=2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</font></div> <img hspace="10" align="left" alt="" src="http://www.insanejournal.com/userpic/24691390/3832145" style="border-radius:100px;" /> <font size="+1" style="border-bottom: 1px solid black;"><b>CHARACTER NAME</b> + <font color="#800000">RELATIONSHIP</font></font> <div style="padding:10px;"><font color="#808080" size=2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</font></div> <img hspace="10" align="left" alt="" src="http://www.insanejournal.com/userpic/24691364/3832145" style="border-radius:100px;" /> <font size="+1" style="border-bottom: 1px solid black;"><b>CHARACTER NAME</b> + <font color="#800000">RELATIONSHIP</font></font> <div style="padding:10px;"><font color="#808080" size=2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</font></div></td></tr></table>


( THIS IS WHAT IT LOOKS LIKE )

By request from Cindy, this is the code I've been using for my character reference pages.

<center><lj-cut text="cut text here"> <lj-raw><table align="center" width="500" cellspacing="0"><tr><td valign="bottom" colspan="3"><center><font size="4" face="georgia" color="#444444"><i><b>GAME NAME</b></i></font> </center></td></tr><tr><td valign="center" colspan="3"><center><font size="2" face="georgia" color="#555555"><i>via <lj user="MODJOURNAL"></font></center></td></tr> <tr><td height="7" colspan="3"></td></tr> <tr><td><center><img src="http://25.media.tumblr.com/c4ac0cbce4d29924b3609029acf17fed/tumblr_mq382jUap51qz581wo3_500.gif" width="200"></center></td> <td><center><img src="http://25.media.tumblr.com/c4ac0cbce4d29924b3609029acf17fed/tumblr_mq382jUap51qz581wo3_500.gif" width="200"></center></td></tr> <tr><td><center><font size="1" face="verdana" color="#444444">CHARACTER NAME</font><font size="1" face="verdana" color="#444444"><br> <i>Fandom</i><br> Occupation<br> Housing Info/Location<br> Relationship Status - <lj user="journal"></font></center></td> <td><center><font size="1" face="verdana" color="#444444">CHARACTER NAME</font><font size="1" face="verdana" color="#444444"><br> <i>Fandom</i><br> Occupation<br> Housing Info/Location<br> Relationship Status - <lj user="journal"></font></center></td></tr></table></lj-raw></lj-cut> <small>Original code by <lj user=chaperoned>. It can be found <a href=http://asylums.insanejournal.com/rp_tutorials/35453.html>here</a>. Modified by <lj user=lena>.</small></center>

( preview! )

Original code by chaperoned. It can be found here. Modified by lena.

Here's the code for using text as a cut tag. You can see it in action at telepathysucks.

<b><font face="georgia" style="text-transform: uppercase;">put the text that you don't want to be a link here and then <a href="LINK TO ENTRY" style="text-decoration: none;text-transform: uppercase;">your link goes here</a> and you can add some more stuff after if you want.</font></b><span style="display:none;"><lj-cut></span>

put the text that you don't want to be a link here and then your link goes here and you can add some more stuff after if you want.( Read more... )

So, I spent some time tweaking this layout by lobelia and I thought I would share the fruits of my labor in case anyone wanted to use my changes. Please make sure you credit lobelia for the original layout, because I only made some minor revisions, most of the work here is hers!


Live Preview: telepathysucks
Background Labs is an excellent resource for backgrounds.

/* ------------------------------------------- S2 BLOGGISH: 'PAUSE', 29/04/11 WILL BE AVAILABLE AT lobelia.insanejournal.com Layout by Mirka (medea.insanejournal.com) Bloggish base code by grrliz.livejournal.com ------------------------------------------- */ /* ---------------------------------------------------- MISC ---------------------------------------------------- */ a, a:link {color: #bbb; text-decoration: none; } a:hover {color: #f7f7f7; } h1, h3, h4, h5, h6 { margin: 5px 0px; font-weight: bold;} h2 { color: #000; text-transform: uppercase; line-height: 100%; font-family: georgia, serif;font-size: 13px; font-weight: bold; letter-spacing: 1px;} blockquote { line-height: 110%; margin: 5px 15px; color: #313131; padding: 5px; } ol { margin: 19px 40px; padding: 0px; list-style: upper-roman; } input, textarea { margin: 1px; border: 1px solid #cccccc; color: #444444; } font { font-family: inherit; font-size: inherit; color: inherit } /* ---------------------------------------------------- BODY & PAGE LAYOUT ---------------------------------------------------- */ html { margin: 0px; padding: 0px; } body { margin: 0px; padding: 0px; background: url(YOUR BACKGROUND IMAGE GOES HERE) #491534; background-attachment: fixed; font-size: 9pt; font-family: helvetica, arial, sans-serif; line-height: 130%; text-align: center; } #container { width: 600px; margin: 0px auto; padding: 0px; text-align: left; background-position: top center; background-repeat: repeat; background-attachment: fixed; } #container-inner { width: 550px; background: #transparent;margin: 0px auto; } #pagebody { margin: 0px auto; padding: 0px;background: #transparent; } #alpha, #beta, #gamma { display: inline; } #alpha { background: #transparent; width: 500px;} #beta { background: #transparent !important;padding: 0px; margin-top:5px; padding-bottom: 20px;} #alpha-inner {width: 530px; padding: 0px; background: white; padding: 10px; } #beta-inner { width: 550px; padding: 0px 0px 0px 0px;background: #transparent; } /* ---------------------------------------------------- HEADER & BANNERS ---------------------------------------------------- */ #banner { padding-top: 10px } #banner h1 { display:none; } #banner h2 { display: none; } /* ---------------------------------------------------- ENTRIES & CONTENT ---------------------------------------------------- */ .entry-content { position: static;clear: both; } .entry-content li { } .date-header {display:none} .lj-view-recent .entry-header {background: white; color: #000; text-transform: uppercase; line-height: 100%; font-family: helvetica, sans-serif;font-size: 15px; font-weight: bold;margin-left: 25px; margin-right: 25px; text-align: right; padding-bottom: 3px; border-bottom: 1px dotted #cfcfcf } .entry-header a:link, .entry-header a:visited, .entry-header a:active {text-decoration: none; color: #666;} .entry-header a:hover {color: #fff;} .lj-view-friends .entry-header {background: white; color: #000; text-transform: uppercase; line-height: 100%; font-family: helvetica, sans-serif;font-size: 15px; font-weight: bold;margin-left: 25px; margin-right: 128px; text-align: right; padding-bottom: 3px; border-bottom: 1px dotted #cfcfcf } .lj-view-recent .entry-userpic {display:none } .lj-view-recent .poster { display:none} .lj-view-friends .entry-userpic { float: right!important; margin-right: 15px!important; } .lj-view-friends .entry-userpic img {padding: 5px!important; border: 1px dotted #cfcfcf!important} .lj-view-friends .entry-userpic a:link, .entry-userpic a:visited, .entry-userpic a:active {color: #999; font-size: 10px; font-family: helvetica; font-weight: normal!important; text-transform: uppercase; letter-spacing: 0px} .lj-view-friends .entry-userpic a:hover {font-weight: normal!important; color: #fff; } .lj-view-friends .poster { width: 112px; text-align: right; color: #ababab; font-size: 10px; font-weight: normal; font-family: helvetica; text-transform: uppercase; line-height: 10px; letter-spacing: 0px;} .lj-view-friends .poster img {border: 0 !important; margin: 0px!important;} .entry-body {padding-bottom: 4px;text-align: justify; font-size: 11px; font-family: georgia, serif; color: #111; min-height: 150px; line-height: 101%;} .entry-body a:link, .entry-body a:visited, .entry-body a:active { color: #999; font-weight: bold;text-decoration: none; text-transform: lowercase;} .entry-body a:hover {color: #fff;} .post-footers {display: block; margin: 3px 0px 0px 0px; } .entry-footer { font-size: 0px; margin: 0px 0px 0px 0px; text-align: center; color: #fff; padding-bottom: 10px; margin-top: 10px; padding-top: 3px; border-top: 1px dotted #cfcfcf } .entry-footer a, .entry-footer a:link, .entry-footer a:visited, .entry-footer a:active {color: #777; font-size: 11px; font-family: georgia, serif; font-weight: normal!important; text-transform: lowercase; padding: 4px} .entry-footer a:hover {color: black} .trackback-footer, .comment-footer, .comments-open-footer, .archive-content {clear: both; margin: 5px 0px 15px 0px;} .content-nav { margin: 0px auto; width: 550px;align: center; text-align: center!important; position: absolute; bottom: -32px;color: #fff; background: #fff; left: 0px; padding-bottom:15px; padding-top: 15px; left: 0px; line-height: 6px;} .content-nav a { text-transform: uppercase; line-height: 100%; font-family: georgia, serif;font-size: 11px; letter-spacing: 1px; font-weight: bold; color: #000; display: block;padding: 3px; padding-right: 20px;} .content-nav a:hover { color: #fff;} .content-nav, .skiplinks { margin: 0px auto; text-align: center; padding: 0px auto;} .metadata {margin: 10px 0px;line-height: 1.2em;} .metadata img {} .ljtags {clear:both; font-family: helvetica, arial, serif; line-height: 6pt; color: #fff;font-size: 0px; font-weight: normal;text-transform: uppercase; padding-top: 10px; margin-bottom: 0px; padding-bottom: 0px; line-height: 6px; margin-left: 0px; margin-right: 0px; } .ljtags a, .ljtags a:link, .ljtags a:visited, .ljtags a:active {color: #bbb; text-decoration: none; font-weight: normal; font-size: 7.5pt; padding-right: 10px; text-transform: uppercase;} .ljtags a:hover {color: #fff; } .separator {} .entry {position: static; overflow: hidden; clear: both; background: white; padding-top: 15px;} .trackbacks, .comments, .archive {position: static; overflow: hidden; clear: both; background: #transparent} .entry-content {background: #transparent; clear: both; margin: 0px; margin-left: 25px; margin-right: 25px; } .trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed {clear: both; margin: 0px;} .entry-excerpt, .entry-body, .entry-more-link, .entry-more {clear: both;} .comments-open label { display: block; } #comment-author, #comment-email, #comment-url, #comment-text {width: 240px;} #comment-bake-cookie {margin-left: 0px; vertical-align: middle;} #comment-post {font-weight: bold;} img.image-full {width: 100%;} .image-thumbnail {float: left; width: 115px; margin: 0px 10px 10px 0px;} .image-thumbnail img {width: 115px; height: 115px; margin: 0px 0px 2px 0px;} /* ---------------------------------------------------- MODULES & STUFF ---------------------------------------------------- */ .module {padding: 5px; } .module-header {} .module-content {background: #transparent;} .module-content img {width:50px;height:50px;} .module-content a:link, .module-content a:visited, .module-content a:active { text-decoration: none;} .module-content a:hover {} .module-viewlinks li { } .module-list { margin: 0px; padding:0px; list-style-type: none; } .module-list-item { margin: 0px; padding: 0px; } .module-pagesummary, .module-syndicate, .module-powered, .module-categories, .module-calendar {display:none} .module-photo {width: 55px; float: left; } .module-photo img {padding: 5px; border: 1px dotted #ddd} .module-viewlinks { width: 420px; margin-top: 5px; } .module-viewlinks ul { } .module-viewlinks li.module-list-item { display: block; float: left; margin-right: 10px;} .module-viewlinks a {color: #000; text-transform: uppercase; line-height: 100%; font-family: georgia, serif;font-size: 11px; font-weight: bold; letter-spacing: 1px; } .module-viewlinks a:hover {color: #fff;} .module-typelist { width: 380px; margin-top: -15px; padding-left: 16px} .module-typelist h2 {float: left; font-size: 11px; font-family: helvetica, arial, sans-serif} .module-typelist ul { } .module-typelist li.module-list-item { display: block; float: left; margin-left: 10px; margin-top: 2px;} .module-typelist a {color: #777; text-transform: uppercase; line-height: 10px; font-family: helvetica, sans-serif;font-size: 10px; font-weight: normal; } .module-typelist a:hover {color: #fff;} /* ---------------------------------------------------- TAGS & CALENDAR ---------------------------------------------------- */ .lj-view-tags #beta-inner {background: white; padding-top: 20px !important; text-align: left; font-family: georgia, serif;} .lj-view-tags #beta-inner h2 {padding-left: 20px; } ul.ljtaglist a, dl a {color: #999; line-height: 100%; font-family: georgia, serif;font-size: 11px; font-weight: bold; text-decoration: none} ul.ljtaglist a:hover, dl a:hover {color: #fff;} ul.ljtaglist {font-size: 10px;margin: 0px; padding: 10px; margin-top: -4px;list-style-type: none; } ul.ljtaglist li { margin: 0px; padding-left: 30px; } .lj-view-archive #beta-inner {background: white; padding-top: 20px !important; padding-bottom: 20px !important; text-align: left; } .lj-view-archive #beta-inner table {width: 75%; margin-left: auto !important; margin-right: auto !important; border: 0px!important} .lj-view-archive #beta-inner table th {padding: 5px 0px; border: 3px solid #fafafa!important; color: #000; text-transform: uppercase; line-height: 100%; font-family: georgia, serif;font-size: 13px; font-weight: bold; letter-spacing: 1px;} .lj-view-archive #beta-inner table td {padding: 5px; border: 3px solid #fafafa!important; } .lj-view-archive #beta-inner ul {margin: 0px 20px; list-style-type: none; border: 0px!important} .lj-view-archive #beta-inner ul li {display: inline; padding-right: 20px; border: 0px !important} .lj-view-archive #beta-inner a {color: #444; line-height: 100%; font-family: helvetica, arial, sans-serif;font-size: 11px; font-weight: bold; text-decoration: none } .lj-view-archive #beta-inner a:hover {color: #fff; } .lj-view-month #beta-inner dl {line-height: 1.5em;} .lj-view-month #beta-inner dt {margin-bottom: 5px; padding-bottom: 5px;} .lj-view-month #beta-inner dd {margin-bottom: 1em; padding-left: 3em;} /* ---------- DO NOT REMOVE BELOW ---------- */ .module li {display: block;} /* ---------- DO NOT REMOVE ABOVE ---------- */ /* ---------------------------------------------------- REPLACEMENT ICONS ---------------------------------------------------- */ .ljuser a {border-bottom:none!important;padding-bottom: 0px; } .ljuser a b { padding-left:0px; } .ljuser a:hover b {text-decoration: none; } .ljuser img[src="http://www.insanejournal.com/img/userinfo.gif"] { width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(http://i52.tinypic.com/11lmvxd.jpg) !important; padding: 7px 9px 5px 4px !important; } .ljuser img[src="http://www.insanejournal.com/img/community.gif"] { width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(http://i54.tinypic.com/qpmopj.jpg) !important; padding: 9px 9px 3px 5px !important; } .poster img[src="http://www.insanejournal.com/img/userinfo.gif"] { width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(http://i52.tinypic.com/11lmvxd.jpg) !important; padding: 8px 9px 5px 5px !important; } .poster img[src="http://www.insanejournal.com/img/community.gif"] { width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(http://i54.tinypic.com/qpmopj.jpg) !important; padding: 8px 9px 6px 5px !important; } .entry-header img[src="http://www.insanejournal.com/img/userinfo.gif"] { width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(http://i52.tinypic.com/11lmvxd.jpg) !important; padding: 9px 9px 6px 5px !important; } .entry-header img[src="http://www.insanejournal.com/img/community.gif"] { width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(http://i54.tinypic.com/qpmopj.jpg) !important; padding: 8px 8px 5px 6px !important; } .entry-footer a[href*=tellafriend], .entry-footer a[href*=flag], .entry-footer a[href*=memadd], .entry-footer a[href*=subscriptions] { display:none; } .comment-footer .separator, .entry-footer .separator { display:none !important; } .lj-entry-securityicon img[src="http://www.insanejournal.com/img/icon_private.gif"], .lj-entry-securityicon img[src="http://www.insanejournal.com/img/icon_protected.gif"] { width: 0!important; height: 0!important; background-repeat: no-repeat !important; background-image: url(http://i51.tinypic.com/29bjzew.jpg) !important; padding: 10px 10px 5px 5px !important; } .entry-footer a[href*=tellafriend], .entry-footer a[href*=flag], .entry-footer a[href*=memadd], .entry-footer a[href*=subscriptions] { display:none; } .comment-footer .separator, .entry-footer .separator { display:none !important; } .lj-view-entry .entry-userpic { float: right!important; margin-right: 15px!important; } .lj-view-entry .entry-userpic img {padding: 5px!important; border: 1px dotted #cfcfcf!important} .comments-header {background: white; color: #000; text-transform: uppercase; line-height: 100%; font-family: helvetica, sans-serif;font-size: 15px; font-weight: bold;text-align: right; padding: 10px; margin-bottom: 0px!important;} .comments { width: 550px;} .comment-content {background: white; padding: 20px; background: #fff; text-align: justify; font-size: 9pt; font-family: helvetica, helvetica, arial, sans-serif; color: #999; min-height: 120px; line-height: 111%; } .comment-userpic { float: right!important; margin-right: 15px!important; margin-top: 15px!important; margin-bottom: 15px!important; } .comment-userpic img {padding: 5px!important; border: 1px dotted #cfcfcf!important} .comment-userpic a:link, .comment-userpic a:visited, .comment-userpic a:active {color: #999; font-size: 10px; font-family: helvetica; font-weight: normal!important; text-transform: uppercase; letter-spacing: 0px} .comment-userpic a:hover {font-weight: normal!important; color: #fff; } .poster { width: 110px; text-align: right; color: #ababab; font-size: 10px; font-weight: normal; font-family: helvetica; text-transform: uppercase; line-height: 10px; letter-spacing: 0px;} .poster img {border: 0 !important; margin: 0px!important;} .comment-footer { background: white; font-size: 9px; margin: 0px 0px 0px 0px; text-align: center; color: #999; font-family: georgia, serif; text-transform: lowercase; margin-bottom: 10px; padding-top: 3px; padding-bottom: 3px; border-top: 1px dotted #cfcfcf } .comment-footer a, .comment-footer a:link, .comment-footer a:visited, .entry-footer a:active {color: #777; font-size: 11px; font-family: georgia, serif; font-weight: normal!important; text-transform: lowercase!important; padding: 4px} .comment-footer a:hover {color: black} .comment-footer img[src="http://www.insanejournal.com/img/userinfo.gif"] { width: 0; height: 0; background-repeat: no-repeat !important; background-image: url(http://i55.tinypic.com/2gxn3t0.jpg) !important; padding: 9px 0px 8px 10px !important;} .comment-footer img[src="http://www.insanejournal.com/img/community.gif"] {width:0; height: 0; background-repeat: no-repeat !important; background-image: url(http://i53.tinypic.com/2z7kg8j.jpg) !important; padding: 9px 0px 8px 10px !important; }

<img alt="" src="IMAGE/GIF LINK" /> <lj-cut text="________ for The Nowhere"><table width="500" cellspacing="10px" cellpadding="5px" align="center"><tbody><tr><td align="right"><font style="font-family: georgia,sans serif; font-size: 20pt; color: rgb(102, 102, 102);">. . . . . . . . . . . . . . . . . . . . . . . . . basics.</font></td></tr><tr><td align="justify"><font style="font-family: courier new,sans serif; font-size: 9pt; color: rgb(0, 0, 0);"> <font color="#222222"><b>name</b></font> Your character's full legal name. <font color="#222222"><b>nicknames</b></font> Any nicknames your character goes by. <font color="#222222"><b>age & birthday</b></font> your character's age and date of birth <font color="#222222"><b>fandom</b></font> what work your character is from <font color="#222222"><b>canon point</b></font> what point in canon they were pulled from <font color="#222222"><b>occupation</b></font> what they do in their home world <font color="#222222"><b>power/mutation</b></font> any special powers your character has <span style="font-weight: bold;"></span></font></td></tr><tr><td align="right"> </td></tr><tr><td align="justify"> </td></tr><tr><td align="right"><font style="font-family: georgia,sans serif; font-size: 20pt; color: rgb(102, 102, 102);">. . . . . . . . . . . . . . . . . . . . . . . . biography.</font></td></tr><tr><td align="justify"><font style="font-family: courier new,sans serif; font-size: 9pt; color: rgb(0, 0, 0);">Your characters personality/history. </font></td></tr><tr><td align="right"><font style="font-family: georgia,sans serif; font-size: 20pt; color: rgb(102, 102, 102);">. . . . . . . . . . . . . . . . . ooc information.</font></td></tr><tr><td align="justify"><font style="font-family: courier new,sans serif; font-size: 9pt; color: rgb(0, 0, 0);"><font color="#222222"><b>played-by </b></font></font><span style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" class="Apple-style-span"><span style="font-size: small;" class="Apple-style-span">pb for your character</span></span><font style="font-family: courier new,sans serif; font-size: 9pt; color: rgb(0, 0, 0);"> <font color="#222222"> <b>name/Alias</b></font> player name <font color="#222222"><b>contact</b></font> player contact info <font color="#222222"><b>time zone:</b></font> your time zone </font></td></tr></tbody></table></lj-cut>

( code preview )

A big thanks to Trin for this code!

Sorry about not putting this up sooner! Go at it my darlings <3

<center><table width="450"><tr><td valign="top" width="110px" valign="middle"><img src="http://www.diamondglints.com/ROCKSALT/cmuses/blank.png" width="100px" height="100px" style="border:1px solid #b5b5b5; padding: 5px"></td> <td width="2px" style="border-right:0px dotted #727272;"></td> <td valign="top"><span style="font-family: courier new; font-size: 16px; letter-spacing:1.5px; font-weight: bold;"><div style="text-align: left;"><a name="WHATEVS"></a>character name</div></span><span style="color:#111111; font-family: tahoma; font-size:10px;">age & dob • race • occupation • family • <a href="">profile</a> • <lj user="username"> • playby • player </span></td></tr></table>

WHY CAN'T I STOP CODING??????

Another profile! This time fully by myself. This is one made because I wanted to be able to use the gifs which are 500width without shrinking them into nothing-ness! There may be another one like this on the way however with the gif/basics at the top and history/ships below. We'll see!

( exaaaaample )

I come baring adverts! Glorious adverts! Hopefully game specific ones coming soon <3 Spread the joy!

<center><table cellpadding="20" cellspacing="20" width="50%" style="-webkit-border-radius:20px;-moz-border-radius:20px;"><tr><td border="10" valign="top" bordercolor="#DD577A" style="background-color:#f4f4f4; background-image: url(); background-repeat: no-repeat; background-position: right top; -webkit-border-radius:20px;-moz-border-radius:20px;"><div style=" height:px;overflow-y:auto"><div style="font-size: 10px; font-family: verdana; color: #000; text-align: justify;"><center><img src="http://i.imgur.com/kuSrv.png"></center> Our mission is to create a friendly, welcoming, open, probably slightly insane but very creative writing group who enjoys the freedom of numerous games and genres. Everyone is welcome and it is super easy and quick to join! ● All writing levels are welcome; whether you've been roleplaying for ten years or a month, everyone is welcome. ● All genres are welcome; reality, supernatural, pan-fandom, horror, fandoms. There is no limit and there is no limit on how many of each genre either. ● You can join with either one journal which can be used as a hub (i.e all of character profiles/info and replies comes from this one journal) or a journal for every character; or maybe mix and match! It's entirely up to you. ● All members are able to create games and each creator is considered the "mod" for their individual games and given the freedom to moderate it as they see fit. ● There will be memes, activities and scene lotteries at random times which are completely optional for you to join in. It may not seem active right now and that is because we need you! We know this is a little out there and not the normal kind of game but we think it could be really great given the chance so if you're looking for a community to make friends and to write some awesome stories maybe Infinitus is for you. Currently we have two games up and running: <b><a href="http://asylums.insanejournal.com/invulgoare/tag/game:+life+as+we+know+it">Life As We Know It</a></b> a real life PB game based in the fictional city of Brookshore and the small town of Willow Creek. <b><a href="http://asylums.insanejournal.com/invulgoare/tag/game:+the+nowhere">The Nowhere</a></b> a pan-fandom game with an ever changing backdrop. <center> <lj user="infinitus"> | <lj user="gregalis"> | <lj user="Mnemonides"> | <lj user="invulgoare"><br> <a href="http://praetor.insanejournal.com/8641.html" style="text-decoration:none; color: #000;">info, rules & faq</a> | <a href="http://praetor.insanejournal.com/7743.html" style="text-decoration:none; color: #000;">join infinitus</a> | <a href="http://praetor.insanejournal.com/8050.html" style="text-decoration:none; color: #000;">the game directory</a> | <a href="http://praetor.insanejournal.com/8234.html" style="text-decoration:none; color: #000;">the players & friend adds</a> </div></div></td></tr> </table>

<center><table width="80%" background="http://i.imgur.com/orJZ5.png" cellspacing="10" cellpadding="10"> <tr> <td bgcolor="#F6F6F6" valign="top" cellpading="0" width="600"><div align="left"><center><b><font color="BLACK" face="mistral"><i><font size="7">infinitus</b></font></div></td></tr> <tr> <td background="http://i.imgur.com/6x75K.png" valign="top" cellpading="0" width="600"><font face="tahoma" size="2" color="#"><div align="justify"> <b><font color="BLACK" face="mistral"><i><font size="5">life as we know it</b> • real life, city/small town<bR></font></i> </font></center> Mothers, fathers, daughters, sons, friends, lovers, husbands, wives, co-workers, arch nemesis, bosses, shop assistants, cheaters, one night stands, fair weather friends, back stabbing bitches, the guy who gave you his seat on the subway, the girl who smiled at you when you were just having a bad day. Life is made up of people, of unexpected moments, of all the little things which somehow come together to create life as we know it. It's the bad days, the good days, the amazing days, the duvet days and the top of the world days. Life As We Know It is a present day play-by game set throughout the world however the majority of the play will take place in Brookshore, a large seaside city and the small, picture-esque town of Willow Creek. Hopefully both will be home to a colorful, diverse and eclectic cast of both characters and players where everyone can explore every facet of life. <center><a href="http://asylums.insanejournal.com/invulgoare/tag/g:+life+as+we+know+it" style="text-decoration:none; color: #000;"><font face="courier new" size="+2">further info</font></a> / <a href="" style="text-decoration:none; color: #000;"><font face="courier new" size="+2">the cast</font></a></center> </div></td></tr> <tr> <td background="http://i.imgur.com/6x75K.png" valign="top" cellpading="0" width="600"><font face="tahoma" size="2" color="#"> <div align="right"><b><font color="BLACK" face="mistral"><i><font size="5">the nowhere</b> • panfandom </i></font><bR></font></center></div> <div align="justify">There is no warning, no way to know that when you lay your head down to sleep you would wake to find yourself in another place entirely. The room is somewhat empty, it’s plain, simple but if you look you will find pieces of your old life - clothes, trinkets, a few books maybe. But you know instantly that this isn't home, that everything is... wrong. On the desk you find a peculiar looking arm brace which when placed on flickers to life with a touch screen and a keyboard seemingly made of light below it. The brace connects directly to The Network via text, voice and even video messages. The only thing left to do is step out the door and see what is waiting for you... but are you brave enough to do so? <center><a href="http://asylums.insanejournal.com/invulgoare/tag/g:+the+nowhere" style="text-decoration:none; color: #000;"><font face="courier new" size="+2">further info</font></a> / <a href="http://asylums.insanejournal.com/invulgoare/3207.html#cutid1" style="text-decoration:none; color: #000;"><font face="courier new" size="+2">the cast</font></a></center</div></td></tr> <tr> <td background="http://i.imgur.com/6x75K.png" valign="top" cellpading="0" width="600"><font face="tahoma" size="2" color="#"><div align="justify"> <b><font color="BLACK" face="mistral"><i><font size="5">a time for heroes</b>• high fantasy, urban fantasy & supernatural </font><bR></i> </font></center> The mortal realm is old, its history deep. The Beyond is older, its history reaching further back. Some believe that it is The Beyond who brought life to the Mortal Realm, who began to populate it. Who, or what happened doesn’t truly matter though. All you need to know is that there is now only one place the Mortal Realm and The Beyond touch and that is a gate: one side situated in the Kingdom of Asheth and the other on the mortal island of Arillius. It is a quiet Island, out of the way, untouched. Possibly because it is situated in the Bermuda Triangle. Or perhaps the Bermuda Triangle is there because Arillius is. Either way it is a doorway to the Beyond. Or was, but the closing is part of our story and we will get to that... <center><a href="http://asylums.insanejournal.com/invulgoare/tag/g:+a+time+for+heroes" style="text-decoration:none; color: #000;"><font face="courier new" size="+2">further info</font></a> / <a href="http://asylums.insanejournal.com/invulgoare/1782.html#cutid1" style="text-decoration:none; color: #000;"><font face="courier new" size="+2">the cast</font></a></div></center></div></td></tr> <tr><td bgcolor="#F6F6F6" valign="top" cellpading="0" width="600" background=""><div align="right"><font face="arial, lucida, tahoma" size="1" color="#000000"> <lj user="infinitus"> | <lj user="gregalis"> | <lj user="Mnemonides"> | <lj user="invulgoare"><br> <a href="http://praetor.insanejournal.com/8641.html" style="text-decoration:none; color: #000;">the guide & rules</a> | <a href="http://praetor.insanejournal.com/7743.html" style="text-decoration:none; color: #000;">join infinitus</a> | <a href="http://praetor.insanejournal.com/8050.html" style="text-decoration:none; color: #000;">the game directory</a> | <a href="http://praetor.insanejournal.com/8234.html" style="text-decoration:none; color: #000;">the players & friend adds</a></div></td></tr></table>

I really must stop doing coding, I need to actually get some profiles written up and not just prettily coded. Oh, well! This is an old, old, old one I found that I'd edited from storybookending. Originally it was just a relationship table but I've edited it so it could easily be a full profile. The 'basic' information is easily added to by copy/pasting the <tr> sections to add or remove etc. I used gifmagic to make a gif smaller and uploaded to imgur. For the colours just find and replace either colour1 or colour2 :D ( coding under here )

Not 100% sure where I actually got this one but here we go! So this is not mine but I thought it was cute so thought I'd post it up here for everyone. It could be adapted easily I think to include the relationship section etc. and may actually do that at some point. For this to work you need to disable auto-formatting!

( codescodescodes )

Second profile code! This one is based off this which I have a love/hate relationship with. I love how compact it is but my eyes hate it XD So I re-made it larger with a relationship column also. There are also 3 plain colour schemes below.

( here there be coding )

Codes for: this
.

<lj-cut><table border="0" cellpadding="5" cellspacing="2" width="70%" align="center"><tr><td align="justify"><img src="" align="right" vspace="10" hspace="10" style="border:10px solid black;"><center><b><font color="BLACK" face="mistral" size="7"><i>title title title </i></b></font></center><span style="color: #666666; font-family: cumbria; font-size: 13px;"><b><font color="BLACK">NAME</b></font> <b><font color="BLACK">AGE</b></font> <b><font color="BLACK">BIRTHDAY</b></font> <b><font color="BLACK">SPECIES</b></font> <b><font color="BLACK">CURRENT RESIDENCE</b></font> <b><font color="BLACK">PROFESSION</b></font> <center><img src="http://i.imgur.com/f8UA0.jpg" border="0"></center> <b><font color="BLACK">PHYSICAL DESCRIPTION</b></font> <b><font color="BLACK">DISTINGUISHING MARKS</b></font> <b><font color="BLACK">PERSONALITY</b></font> <b><font color="BLACK">SEXUAL PREFERENCE</b></font> <center><img src="http://i.imgur.com/f8UA0.jpg" border="0"></center><b><font color="BLACK">PERSONAL HISTORY</b></font> <center><img src="http://i.imgur.com/f8UA0.jpg" border="0"></center> <img src="" align="right" vspace="10" hspace="10" style="border:10px solid black;"><b><font color="BLACK">MAGICAL ABILITIES</b></font> <b><font color="BLACK">WEAKNESSES</b></font> <b><font color="BLACK">WEAPONRY / TRAINING</b></font> <center><img src="http://i.imgur.com/f8UA0.jpg" border="0"></center> <b><font color="BLACK">FAMILY</font></b> <b><font color="BLACK">ALLIES</font></b> <b><font color="BLACK">LOVES</font></b> <b><font color="BLACK">ENEMIES</font></b> <b><font color="BLACK">RELATIONSHIP</b></font> <b><font color="BLACK">CHARACTER NOTES</font></b> <center><img src="http://i.imgur.com/f8UA0.jpg" border="0"></center> <b><font color="BLACK">PLAYER</font></b> Steph. <b><font color="BLACK">CONTACT</font></b> <b><font color="BLACK">PLAYER-BASE</font></b> <b><font color="BLACK">Last Updated:</font></b> </td></tr></table>

( example )