InsaneJournal

Clean Header. + Instructions CLEAN AND SIMPLE (header)	Plain and Customizable. also with header see instructions for header code. + Instructions GENERATOR (bg pattern)	Fakeish Flexible Squares. + Instructions GENERATOR (four color choices)
FRIENDS_OPT_ITEMS=>2 GLOBAL_HEAD<= <style type="text/css"> <!-- body { background: #386D73 url(); color:#6F6F6F; font-family:sans-serif; margin:0; margin-bottom:10px; text-align:center; } table { width: 700px; border:none; margin-left:auto; margin-right:auto; margin-top:215px; } #topbar { background: #83B3B5; padding-right:10px; color: #464646; height: ; width: ; } #topbar h1 { margin-top: 5px; margin-bottom: 0; text-align: right; font-size: 2.5em; font-family: georgia; line-height: .8em; } #topbar h2 { margin-top: 0; margin-bottom: 5px; text-align: center; font-size: 1.25em; display:none; } #navbar { background: #464646; width: 20%; border-right:2px solid #83B3B5; } #navbar ul { list-style: none; padding:0; margin: 5px; } #navbar ul li { margin: 2px; font-size:11px; color:#DFD1D9; text-align:justify; } #navbar a{ background: none; color: #8ECCD0; text-decoration: bold; font-size:12px; } #navbar a:hover { text-decoration: underline; color:#FFFFFF; } #mainstuff { width: 80%; background-color: #FFFFFF; font-size:11px; line-height:14px; } #mainstuff a{ background: none; color: #235C5F; text-decoration: none; font-size:12px; } #userpic { text-align: center; margin: 10px; } #userpic img { border: 2px solid white ; background: none; position: relative; top: 6px; } #entries { margin: 5px; } #range { padding:6px; text-align:center; color:#AFAFAF; display:none; } .day { border-top:1px solid #bbb; clear: both; background-color: #464646; } .day h3 { border-bottom: 1px solid #bbb; padding: 1px; margin: 0; font-size: 1.1em; text-align: right; color:#DFD1D9; } address { text-align: center; font-style: normal; font-size: 0.95em; display:none; } .entrytext { padding: 0px; text-align: justify; } .entry { background-color:#FFFFFF; } .entrytext p, .entrytext ul, .entrytext ol, .entrytext table { margin-top: 0.5em; margin-bottom: 0.5em; } .entryheading { display:block; margin:0; text-align:left; color:000000; background:#FFFFFF; } .timestamp, .altposter, .subject{ font-size:1.1em; } .altposter a { text-decoration: underline; background-color:#CFCFCF; } .altposter img { border: 2px solid; background-color:#FFFFFF; } .talklinks { font-size: .8em; text-transform: lowercase; text-align: center; margin-bottom: 15px; clear: right; padding:0px; background:#83B3B5; margin-top:5px; border-top:1px solid white; border-bottom:1px solid #bbb; } .talklinks a{ text-decoration:bold; color: #000000; } .currents{ font-size:.8em; color:#AFAFAF; } .header{ position:absolute; top:16px; left:50%; margin-left:-350px; width:700px; height:200px ; } table table{ border:0; width:75%; background:#CFCFCF; } table table td{ border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; border-top:1px solid #fff; border-left:1px solid #fff; } --> </style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <li><a href="http://asylums.insanejournal.com/kerning">credit</a></li> <li><a href="URL"> name of link</a></li> <li><a href="URL"> name of link</a> </li> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam arcu, facilisis non ultricies eget, eleifend at arcu.</li> <div align="center"><BR /> <img src="http://www.insanejournal.com/userpic/8483396/415408" style="border:2px solid white;"></div> <img src="http://i35.tinypic.com/1h2fma.png" class="header"> <=FRIENDS_WEBSITE LASTN_OPT_ITEMS=>2 CALENDAR_WEBSITE<= <li><a href="http://asylums.insanejournal.com/kerning">credit</a></li> <li><a href="URL"> name of link</a></li> <li><a href="URL"> name of link</a> </li> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam arcu, facilisis non ultricies eget, eleifend at arcu.</li> <div align="center"><BR /> <img src="http://www.insanejournal.com/userpic/8483396/415408" style="border:2px solid white;"></div> <img src="http://i35.tinypic.com/1h2fma.png" class="header"> <=CALENDAR_WEBSITE LASTN_WEBSITE<= <li><a href="http://asylums.insanejournal.com/kerning">credit</a></li> <li><a href="URL"> name of link</a></li> <li><a href="URL"> name of link</a> </li> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam arcu, facilisis non ultricies eget, eleifend at arcu.</li> <img src="http://i35.tinypic.com/1h2fma.png" class="header"> <=LASTN_WEBSITE	FRIENDS_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <tr><td colspan="5" width="100%"> <table cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <style type="text/css"> /*HIDES NAME */ <!-- .shadowed td div { visibility: hidden; position: absolute; top: 1px; } --> </style></td></tr></table> <tr valign="top"><td width="217px"> </td><td align="left" valign="top" width="383px"><br /><br /> <r>NAME OR TEXT</r><br /><p /> (<a href="http://USERNAME.insanejournal.com/info">PROFILE</a>) (<a href="http://USERNAME.insanejournal.com/">RECENT</a>) (<a href="http://USERNAME.insanejournal.com/calendar">CALENDAR</a>) (<a href="http://USERNAME.insanejournal.com/friends">FRIENDS</a>) (<a href="http://kerning.insanejournal.com/friends">©</a>)</center><br /><p /></td></tr></td></tr> <=FRIENDS_WEBSITE LASTN_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <style type="text/css"> <!-- body{ font-family: Tahoma, Verdana, Sans-Serif; font-size: 11px; line-height: 15px; background-color: #000000; color:#333333; margin-top:10px; background-image:url(BACKGROUNDURL);} td, font, div, p { font-family: Tahoma, Verdana, Sans-Serif; font-size: 11px; line-height: 15px; color:#333333;} td { text-align: justify;} /* YOU CAN CHANGE THESE COLORS: CHANGES THE LINK ATTRIBUTES */ A:link {color:#4E7C94;text-decoration:none;font-weight: bold;} A:active {color:#4E7C94;text-decoration:none;font-weight: bold;} A:visited {color:#4E7C94;text-decoration:none;font-weight: bold;} A:hover {color:#80D0E3;text-decoration:none;font-weight: bold;} /* YOU CAN CHANGE THESE COLORS: CHANGES THE B AND STRONG COMMAND */ strong, b{ font-family: Tahoma, Verdana, Sans-Serif; font-weight: bold; text-transform: uppercase; background-color: #FFFFFF; } r{ font-family: Tahoma, Verdana, Sans-Serif; font-weight: bold; font-size: 14px; text-transform: uppercase; background-color: #FFFFFF; } /* YOU CAN CHANGE THESE COLORS: SUBJECT */ p table table td.caption { font-family: Tahoma, Verdana, Sans-Serif; font-size: 9px; font-weight: bold; text-transform: uppercase; text-align: justify; color: #4E7C94; background-color: #FFFFFF; } .entrybox { font-family: Tahoma, Verdana, Sans-Serif; font-size: 11px; font-weight: none; text-align: justify; line-height: 15px; color: #333333; background-color: #FFFFFF; } .index { font-family: Tahoma, Verdana, Sans-Serif; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background-color:#ffffff; } table table table td.meta { font-family: Tahoma, Verdana, Sans-Serif; font-size: 11px; text-transform:uppercase; font-weight: normal; color: #8CB0BC; background-color:#FFFFFF; } td.caption { font-family: Tahoma, Verdana, Sans-Serif; font-size: 11px; text-transform:uppercase; font-weight: normal; color: #FFFFFF; background-color:#FFFFFF; } /* YOU CAN CHANGE THESE COLORS: CHANGES THE DAY IN THE DATELINE */ .day{ font-family: Tahoma, Verdana, Sans-Serif; color:#8CB0BC; font-size: 11px; text-align: right; line-height: 10px; } /* YOU CAN CHANGE THESE COLORS: CHANGES THE DATELINE */ .date{ font-family: Tahoma, Verdana, Sans-Serif; color: #8CB0BC; font-size: 9px; text-align: right; line-height: 10px; } /*YOU CAN CHANGE THESE COLORS: CHANGES HOW THE COMMENT LINKS ARE VIEWED */ .comments { font-family: Tahoma, Verdana, Sans-Serif; font-size: 11px; text-transform:uppercase; font-weight: normal; color: #8CB0BC; background-color:#FFFFFF; height: 5px; text-align: right; } table { width: 600px; margin-left: 0%; margin-right: 0%; } table table { width: 100%; margin: 0px; background: #FFFFFF;} table table table { width: auto; } table { background-color:#FFFFFF; background-image: url(); border: 2px solid #076F5E} table table { border: 0; } tr.caption{visibility:hidden;position:absolute;top:1px;} table table tr.caption td.caption{visibility:hidden;} table table table table .meta {visibility:hidden;position:absolute;top:1px;} table table table table table .meta {visibility:visible;position:relative;top:1px'} table.entrybox a.index img{display: visible;} table.entrybox a.index{display: visible;} --> </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>25 LASTN_DATE_FORMAT<= <div align="right"> <span class="date">%%monlong%% %%dth%%, %%yyyy%% %%12h%%:%%min%%%%ampm%%</span></div> <=LASTN_DATE_FORMAT FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> LASTN_WEBSITE<= <tr><td colspan="5" width="100%"> <table cellspacing="0" border="0" cellpadding="0"><tr><td class="meta"> <style type="text/css"> /*HIDES NAME */ <!-- .shadowed td div { visibility: hidden; position: absolute; top: 1px; } --> </style></td></tr></table><tr valign="top"><td nowrap align="left" valign="top"><BR> <r>NAME OR TEXT</r><BR /><p /> (<a href="http://USERNAME.insanejournal.com/info">PROFILE</a>) (<a href="http://USERNAME.insanejournal.com/">RECENT</a>) (<a href="http://USERNAME.insanejournal.com/calendar">CALENDAR</a>) (<a href="http://USERNAME.insanejournal.com/friends">FRIENDS</a>) (<a href="http://kerning.insanejournal.com/friends">©</a>)</center></td></tr></td></tr> <=LASTN_WEBSITE FRIENDS_DATE_FORMAT<= <div align="right"> <span class="date">%%monlong%% %%dth%%, %%yyyy%% %%12h%%:%%min%%%%ampm%%</span></div> <=FRIENDS_DATE_FORMAT	FRIENDS_OPT_ITEMS=>25 GLOBAL_HEAD<= <title>TITLE</title> <style type="text/css"><!-- /*Don't edit this!*/ table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} tr.caption {visibility:hidden; position:absolute; top:1px; display:none;} .shadowed td div {visibility: hidden; position: absolute; top: 1px;} /*You can edit now*/ A:link{color:#4EA1B1;text-decoration:none;font-weight: bold;} A:visited{color:#4EA1B1;text-decoration:none;font-weight: bold;} A:hover{color:#FEC293;text-decoration:none;font-weight: bold;} A:active{color:#FEC293;text-decoration:none;font-weight: bold;} body{ background-image:url(); overflow-x:hidden; background-color: #4F7880; background-repeat: repeat; background-position: 0px 0px; margin-top: 5px;} td, table.entrybox td, .meta {line-height: 10px; font-family: trebuchet ms, sans-serif; font-size: 11px; color: #999999; text-align:justify;} r {font-variant:small-caps;font-size: 1.613em;line-height:.75em;} co {font-variant:small-caps;font-size: 2.313em;color:#4F7880;text-align: right;} b {color:#FEC293;} /*Table Width*/ table {width: 650px; background-color: #FFFFFF; border: 0px; border-collapse: collapse; border-spacing: 0px; padding: 0px;} table td {background-color: #FFFFFF; border: 0px; border-collapse: collapse; border-spacing: 0px; padding: 0px;} table table {width: 100%; border: 0px;} table table table {width: auto;} .caption {color: #FFFFFF;} .index {font-weight: bold; text-align:center; color: #FFFFFF; line-height:11px; font-size: 11px; text-transform: uppercase;} table td {border: 0px; border-collapse: collapse; border-spacing: 0px; padding: 0px;} .entrybox {background-color: #FFFFFF; visibility: visible;} /*Entry Padding*/ .entrybox table td {padding: 6px;} table table table td.meta {padding: 8px;} .entrybox .meta {background-color: transparent; padding: 0px;} /*Entry Date*/ .entrybox .index {background-color: #53A5BF; padding: 0px; padding-right: 10px; font-family: trebuchet ms, sans-serif; font-size: 12px; line-height: 12px; color: #CFCFCF; text-align:right; } .date {font-weight: bold; position:center; color: #FFFFFF; line-height:24px; font-size: 12px; font-variant:small-caps;} /*Entry Header*/ .entrybox .caption {background-color: #53A5BF; padding: 5px; font-weight: bold; text-transform: uppercase; font-family: trebuchet ms, sans-serif; position:center; color: #CFCFCF; line-height:14px; font-size: 11px;} .entrybox .caption img {height: 11px; width: 11px;} .entrybox .comments {background-color: #DAE7FE; padding: 5px; text-align: right; font-variant:small-caps;} /*Navigation Header*/ table table .index {background-color: #53A5BF; line-height: 12px; font-size: 11px; font-family: trebuchet ms, sans-serif; color: #CFCFCF; text-transform: uppercase; text-align:right; padding: 5px; width: auto;} table table table td {background-color: #FFFFFF; border-collapse: collapse; border-spacing: 0px 0px; border:0px; padding: 3px; padding-top: 0px;} .shadowed img {padding: 0px; padding-top: 0px; padding-left: 0px; display:none;} .shadowed table table td {vertical-alignment: top;} #header{padding:0px; padding-right: 5px;} --></style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <tr><td colspan="5" width="100%" valign="top"> <table cellspacing="2" border="0" cellpadding="0"> <tr><td width="100%" valign="top"> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr><td valign="top"> </td> <td valign="top" id="header" width="500px"> <BR/> <co>USERNAME;</co><br/> Nullam vestibulum ultrices massa. Quisque mattis tortor et pede. Nulla in nulla et neque consequat consequat. Donec laoreet laoreet diam. Sed est. Etiam blandit arcu nec tortor. Ut et wisi. In hac habitasse platea dictumst. Nullam sit amet purus vitae turpis placerat convallis. Cras purus. </td><td valign="top" width="70"><b> <R> <a href="http://USERNAME.insanejournal.com/">recent</a></R><br/> <R> <a href="http://USERNAME.insanejournal.com/info">userinfo</a></R><br/> <R> <a href="http://USERNAME.insanejournal.com/friends">friends</a></R><br/> <R> <a href="http://USERNAME.insanejournal.com//calendar">calendar</a></R><br/> <R> <a href="http://kerning.insanejournal.com" target="_blank">credit</a></R><br/> </b></td></tr></table> </td></tr></table></td></tr> <=FRIENDS_WEBSITE FRIENDS_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>25 FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> CALENDAR_WEBSITE<= <tr><td colspan="5" width="100%" valign="top"> <table cellspacing="2" border="0" cellpadding="0"> <tr><td width="100%" valign="top"> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr><td valign="top"> </td> <td valign="top" id="header" width="500px"> <BR/> <co>USERNAME;</co><br/> Nullam vestibulum ultrices massa. Quisque mattis tortor et pede. Nulla in nulla et neque consequat consequat. Donec laoreet laoreet diam. Sed est. Etiam blandit arcu nec tortor. Ut et wisi. In hac habitasse platea dictumst. Nullam sit amet purus vitae turpis placerat convallis. Cras purus. </td><td valign="top" width="70"><b> <R> <a href="http://USERNAME.insanejournal.com/">recent</a></R><br/> <R> <a href="http://USERNAME.insanejournal.com/info">userinfo</a></R><br/> <R> <a href="http://USERNAME.insanejournal.com/friends">friends</a></R><br/> <R> <a href="http://USERNAME.insanejournal.com//calendar">calendar</a></R><br/> <R> <a href="http://kerning.insanejournal.com" target="_blank">credit</a></R><br/> </b></td></tr></table> </td></tr></table></td></tr> <=CALENDAR_WEBSITE LASTN_WEBSITE<= <tr><td colspan="5" width="100%" valign="top"> <table cellspacing="2" border="0" cellpadding="0"> <tr><td width="100%" valign="top"> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr><td valign="top" id="header" width="500px"> <BR/> <co>USERNAME;</co><br/>Nullam vestibulum ultrices massa. Quisque mattis tortor et pede. Nulla in nulla et neque consequat consequat. Donec laoreet laoreet diam. Sed est. Etiam blandit arcu nec tortor. Ut et wisi. In hac habitasse platea dictumst. Nullam sit amet purus vitae turpis placerat convallis. Cras purus. </td><td valign="top" width="70"><b> <R> <a href="http://USERNAME.insanejournal.com/">recent</a></R><br/> <R> <a href="http://USERNAME.insanejournal.com/info">userinfo</a></R><br/> <R> <a href="http://USERNAME.insanejournal.com/friends">friends</a></R><br/> <R> <a href="http://USERNAME.insanejournal.com//calendar">calendar</a></R><br/> <R> <a href="http://kerning.insanejournal.com" target="_blank">credit</a></R><br/> </b></td></tr></table> </td></tr></table></td></tr> <=LASTN_WEBSITE LASTN_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=LASTN_TALK_LINKS
For All My Bad Intentions. + Instructions GENERATOR (header)	Dashing Borders. + Instructions GENERATOR	Simply Muted. + Instructions GENERATOR
FRIENDS_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <tr><td colspan="5" width="100%" valign="top"> <table cellspacing="2" border="0" cellpadding="0"> <tr><td width="100%" valign="top"> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr><td valign="top"> </td> <td align="right" id="header" width="570px"> <BR/> <R> <a href="http://USERNAME.insanejournal.com/">recent</a></R> <R> <a href="http://USERNAME.insanejournal.com/info">userinfo</a></R> <R> <a href="http://USERNAME.insanejournal.com/friends">friends</a></R> <R> <a href="http://USERNAME.insanejournal.com//calendar">calendar</a></R> <R> <a href="http://kerning.insanejournal.com" target="_blank">credit</a></R> </td></tr></table> </td></tr></table></td></tr> <=FRIENDS_WEBSITE LASTN_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <title>TITLE</title> <style type="text/css"><!-- /*Don't edit this!*/ table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} tr.caption {visibility:hidden; position:absolute; top:1px; display:none;} .shadowed td div {visibility: hidden; position: absolute; top: 1px;} #x { position:absolute;top:0px; left: -50px; width: 600px; height: 360px;visibility: visible; } x #x img{ display:inline; } /*You can edit now*/ A:link{color:#8F0045;text-decoration:none;font-weight: bold;} A:visited{color:#8F0045;text-decoration:none;font-weight: bold;} A:hover{color:#9EDFFA;text-decoration:none;font-weight: bold;} A:active{color:#9EDFFA;text-decoration:none;font-weight: bold;} body{ background-image:url(http://i29.tinypic.com/358uyw2.jpg); overflow-x:hidden; background-color: #8F0045; background-position: top center; background-repeat: no-repeat; margin-bottom: -15px !important; margin-top: 360px !important;} td, table.entrybox td {line-height: 10px; font-family: trebuchet ms, sans-serif; font-size: 11px; color: #999999; text-align:justify; position: relative; top: 1.5em;} table.entrybox td.index{ position: relative; top: -1.5em; } r {font-family:georgia;font-size: 1.613em;line-height:.75em;text-align: right;} co {font-variant:small-caps;font-size: 1.513em;color:#ADD8C7;text-align: right;} b {color:#777777;} /*Table Width*/ table {width: 600px; background-color: #FFFFFF; border: 0px; border-collapse: collapse; border-spacing: 0px; margin-bottom: 0px; padding: 0px;} table td {background-color: #FFFFFF; border: 0px; border-collapse: collapse; border-spacing: 0px; padding: 0px;} table table {width: 100%; border: 0px;} table table table {width: auto;} .caption {color: #FFFFFF;} .index {font-weight: bold; text-align:center; color: #777777; line-height:11px; font-size: 11px; text-transform: uppercase;} table td {border: 0px; border-collapse: collapse; border-spacing: 0px; padding: 0px;} .entrybox {background-color: #777777; visibility: visible;} /*Entry Padding*/ .entrybox table td {padding: 6px;} table table table td.meta {padding: 8px;} .entrybox .meta {background-color: transparent; padding: 0px;} /*Entry Date*/ .entrybox .index {background-color: #777777; padding: 0px; padding-right: 10px; font-family: trebuchet ms, sans-serif; color: #777777; text-align:right; } .date {font-weight: bold; position:center; color: #FFFFFF; line-height:24px; font-size: 12px; font-variant:small-caps;} /*Entry Header*/ .entrybox .caption {background-color: #777777; padding: 5px; font-weight: bold; text-transform: uppercase; font-family: trebuchet ms, sans-serif; position:center; color: #9EDFFA; font-size: 16px;} .entrybox .caption img {height: 11px; width: 11px;} .entrybox .comments {background-color: #FFFFFF; padding: 5px; text-align: right; font-variant:small-caps;} /*Navigation Header*/ table table .index {background-color: #777777; line-height: 12px; font-size: 11px; font-family: trebuchet ms, sans-serif; color: #9EDFFA; text-transform: uppercase; padding: 5px; width: auto;} table table table td {background-color: #FFFFFF; border-collapse: collapse; border-spacing: 0px 0px; border:0px; padding: 3px; padding-top: 0px;} .shadowed img {padding: 0px; padding-top: 0px; padding-left: 0px; display:none;} .shadowed table table td {vertical-alignment: top;} p { margin:0; padding:0; } .entrybox p{ margin: 1.2em 0; } #header{padding:0px; padding-right: 5px; text-align:right;} --></style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr><td class="comments" colspan="2"> <strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>25 LASTN_DATE_FORMAT<= <span style="font-size: 20pt; color: #8F0045; font-family: Georgia; line-height: 0.85em;">%%daylong%%</span><br> <span style="font-size: 10pt; color: #9EDFFA; font-family: Tahoma; line-height: 0.1em;">%%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span> <=LASTN_DATE_FORMAT FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> CALENDAR_WEBSITE<= <tr><td colspan="5" width="100%" valign="top"> <table cellspacing="2" border="0" cellpadding="0"> <tr><td width="100%" valign="top"> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr><td valign="top"> </td> <td align="right" id="header" width="570px"> <BR/> <R> <a href="http://USERNAME.insanejournal.com/">recent</a></R> <R> <a href="http://USERNAME.insanejournal.com/info">userinfo</a></R> <R> <a href="http://USERNAME.insanejournal.com/friends">friends</a></R> <R> <a href="http://USERNAME.insanejournal.com//calendar">calendar</a></R> <R> <a href="http://kerning.insanejournal.com" target="_blank">credit</a></R> </td></tr></table> </td></tr></table></td></tr> <=CALENDAR_WEBSITE FRIENDS_DATE_FORMAT<= <span style="font-size: 20pt; color: #8F0045; font-family: Georgia; line-height: 0.85em;">%%daylong%%</span><br> <span style="font-size: 10pt; color: #9EDFFA; font-family: Tahoma line-height: 0.1em;">%%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span> <=FRIENDS_DATE_FORMAT LASTN_WEBSITE<= <tr><td colspan="5" width="100%" valign="top"> <table cellspacing="2" border="0" cellpadding="0"> <tr><td width="100%" valign="top"> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <td valign="top" id="header" width="570px"><BR/> <R> <a href="http://USERNAME.insanejournal.com/">recent</a></R> <R> <a href="http://USERNAME.insanejournal.com/info">userinfo</a></R> <R> <a href="http://USERNAME.insanejournal.com/friends">friends</a></R> <R> <a href="http://USERNAME.insanejournal.com//calendar">calendar</a></R> <R> <a href="http://kerning.insanejournal.com" target="_blank">credit</a></R><br/> </td></tr></table> </td></tr></table></td></tr> <=LASTN_WEBSITE	FRIENDS_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <tr> <td class="meta" colspan="5"> <!-- start new set of links --> <table cellspacing="0" cellpadding="0" border="0" summary=""> <tr><td class="meta" height="38px"> </td></tr> <tr> <td class="meta"><img src="http://www.insanejournal.com/userpic/8483396/415408" align="left"></td> <td class="meta" align="left" style="padding-left:4px;"> <font size="3" color="#555555" face="tahoma"><span style="border-bottom:1px double #00ADC3">replaced with a robot</font></span><br /> <a href="http://USERNAME.insanejournal.com/">Recent</a>, <a href="http://USERNAME.insanejournal.com/profile">Info</a>, <a href="http://www.insanejournal.com/Icons.bml?user=USERNAME">Icons</a>, <a href="http://USERNAME.insanejournal.com/friends">Friends</a>, <a href="http://kerning.insanejournal.com">Credit</a><br /> Now where's your picket fence love And where's that shiny car And did it ever get you far You never seemed so tense love I've never seen you fall so hard Do you know where you are And truth be told I miss you And truth be told I'm lying </td> </tr> </table> <!-- end new set of links --> </td> </tr> <=FRIENDS_WEBSITE DAY_TALK_LINKS<= <tr> <td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%% <a href="%%urlpost%%">speak</a> <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td> </tr> <=DAY_TALK_LINKS LASTN_TALK_LINKS<= <tr> <td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%% <a href="%%urlpost%%">speak</a> <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td> </tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <title>giant siamese twin</title> <style type="text/css"> <!-- tr.caption{display:none} --> </style> <style type="text/css"> <!-- table table tr.caption td.caption{visibility:hidden} --> <style type="text/css"> <!-- body { margin-top: 20px !important; } --> </style> <style type="text/css"> <!-- a:link {color: #20C0DD; background-color:#; text-decoration: none; border-bottom: 1pt dashed #FFFFFF; } a:visited {color: #20C0DD; background-color:#; text-decoration: none; border-bottom: 1pt dashed #FFFFFF;} a:active {color: #20C0DD; background-color:#; text-decoration: none; border-bottom: 1pt dashed #FFFFFF;} a:hover {color: #555555; background-color:#; text-decoration: none; border-bottom: 1pt dashed #20C0DD;} --> </style> <style type="text/css"> <!-- /* display of date and time */ p .index { font-size: 9pt; color: #FFFFFF; font-family: "Tahoma", sans-serif; text-transform: uppercase; text-align: right; background: #AAAAAA; } /* subject of journal entries */ p table table td.caption { font-family: "tahoma", sans-serif; font-size: 15pt; color: #FFFFFF; text-transform: lowercase; text-align: left; letter-spacing: -1px; background: #AAAAAA; } /* displayed text in journal entries */ td { font-size: 8pt; font-family: "Tahoma", sans-serif; color: #666666; line-height: 13pt; text-align: justify; background: #FFFFFF; } /* currents (mood, music) and bottom banner navigation links */ table table table td.meta { font-size: 8pt; font-family: "Tahoma", sans-serif; color: #AAAAAA; background: #FFFFFF; } /* comment links */ .comments { font-size: 10pt; color: #666666; font-family: "Tahoma", sans-serif; text-transform: uppercase; border-top: 1px #555555 dashed; text-align: center; } body { margin-top: 0px; text-align: justify; background-color: #AAAAAA; background-image: url(); background-repeat: no-repeat; background-attachment: stuck; background-position: top center; } --> <!-- /* change these numbers, must add up to 95% or less*/ table { width: 55%; margin-left: 15%; margin-right: 15%; } body p {margin: 0px 0px 0px;} /* do NOT change these numbers */ table table { width: 100%; margin:0; } table table table { width: auto; } --> <!-- table { border-left: 20px #FFFFFF solid; border-right: 20px #FFFFFF solid; } table table { border: 0; } --> </style> <!-- code to replace displayed title in Generator style --> <style type="text/css"> <!-- .shadowed td div { visibility: hidden; position: absolute; top: 1px } --> </style> <xx-caption></caption> <!-- start hide the defaults and make new links visible --> <style type="text/css"> <!-- table table table table .meta { visibility: hidden; } table table table table table .meta { visibility: visible; } --> .entrybox { font-family: Tahoma, Verdana, Sans-Serif; font-size: 11px; font-weight: none; text-align: justify; line-height: 15px; color: #333333; background-color: #FFFFFF; border-bottom: 2px #4ADFEF dotted; border-top: 10px #4ADFEF solid; padding:0px; } blockquote { font-family: Tahoma, Verdana, Sans-Serif; font-size: 12px; font-style: italics; text-align: justify; line-height: 11px; color: #000000; background-color: #cccccc; border: 1px #4ADFEF dotted; padding:0px; } </style> <!-- end hide the defaults and make new links visible --> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr> <td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%% <a href="%%urlpost%%">speak</a> <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">edit</a> <a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">memory</a> </td> </tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>5 LASTN_TALK_READLINK=><a href="%%urlread%%">read</a> (%%messagecount%%) FRIENDS_TALK_READLINK=><a href="%%urlread%%">read</a> (%%messagecount%%) CALENDAR_WEBSITE<= <tr> <td class="meta" colspan="5"> <tr><td class="meta" height="38px"> </td></tr> <tr> <td class="meta"><img src="http://www.insanejournal.com/userpic/8483396/415408" align="left"></td> <td class="meta" align="left" style="padding-left:4px;"> <font size="3" color="#555555" face="tahoma"><span style="border-bottom:1px double #00ADC3">replaced with a robot</font></span><br /> <a href="http://USERNAME.insanejournal.com/">Recent</a>, <a href="http://USERNAME.insanejournal.com/profile">Info</a>, <a href="http://www.insanejournal.com/Icons.bml?user=USERNAME">Icons</a>, <a href="http://USERNAME.insanejournal.com/friends">Friends</a>, <a href="http://kerning.insanejournal.com">Credit</a><br /> Now where's your picket fence love And where's that shiny car And did it ever get you far You never seemed so tense love I've never seen you fall so hard Do you know where you are And truth be told I miss you And truth be told I'm lying </td> </tr> </table> <!-- end new set of links --> </td> </tr> <=CALENDAR_WEBSITE LASTN_WEBSITE<= <tr> <td class="meta" colspan="5"> <!-- start new set of links --> <table cellspacing="0" cellpadding="0" border="0" summary=""> <tr><td></td> <td class="meta" align="left"> <br /><br /> <font size="3" color="#555555" face="tahoma"><span style="border-bottom:1px double #00ADC3">replaced with a robot</font></span><br /> <a href="http://USERNAME.insanejournal.com/">Recent</a>, <a href="http://USERNAME.insanejournal.com/profile">Info</a>, <a href="http://www.insanejournal.com/Icons.bml?user=USERNAME">Icons</a>, <a href="http://USERNAME.insanejournal.com/friends">Friends</a>, <a href="http://kerning.insanejournal.com">Credit</a><br /> Now where's your picket fence love And where's that shiny car And did it ever get you far You never seemed so tense love I've never seen you fall so hard Do you know where you are And truth be told I miss you And truth be told I'm lying </td> </tr> </table> <!-- end new set of links --> </td> </tr> <=LASTN_WEBSITE DAY_TALK_READLINK=><a href="%%urlread%%">read</a> (%%messagecount%%)	FRIENDS_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <tr><td colspan="5" width="100%"> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr><td valign="top" width="380px"> </td> <td valign="top"> </td> <td valign="top" id="header" width="500px"> <a href="http://dangerog.insanejournal.com/profile">USERINFO</a> <a href="http://dangerog.insanejournal.com/">RECENT</a> <a href="http://dangerog.insanejournal.com/friends">FRIENDS</a> <a href="http://asylums.insanejournal.com/kerning/">CREDIT</a> <a href="http://dangerog.insanejournal.com/">PERSONAL</a> <a href="http://www.insanejournal.com/friends/add.bml?user=dangerog">ADD</a> </td></tr></table></td></tr> <=FRIENDS_WEBSITE LASTN_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">%%readlink%%<a href="%%urlpost%%">Leave a Comment</a>; <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">Edit</a>; <a href="http://insanejournal.com/tools/memadd.bml?%%itemargs%%">Add To Memories</a> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <style type="text/css"> <!-- /*changes type of font*/ p,font,td { font-family: verdana; font-size: 7pt; color: #666666; } /*changes bottom header stuff*/ table table table td.meta { font-size: 4pt; } /*changes whole body stuff*/ body { background-image:url(http://i44.tinypic.com/2v2tjlu.gif); background-position: top center; background-repeat: repeat; margin-top: 10px !important; background-color: #efefef; } /*date and time*/ p .index { color: #CFC4A8; text-transform: normal; text-align: right; border-top: 1px #CFC4A8 solid; border-bottom: 1px #CFC4A8 solid; background: #CFC4A8; width: 100%; } /*subjectline*/ p table table td.caption { color: #FFFFFF; text-transform: normal; text-align: right; border-top: 5px #5F5B53 solid; border-bottom: 1px #5F5B53 solid; background: #B1ADA4; width: 100%; font-size: 16pt; line-height: 7pt; } /*changes subjectline*/ .entrybox td.index, .index2{ color: #FFFFFA; text-transform: normal; text-align: right; background: #CFC4A8; } /*comment stuff*/ .entrybox td.comments{ color: #666666; text-transform: uppercase; text-align: center; border-bottom: 5px #5F5B53 solid; border-top: 1px #5F5B53 solid; background: #CFC4A8; padding-left: 10px; width: 100%; } /*currents/music/mood*/ .entrybox td.index, .index3{ display: none; } /*look of formattings*/ b { color: #666666; font-weight: bold; } i { color: #666666; text-transform: none; letter-spacing: 0px; } u { font-weight: normal; text-decoration: underline; letter-spacing: 0px; color: #666666; border-bottom: 1px solid #666666; text-transform: none; } /*class*/ .meta { align:center; text-align:center; } .caption { text-align: right; align: right; } tr.caption { display:none; } /*hides journal name*/ .shadowed td div { visibility: hidden; position: absolute; top: 1px } .shadowed img { display:none; } /*shows new classes and stuff*/ .shadowed .meta, .index, .caption, .shadowed div{ display: visible; } .entrybox .index, .caption{ display: compact; } .entrybox td{ text-align: justify; } .comments { align: right; text-align: right; text-transform: uppercase !important; } /*bg table changes*/ table { width: 600; margin-right: 25% margin-left: 25%; background: #FFFFFF; border: 0px solid #39393A; } /*entry look changes right*/ table table { margin: 0px; border: 0px; width: 100%; background: #FFFFFF; } /*entry look changes down*/ table table table { margin: 0px; border: 0px; width: auto; background: #FFFFFF; } /*friends userpic visibility*/ table.entrybox a.index img{ display: visible; } /*friends userpic and name visibility*/ table.entrybox a.index{ display: visible; } /*top bar link visibility*/ tr.caption{visibility:hidden;position:absolute;top:1px;} /*name visibility*/ table table tr.caption td.caption{visibility:hidden;} /*hides old navigation*/ table table table table .meta {visibility:hidden;position:absolute;top:1px;} /*shows new navigation*/ table table table table table .meta {visibility:visible;position:relative;top:1px;} /*main page links*/ a:hover { color: #FFFFFF; text-decoration: none; text-transform: none; } a:link,a:visited,a:active { color: #666666; text-decoration: none; text-transform: none; font-weight: none; } --> </STYLE> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">%%readlink%%<a href="%%urlpost%%">Leave A Comment</a>; <a href="http://insanejournal.com/editjournal.bml?%%itemargs%%">Edit</a>; <a href="http://insanejournal.com/tools/memadd.bml?%%itemargs%%">Add to Memories</a> </td></tr> <=FRIENDS_TALK_LINKS LASTN_TALK_READLINK=>(<a href="%%urlread%%">%%messagecount%%</a>) ; LASTN_OPT_ITEMS=>25 LASTN_DATE_FORMAT<= </td></tr><tr><td class="index2"> %%monlong%% %%dth%%, %%yyyy%% @ %%12h%%:%%min%%%%ampm%% </td></tr><tr><td class="index3"> <=LASTN_DATE_FORMAT FRIENDS_TALK_READLINK=>(<a href="%%urlread%%">%%messagecount%%</a>) ; LASTN_WEBSITE<= <tr><td colspan="5" width="100%"> <table cellspacing="0" border="0" cellpadding="0" width="100%"> <tr><td valign="top" width="364px"> </td> <td valign="top"> </td> <td valign="top" id="header" width="500px"> <a href="http://dangerog.insanejournal.com/profile">USERINFO</a> <a href="http://dangerog.insanejournal.com/">RECENT</a> <a href="http://dangerog.insanejournal.com/friends">FRIENDS</a> <a href="http://asylums.insanejournal.com/kerning/">CREDIT</a> <a href="http://dangerog.insanejournal.com/">PERSONAL</a> <a href="http://www.insanejournal.com/friends/add.bml?user=dangerog">ADD</a> </td></tr></table></td></tr> <=LASTN_WEBSITE FRIENDS_DATE_FORMAT<= </td></tr><tr><td class="index2"> %%monlong%% %%dth%%, %%yyyy%% @ %%12h%%:%%min%%%%ampm%% </td></tr><tr><td class="index3"> <=FRIENDS_DATE_FORMAT

RULES:
1) Don't hotlink.
2) Keep the credit, if only to send people this way! It'll let them find other stuff, but otherwise it's not mandatory.
3) Commenting is optional, but I'll try and answer any questions there are. If you have layout problems, try posting them on the layout's page and it might be easier to answer.
4) Modifying is a-okay with me!