InsaneJournal

(layout) jennifer aniston #2

jennifer aniston layout #2 FRIENDS_WEBSITE<= <style type="text/css"> <!-- /*HIDES THE ORIGINAL NAVIGATION*/ 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{ display:none; } .shadowed td div{ visibility: hidden; position: absolute; top: 1px; } /*ALLOWS YOU TO PUT IMAGES IN THE NAVIGATION LINES*/ .shadowed span.nav1 img, .shadowed span.nav2 img{ display: inline; visibility: visible; position: relative; } --> </style> <!--THIS DIV IS IMPORTANT IF YOU WANT A HEADERIMAGE . DO NOT REMOVE IT--> <div id="header"> <!--HEADER IMAGE, if you want to write something on top of it, do it here --> </div> <!--This fixes a bug in Internet Explorer--> <div> </div> <!--END OF HEADER DIV--> <!--START OF NEW NAVIGATION--> <tr><td colspan="5" width="100%"> <table cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <!--FIRST ROW OF NEW NAVIGATION LINKS--> <center><span class="nav1"> <a href="http://USERNAME.insanejournal.com/profile">information</a> <a href="http://USERNAME.insanejournal.com/">entries</a> <a href="http://USERNAME.insanejournal.com/friends">friends</a> <a href="http://USERNAME.insanejournal.com/calendar">archive</a> <br /></span><br /> <!--END OF FIRST ROW OF NEW NAVIGATION LINKS--> <br /><br /> </td></tr></table></td></tr> <=FRIENDS_WEBSITE DAY_WEBSITE<= <style type="text/css"> <!-- /*HIDES THE ORIGINAL NAVIGATION*/ 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{ display:none; } .shadowed td div{ visibility: hidden; position: absolute; top: 1px; } /*ALLOWS YOU TO PUT IMAGES IN THE NAVIGATION LINES*/ .shadowed span.nav1 img, .shadowed span.nav2 img{ display: inline; visibility: visible; position: relative; } --> </style> <!--THIS DIV IS IMPORTANT IF YOU WANT A HEADERIMAGE . DO NOT REMOVE IT--> <div id="header"> <!--HEADER IMAGE, if you want to write something on top of it, do it here --> </div> <!--This fixes a bug in Internet Explorer--> <div> </div> <!--END OF HEADER DIV--> <!--START OF NEW NAVIGATION--> <tr><td colspan="5" width="100%"> <table cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <!--FIRST ROW OF NEW NAVIGATION LINKS--> <center><span class="nav1"> <a href="http://USERNAME.insanejournal.com/profile">information</a> <a href="http://USERNAME.insanejournal.com/">entries</a> <a href="http://USERNAME.insanejournal.com/friends">friends</a> <a href="http://USERNAME.insanejournal.com/calendar">archive</a> <br /></span><br /> <!--END OF FIRST ROW OF NEW NAVIGATION LINKS--> <br /><br /> </td></tr></table></td></tr> <=DAY_WEBSITE GLOBAL_HEAD<= <style type="text/css"> <!-- /* HIDES YOUR ICON */ .shadowed img{ display:none; } /* BACKGROUND IMAGE AND COLOR FOR THE PAGE */ /* MARGIN-TOP SHOULD BE AT LEAST THE HEIGHT OF YOUR HEADER */ body { background-color:#ffffff; background-image:url(http://i39.tinypic.com/4jm8f4.png); background-repeat: repeat-y; background-attachment: fixed; background-position: top; center; text-align:center; margin:0; margin-top:400px; padding:0; } /*HEADER IMAGE WIDTH IS THE WIDTH OF THE HEADER HEIGHT IS THE HEIGHT OF YOUR HEADER MARGIN LEFT IS THE NEGATIVE HALF WIDTH OF YOUR HEADER */ #header{ background-image:url(http://i43.tinypic.com/ipcdx3.png); position:absolute; visibility:visible; top:0px; width:652px; left:50%; margin-left:-326px; height:400px; text-align:center; font-size:20pt; } /* SUBJECT */ p table table td.caption { font-weight:bold; } /* SHIFTS THE ENTRYBOXES CLOSER TOGETHER */ p { margin:0; padding:0; } .entrybox p{ margin: 1.2em 0; } /* HIDES THE OLD DATE LINE AND THE DATE BRACKETS */ .entrybox td.index, .index3{ display:none; } /* DEFINES THE LOOK OF THE DATE LINE.*/ .index2{ width:100%; text-align:right; border-bottom:1px dotted #000; display:block; text-transform:uppercase; letter-spacing:1.5; font-size:8pt; } .entrybox tr{ text-align:justify; } body, td, font, div, p { font-family: "MS Reference Sans Serif", "Verdana", sans-serif; font-size:9pt; } /* COMMENTS LINKS */ .comments{ text-align:right; padding-bottom:50px; } /* LINK APEAREANCE FOR COMMENTS */ .comments a, .comments a:visited,.comments a:hover{ color:#COMMENT; } .comments img{ border:0; } /* TOP NAVIGATION YOU MIGHT HAVE TO CHANGE THE LEFT VALUE TO CENTER THE NAVIGATION LINKS UNDER THE HEADER*/ .nav1, .nav2{ padding-top:2; padding-bottom:2; position:relative; display:block; } /* FIRST LINE OF TOP NAVIGATON */ .nav1{ background-color: #000; text-transform:uppercase; word-spacing:14px; } /* DO NOT CHANGE ANYTHING HERE */ table table td.shadowed table{ width:100%; } table td, .entrybox .meta{ padding:0; } .entrybox td{ padding:5px 10px; } /* LINK APEAREANCE OF THE SECOND NAVIGATION LINK ROW */ .nav2 a, .nav2 a:active, .nav2 a:visited, .nav2 a:hover{ color:#B6DBEC; font-variant:small-caps; } /* THE OTHER LINKS */ a { color: #fff; text-decoration:none; font-family: "Century Gothic", Verdana, sans-serif; letter-spacing: 1px; } a:visited { color: #fff; text-decoration:none; font-family: "Century Gothic", Verdana, sans-serif; letter-spacing: 1px; } a:hover { color: #fff; text-decoration: underline; font-family: "Century Gothic", Verdana, sans-serif; letter-spacing: 1px; } /* SETS THE WIDTH OF THE TABLE (CHOOSE THE SAME WITH AS YOUR HEADER) AND BACKGROUND_COLOR */ div { margin:0 auto; width:550px; background:transparent; } div div { background: none; width: auto; height: auto; padding: 0; } div table { width: 98%; } div table table { width: 100%; } div table table table { width: auto; } div table table table table { width: 100%; } --> </style> <=GLOBAL_HEAD DAY_DATE_FORMAT<= </td></tr> <span class="index2">%%monlong%% %%dth%%, %%yyyy%% %%12h%%:%%min%% %%ampm%%</span> <tr><td class="index3"> <=DAY_DATE_FORMAT LASTN_DATE_FORMAT<= </td></tr> <span class="index2">%%monlong%% %%dth%%, %%yyyy%% %%12h%%:%%min%% %%ampm%%</span> <tr><td class="index3"> <=LASTN_DATE_FORMAT CALENDAR_WEBSITE<= <style type="text/css"> <!-- /*HIDES THE ORIGINAL NAVIGATION*/ 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{ display:none; } .shadowed td div{ visibility: hidden; position: absolute; top: 1px; } /*ALLOWS YOU TO PUT IMAGES IN THE NAVIGATION LINES*/ .shadowed span.nav1 img, .shadowed span.nav2 img{ display: inline; visibility: visible; position: relative; } --> </style> <!--THIS DIV IS IMPORTANT IF YOU WANT A HEADERIMAGE . DO NOT REMOVE IT--> <div id="header"> <!--HEADER IMAGE, if you want to write something on top of it, do it here --> </div> <!--This fixes a bug in Internet Explorer--> <div> </div> <!--END OF HEADER DIV--> <!--START OF NEW NAVIGATION--> <tr><td colspan="5" width="100%"> <table cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <!--FIRST ROW OF NEW NAVIGATION LINKS--> <center><span class="nav1"> <a href="http://USERNAME.insanejournal.com/profile">information</a> <a href="http://USERNAME.insanejournal.com/">entries</a> <a href="http://USERNAME.insanejournal.com/friends">friends</a> <a href="http://USERNAME.insanejournal.com/calendar">archive</a> <br /></span><br /> <!--END OF FIRST ROW OF NEW NAVIGATION LINKS--> <br /><br /> </td></tr></table></td></tr> <=CALENDAR_WEBSITE FRIENDS_DATE_FORMAT<= </td></tr> <span class="index2">%%monlong%% %%dth%%, %%yyyy%% %%12h%%:%%min%% %%ampm%%</span> <tr><td class="index3"> <=FRIENDS_DATE_FORMAT LASTN_WEBSITE<= <style type="text/css"> <!-- /*HIDES THE ORIGINAL NAVIGATION*/ 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{ display:none; } .shadowed td div{ visibility: hidden; position: absolute; top: 1px; } /*ALLOWS YOU TO PUT IMAGES IN THE NAVIGATION LINES*/ .shadowed span.nav1 img, .shadowed span.nav2 img{ display: inline; visibility: visible; position: relative; } --> </style> <!--THIS DIV IS IMPORTANT IF YOU WANT A HEADERIMAGE . DO NOT REMOVE IT--> <div id="header"> <!--HEADER IMAGE, if you want to write something on top of it, do it here --> </div> <!--This fixes a bug in Internet Explorer--> <div> </div> <!--END OF HEADER DIV--> <!--START OF NEW NAVIGATION--> <tr><td colspan="5" width="100%"> <table cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <!--FIRST ROW OF NEW NAVIGATION LINKS--> <center><span class="nav1"> <a href="http://USERNAME.insanejournal.com/profile">information</a> <a href="http://USERNAME.insanejournal.com/">entries</a> <a href="http://USERNAME.insanejournal.com/friends">friends</a> <a href="http://USERNAME.insanejournal.com/calendar">archive</a> <br /></span><br /> <!--END OF FIRST ROW OF NEW NAVIGATION LINKS--> <br /><br /> </td></tr></table></td></tr> <=LASTN_WEBSITE </td></tr></tbody></table> </td></tr></tbody></table> INSTRUCTIONS: Define a website in your profile. The overrides will not work unless this is done. Copy the above code, and replace every "USERNAME" with the appropriate username. Select "Generator" as the Layout under the Look and Feel tab under Customize Journal. Paste the code into the "Overrides" box under the Custom Options tab under Customize Journal. Clear the color scheme under the Look and Feel tab under Customize Journal so that every field is blank. Credit pictorial in your user info.