Layouts for Insanejournal

Live Preview: fireworks_1
/*Layout by ~lace_and_cream via ~abeautifulmind with help from ~chestnutgallery for the sidebars! */ FRIENDS_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255"> <br><br><font color="#ffffff">BLURB ABOUT YOU<br><br></div> </div> <div id="sidebar2"> <center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li> <li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li> <li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li> <li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li> <li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br> <img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=FRIENDS_WEBSITE DAY_TALK_LINKS<= <tr><td class="comments" colspan="2"><br><div id="footer"> <a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> ) </div> </td></tr> <=DAY_TALK_LINKS DAY_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="290"> <br><br><font color="#ffffff">BLURB ABOUT YOU8.<br><br></div> <div id="sidebar2"> <center> <center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li> <li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li> <li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li> <li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li> <li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br> <img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=DAY_WEBSITE LASTN_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"><br><div id="footer"> <a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> ) </div> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <title>JOURNAL TITLE</title> <style> <!-- body { background-color: #000000; font-family: tahoma; font-size: 8pt; color: #ffffff; line-height: 15pt; margin:0; overflow-x:hidden; background-image:url("http://24.media.tumblr.com/tumblr_ly8fak7OBI1r0zazpo1_500.jpg"); positon:bottom-left; repeat:no-repeat;} BODY, TD { text-align: justify;} table, tr, xmp, div, td, p { text-align: justify;} .shadowed img{display:none; } table table table table .meta {visibility:hidden;position:absolute;top:1px} table table table table table .meta {visibility:visible;position:relative;top:1px} table table .index {background-color: #777777; line-height: 4pt; font-size: 9pt; font-family: georgia, serif; color: #FFFFFF; text-align: center; padding: 0px; width: auto; } /* MAIN JOURNAL */ div{ position:relative; overflow:auto; width:580px; height:430px; margin-left:240px; top:1px; } /* DO NOT TOUCH!! */ div div{ width:auto; height:auto; overflow:hidden; margin-left:0; left:0; top:0; } table{ width:100%; } table table{ width:100%; } table table table{ width:auto; } table table table td.meta {padding: 1px; line-height: 4pt; font-size: 7pt;} .entrybox .meta {background-color: #777777; text-align:center; } tr.caption{display:none } .shadowed td div{ visibility: hidden; position: absolute; top: 1px } /*YOUR SIDEBAR*/ #sidebar{ position:fixed !important; _position:absolute; top: 0px !important; left: 820px !important; width: 255px !important; padding: 2px; height: 100%; background-color: #000000; visibility: visible; z-index:1; font-family: verdana; font-size: 8pt; color: #ffffff; line-height: 10pt; } html>body #sidebar{ position:fixed !important; position:absolute; top: 0px !important; left: 820px !important; height: auto; font-family: verdana font-size: 1em; color: #ffffff; width: 255px;} #sidebar img{display:inline; } /*YOUR SIDEBAR*/ #sidebar2{ position:fixed !important; _position:absolute; top: 0px !important; left: 0px !important; width: 240px !important; height: 100%; visibility: visible; z-index:1; background-color: #000000; font-family: verdana; font-size: 8pt; letter-spacing: 1px; line-height: 9pt; color: #ffffff;} html>body #sidebar2{ position:fixed !important; _position:absolute; top: 0px !important; left: 0px !important; width: 240px !important; height: auto; visibility: visible; z-index:1; background-color: #000000; font-family: verdana; font-size: 8pt; letter-spacing: 1px; line-height: 9pt; color: #ffffff; } #sidebar2 img{display:inline; } #footer{ text-align:right; font-size: 5pt; font-family: helvetica; letter-spacing: 1px; } /*YOUR ENTRIES*/ table, tr, td, .shadowed { background-color: #777777; font-family: sans-serif; font-size: 8pt; color: #ffffff; line-height: 10pt; margin-left:240px; width:400px; } body {margin-top:-40px !important; margin-top:-15px; } .content {background-color: #FFFFFF; } table { width: 560px; margin-right:100%; font-family: tahoma; font-size: 8pt; color: #ffffff; line-height: 15pt; margin-left:1px !important; margin-top:0px; overflow-x:hidden; margin-right:0px;} table table {width:100% !important; margin:0 !important; background-color:#777777;} table table table {width:auto !important; background-color:transparent;} table td {border:0px solid #777777;} table, table table td {border:none; padding:1px; background-color: #777777;} .shadowed img /* icons */ {color:#ff0000; border:1px;} .entrybox /* entry border */ {border:0px solid #777777; } .entrybox .index /* hiding bracket */ {color:#777777; } a:link, a:active, a:visited{color: #7FFF00; text-decoration:none} a:hover{color:#ffff33; background-color:#000000} td.caption, .subject { background-color: #777777; font-family: "times new roman", georgia; font-size:25px; color: #1E1C1C; line-height:25px; letter-spacing: 0px; text-align: right; font-family: georgia, serif; } p table table td.caption, .head{ line-height:25px; font-size: 20px; letter-spacing: 0px; text-align: right; font-family: georgia, serif; } .comments { font-size:5pt; font-family:"georgia"; text-transform:uppercase; letter-spacing: 2px; } .entrybox td.index, .index3 {display: none;} .index2 {font-style:normal; } ul { list-style-type: none; padding: 0; margin: 0; text-align: center; width: 210px; background-color:#000000; color:#ffff33; } li {display:block; background-color: #000000; text-decoration: none; margin: 0 0 .2em 0; width: 210px; color: #ffff33;} li a:link, li a:visited { display: block; background-color: #000000; color: #ffff33; text-decoration: none; width: 210px} li a:hover { background-color: #000000; color: #ffff33; width: 210px;} --> </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"><br><div id="footer"> <a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> ) </div> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>8 CALENDAR_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255"> <br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div> <div id="sidebar2"><center> <center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li> <li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li> <li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li> <li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li> <li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br> <img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=CALENDAR_WEBSITE LASTN_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255"> <br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div> <div id="sidebar2"> <center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li> <li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li> <li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li> <li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li> <li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br> <img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div><!--This fixes a bug in Internet Explorer--> <div> </div> <=LASTN_WEBSITE


Static Preview

Live Example, non scrollable entries: fireworks_2 & lace_and_cream
/*Layout by ~lace_and_cream of ~abeautifulmind with help from ~chestnutgallery for sidebars */ FRIENDS_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255"> <br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div> </div> <div id="sidebar2"> <center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li> <li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li> <li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li> <li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li> <li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br> <img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=FRIENDS_WEBSITE DAY_TALK_LINKS<= <tr><td class="comments" colspan="2"><br><div id="footer"> <a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> ) </div> </td></tr> <=DAY_TALK_LINKS DAY_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="290"> <br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div> <div id="sidebar2"> <center> <center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li> <li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li> <li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li> <li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li> <li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br> <img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=DAY_WEBSITE LASTN_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"><br><div id="footer"> <a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> ) </div> </td></tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <title>JOURNAL TITLE</title> <style> <!-- body { background-color: #000000; font-family: tahoma; font-size: 8pt; color: #ffffff; line-height: 15pt; margin:0; overflow-x:hidden; background-image:url("http://24.media.tumblr.com/tumblr_ly8fak7OBI1r0zazpo1_500.jpg"); positon:bottom-left; repeat:no-repeat;} BODY, TD { text-align: justify;} table, tr, xmp, div, td, p { text-align: justify;} .shadowed img{display:none; } table table table table .meta {visibility:hidden;position:absolute;top:1px} table table table table table .meta {visibility:visible;position:relative;top:1px} table table .index {background-color: #777777; line-height: 4pt; font-size: 9pt; font-family: georgia, serif; color: #FFFFFF; text-align: center; padding: 0px; width: auto; } table table table td.meta {padding: 1px; line-height: 4pt; font-size: 7pt;} .entrybox .meta {background-color: #777777; text-align:center; } tr.caption{display:none } .shadowed td div{ visibility: hidden; position: absolute; top: 1px } /*YOUR SIDEBAR*/ #sidebar{ position:fixed !important; _position:absolute; top: 0px !important; left: 820px !important; width: 255px !important; padding: 2px; height: 100%; background-color: #000000; visibility: visible; z-index:1; font-family: verdana; font-size: 8pt; color: #ffffff; line-height: 10pt; } html>body #sidebar{ position:fixed !important; position:absolute; top: 0px !important; left: 820px !important; height: auto; font-family: verdana font-size: 1em; color: #ffffff; width: 255px;} #sidebar img{display:inline; } /*YOUR SIDEBAR*/ #sidebar2{ position:fixed !important; _position:absolute; top: 0px !important; left: 0px !important; width: 240px !important; height: 100%; visibility: visible; z-index:1; background-color: #000000; font-family: verdana; font-size: 8pt; letter-spacing: 1px; line-height: 9pt; color: #ffffff;} html>body #sidebar2{ position:fixed !important; _position:absolute; top: 0px !important; left: 0px !important; width: 240px !important; height: auto; visibility: visible; z-index:1; background-color: #000000; font-family: verdana; font-size: 8pt; letter-spacing: 1px; line-height: 9pt; color: #ffffff; } #sidebar2 img{display:inline; } #footer{ text-align:right; font-size: 5pt; font-family: helvetica; letter-spacing: 1px; } /*YOUR ENTRIES*/ table, tr, td, .shadowed { background-color: #777777; font-family: sans-serif; font-size: 8pt; color: #ffffff; line-height: 10pt; margin-left:240px;} body {margin-top:-40px !important; margin-top:-15px; } .content {background-color: #FFFFFF; } table { width: 580px; margin-left:240px !important; margin-right:100%; font-family: tahoma; font-size: 8pt; color: #ffffff; line-height: 15pt; } table table {width:100% !important; margin:0 !important; background-color:#777777;} table table table {width:auto !important; background-color:transparent;} table td {border:0px solid #777777;} table, table table td {border:none; padding:1px; background-color: #777777;} .shadowed img /* icons */ {color:#ff0000; border:1px;} .entrybox /* entry border */ {border:0px solid #777777; } .entrybox .index /* hiding bracket */ {color:#777777; } a:link, a:active, a:visited{color: #7FFF00; text-decoration:none} a:hover{color:#ffff33; background-color:#000000} td.caption, .subject { background-color: #777777; font-family: "times new roman", georgia; font-size:25px; color: #1E1C1C; line-height:25px; letter-spacing: 0px; text-align: right; font-family: georgia, serif; } p table table td.caption, .head{ line-height:25px; font-size: 20px; letter-spacing: 0px; text-align: right; font-family: georgia, serif; } .comments { font-size:5pt; font-family:"georgia"; text-transform:uppercase; letter-spacing: 2px; } .entrybox td.index, .index3 {display: none;} .index2 {font-style:normal; } ul { list-style-type: none; padding: 0; margin: 0; text-align: center; width: 210px; background-color:#000000; color:#ffff33; } li {display:block; background-color: #000000; text-decoration: none; margin: 0 0 .2em 0; width: 210px; color: #ffff33;} li a:link, li a:visited { display: block; background-color: #000000; color: #ffff33; text-decoration: none; width: 210px} li a:hover { background-color: #000000; color: #ffff33; width: 210px;} --> </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <table> <tr><td class="comments" colspan="2"><br><div id="footer"> <a href="%%urlread%%">%%messagecount%% Want to be unique people</a> ( Are you <a href="%%urlpost%%">a unique person?</a> ) </div> </td></tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>8 CALENDAR_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255"> <br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div> <div id="sidebar2"><center> <center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li> <li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li> <li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li> <li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li> <li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br> <img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div> <!--This fixes a bug in Internet Explorer--> <div> </div> <=CALENDAR_WEBSITE LASTN_WEBSITE<= <!--YOUR SIDEBAR STUFF HERE--> <div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255"> <br><br><font color="#ffffff">BLURB ABOUT YOU.<br><br></div> <div id="sidebar2"> <center><li><a href=http://journalname.insanejournal.com><font color="#ffff33">RECENT</font></a></li> <li><a href=http://journalname.insanejournal.com/profile><font color="#ffff33">PROFILE</font></a></li> <li><a href=http://journalname.insanejournal.com/calendar><font color="#ffff33">ARCHIVE</font></a></li> <li><a href=http://journalname.insanejournal.com/friends><font color="#ffff33">FRIENDS</font></a></li> <li><a href=http://asylums.insanejournal.com/abeautifulmind><font color="#ffff33">CREDIT</font></a></li><br><br> <img src="http://28.media.tumblr.com/tumblr_ly8xb3SuSb1r55j68o1_500.jpg" width="210px"><br><br></div><!--This fixes a bug in Internet Explorer--> <div> </div> <=LASTN_WEBSITE

( Instructions )

Tags: account: free, account: paid, account: permanment, layout: s1 generator, maker: lace_and_cream

Posted at 05:50 pm | Link | Leave a comment | Add to Memories | Tell a Friend

Type: s1 Generator
Live Example: stolenmoonlight

/*GENERATOR CODE BY ARURBEX, MODIFIED FROM VARIOUS SOURCES*/ /* layout made by lace_and_cream on insanejournal. Please credit her or abeautifulmind (insanejournal)*/ 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:#000000; background-image:url(URL); background-repeat:repeat; background-attachment:fixed; background-position:top left; text-align:center; margin:0; margin-top:390px; 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://i303.photobucket.com/albums/nn127/immortalaussie/Journal%20Layouts/20080219-woman-holding-the-moon.jpg); position:absolute; visibility:visible; top:0px; width:490px; left:50%; margin-left:-245px; height:390px; 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 grey; display:block; text-transform:uppercase; letter-spacing:1.5; font-size:8pt; } /* COMMENTS LINKS */ .comments{ text-align:center; padding-bottom:50px; } /* LINK APEAREANCE FOR COMMENTS */ .comments a, .comments a:visited,.comments a:hover{ color:#000000; } .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; left:-2pt; display:block; } /* FIRST LINE OF TOP NAVIGATON */ .nav1{ background-color: #000000; 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:#000000; font-variant:small-caps; } /* THE OTHER LINKS */ a { color: #000000; text-decoration:none; } a:visited { color:#000000; } a:hover { text-decoration: underline; } /* SETS THE WIDTH OF THE TABLE (CHOOSE THE SAME WITH AS YOUR HEADER) AND BACKGROUND_COLOR */ div { margin:0 auto; width:490px; background:#CCCCCC; } 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 FRIENDS_WEBSITE<= LASTN_WEBSITE<= <style type="text/css"> <!-- 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 } --> </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> <font size=3>JOURNAL NAME/font></br></br></br><span class="nav1"> ♣ <a href="http://journalname.insanejournal.com/info"><font color="#FFFFFF">userinfo</font></a> ♣ <a href="http://journalname.insanejournal.com/friends"><font color="#FFFFFF">friends</font></a> ♣ <a href="http://www.insanejournal.com/users/journalname/calendar"><font color="#FFFFFF">calander</font></a> ♣ <a href="http://www.insanejournal.com/users/journalname"><font color="#FFFFFF">recent</font></a> ♣ <a href="http://www.insanejournal.com/update.bml"><font color="#FFFFFF">update</font></a> ♣ <br /></span><br /> <!--END OF FIRST ROW OF NEW NAVIGATION LINKS--> <!--SECOND ROW OF NEW NAVIGATION LINKS--> <span class="nav2"> <font color="#FFFFFF"> ♣ <a href="URL">Link</a> ♣ <a href="URL">Link</a> ♣ </span></center> <!--END OF SECOND ROW OF NEW NAVIGATION LINKS--> <br /><br /> </td></tr></table></td></tr> <=FRIENDS_WEBSITE LASTN_WEBSITE<= LASTN_WEBSITE<= <style type="text/css"> <!-- 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 } --> </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> <font size=3>JOURNAL NAME</font></br></br></br><span class="nav1"> <font color="#FFFFFF">♣ <a href="http://journalname.insanejournal.com/info"><font color="#FFFFFF">userinfo</font></a> ♣ <a href="http://www.insanejournal.com/users/journalname/friends"><font color="#FFFFFF">friends</font></a> ♣ <a href="http://www.insanejournal.com/users/journalname/calender"><font color="#FFFFFF">calander</font></a> ♣ <a href="http://www.insanejournal.com/users/journalname"><font color="#FFFFFF">recent</font></a> ♣</font> <br /></span><br /> <!--END OF FIRST ROW OF NEW NAVIGATION LINKS--> <!--SECOND ROW OF NEW NAVIGATION LINKS--> <span class="nav2"> ♣ <a href="URL">LINK</a> ♣ <a href="URL">Link</a> ♣ </span></center> <!--END OF SECOND ROW OF NEW NAVIGATION LINKS--> <br /><br /> </td></tr></table></td></tr> <=LASTN_WEBSITE

( instructions )

Tags: account: free, account: paid, account: permanment, layout: s2 bloggish, maker: lace_and_cream

Posted at 05:51 pm | Link | Leave a comment | Add to Memories | Tell a Friend

Live Example: goddessed

GLOBAL_HEAD<= <style type="text/css"> <!-- body { background: url(http://i303.photobucket.com/albums/nn127/immortalaussie/Journal%20Layouts/clean%20and%20simple/diamond%20background/diamondbackground.png); color:; font-family:sans-serif; margin:0; margin-bottom:10px; text-align:center; } table { width: 600px; border:none; margin-left:auto; margin-right:auto; margin-top:250px; } #topbar { background: #FFBBCC; padding-right:10px; color: #CF0015; 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: #FFBBCC; width: 20%; border-right:2px solid #FF30D9; } #navbar ul { list-style: none; padding:0; margin: 5px; } #navbar ul li { margin: 2px; font-size:11px; color:#CF0015; text-align:justify; } #navbar a{ background: none; color: #000000; 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: #FF0000; 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:#000000; display:none; } .day { border-top:1px solid #bbb; clear: both; background-color: #FFCFF1; } .day h3 { border-bottom: 1px solid #bbb; padding: 1px; margin: 0; font-size: 1.1em; text-align: right; color:#FF0000; } 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:#FF0000; 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:#F3BFFF; 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:-300px; width:600px; height:250px ; } 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_OPT_ITEMS=>25 FRIENDS_WEBSITE<= <li><a href="URL">Link</a></li> <li><a href="URL">Link</a></li> <li><a href="URL">Link</a> </li> <li><a href=http://www.insanejournal.com/update/>Update</a></li> <=FRIENDS_WEBSITE LASTN_OPT_ITEMS=>2 CALENDAR_WEBSITE<= <li><a href="URL">Link</a></li> <li><a href="URL">Link</a></li> <li><a href="URL">Link</a> </li> <=CALENDAR_WEBSITE LASTN_WEBSITE<= <li><a href="URL">Link</a></li> <li><a href="URL">Link</a></li> <li><a href="URL">Link</a> </li> <li><a href=http://www.insanejournal.com/update/>Update</a></li> <=LASTN_WEBSITE

( Instructions for Insanejournal )

( Instructions for Livejournal )

Tags: account: free, account: paid, account: permanment, layout: s1 clean and simple, maker: lace_and_cream

Posted at 05:51 pm | Link | Leave a comment | Add to Memories | Tell a Friend

Static Preview
Live Example: lace_and_cream
Modified examples: mrsbellariddle pll_mods

The Code
/* S2 Bloggish Layout http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */ body {background-color:#bb9966; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#FFFFFF; } a, a:visited, a:hover { color:#996644; } #container { width:650px; margin: 0px auto; padding:2px; } #container-inner { width:640px; } #banner { width:640px; background-image:url("http://i303.photobucket.com/albums/nn127/immortalaussie/Banners/969972-naomi-watts.jpg"); height:360px; } h1#banner-header { display:none; } h2#banner-description { display:none; } #pagebody { width:640px; background-color:#668888; } #beta { background-color:#668888; color:#000000; width:500px; } #alpha { background-color:#668888; color:#FFFFFF; width:140px; } .content-nav, .content-nav a, .content-nav a:hover { color:#660000; } h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#554422; background-color:#668888; } .skiplinks { font-size:9px; color:#00FFF; } .entry { border:2px; border-color:#990000; width:490px; color:#542327; background-color:#FFFFFF; -moz-border-radius: 15px; border-radius: 15px; } h3.entry-header {color:#000000; font-size:16px; text-align:center; } .entry-userpic {display:none; } .entry-content {line-height:normal; } .entry-body {line-height:normal;} .metadata {display:inherit; } .ljtags { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#00FFFF; } .entry-footer {background:background-color:#FFFFFF; color:#000000; } .module {width:140px; background-color:#668888; color:#664400; padding:1px; } .module-photo {display:none; } .module-viewlinks { background-color:#668888; color:#FFFFFF; } .module-calendar {display:none;!important} .module-typelist {font-size:10px; color:#664400; background-color:#668888; } .module-categories { color:#664400; background-color:#668888; } .module-pagesummary {display:none;} .module-syndicate {display:none;} .module-powered {display:none;} .module-header {font-size:14px; color:#554422; background-color:#668888; } .module-content {font:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } ul.module-list {background-color:#668888; color:#bb9966; } li.module-list-item a {color:#fff} .comments {width:500px; background-color:#fff; color:#FF0000; text-align:center; text-transform:uppercase; } h3.comments-header { width:600px; font-size:14px; color:#000; } h3.comment-header { font-size:12px;} .comment-userpic {float:right;} .comment-content {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#668888; background-color:#fff;} .comment-footer {font-size:9px; color:#ee8811; } .comment-replies {background-color:#fff; color:#000000; }

-> Header is 600px wide and is 360px high. Feel free to modify as you like, but leave credit in the code/profile etc thanks! ( Instructions )

Tags: account: free, account: paid, account: permanment, layout: s2 bloggish, maker: lace_and_cream

Posted at 05:52 pm | Link | Leave a comment | 15 comments | Add to Memories | Tell a Friend

static preview
Live Example: arcissa
Compatibility: Firefox, Google Chrome, Safari. Not tested in IE.
Type: s1 Generator

The Code
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:#117788; background-image:url(http://i303.photobucket.com/albums/nn127/immortalaussie/Patterns/background1.png); background-repeat:repeat; background-attachment:fixed; background-position:top left; text-align:center; margin:0; margin-top:10px; 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(); position:absolute; visibility:visible; top:0px; width:600px; left:50%; margin-left:-300px; height:10px; 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 grey; display:block; text-transform:uppercase; letter-spacing:1.5; font-size:8pt; } /* COMMENTS LINKS */ .comments{ text-align:center; padding-bottom:50px; } /* LINK APEAREANCE FOR COMMENTS */ .comments a, .comments a:visited,.comments a:hover{ color:#99ddee; } .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; left:-2pt; display:block; } /* FIRST LINE OF TOP NAVIGATON */ .nav1{ background-color: #117788; 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:#99ddee; font-variant:small-caps; } /* THE OTHER LINKS */ a { color: #99ddee; text-decoration:none; } a:visited { color:#55aabb; } a:hover { text-decoration: underline; } /* SETS THE WIDTH OF THE TABLE (CHOOSE THE SAME WITH AS YOUR HEADER) AND BACKGROUND_COLOR */ div { margin:0 auto; width:600px; background:#117788; } 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 FRIENDS_WEBSITE<= <style type="text/css"> <!-- 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 } --> </style> <tr><td colspan="5" width="100%"> <table style="float:right" cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <!--FIRST ROW OF NEW NAVIGATION LINKS--> <center> <!--FIRST ROW OF NEW NAVIGATION LINKS--> <center> <font size="3" color="#44ddff">THIS IS YOUR JOURNAL NAME</font></br></br></br><span class="nav1"> <font color="#88bbcc">♥ <a href="http://journalname.insanejournal.com/info"><font color="#88bbcc">userinfo</font></a> ♥ <a href="http://www.insanejournal.com/users/journalname/friends"><font color="#88bbcc">friends</font></a> ♥ <a href="http://www.insanejournal.com/users/journalname/calander"><font color="#88bbcc">calander</font></a> ♥ <a href="http://www.insanejournal.com/users/journalname"><font color="#88bbcc">recent</font></a> ♥</font> <br /></span><br /> <!--END OF FIRST ROW OF NEW NAVIGATION LINKS--> <!--SECOND ROW OF NEW NAVIGATION LINKS--> <span class="nav2"> ♥ <a href="URL">LINK</a> ♥ <a href="URL">LINK</a> ♥ <a href="http://asylums.insanejournal.com/abeautifulmind">CREDIT</a> ♥ </span></center> <!--END OF SECOND ROW OF NEW NAVIGATION LINKS--> </td></tr></table></td></tr> <=FRIENDS_WEBSITE LASTN_WEBSITE<= <style type="text/css"> <!-- 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 } --> </style> <tr><td colspan="5" width="100%"> <table style="float:right" cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <!--FIRST ROW OF NEW NAVIGATION LINKS--> <center> <font size="3" color="#44ddff">THIS IS YOUR JOURNAL NAME</font></br></br></br><span class="nav1"> <font color="#88bbcc">♥ <a href="http://journalname.insanejournal.com/info"><font color="#88bbcc">userinfo</font></a> ♥ <a href="http://www.insanejournal.com/users/journalname/friends"><font color="#88bbcc">friends</font></a> ♥ <a href="http://www.insanejournal.com/users/journalname/calander"><font color="#88bbcc">calander</font></a> ♥ <a href="http://www.insanejournal.com/users/journalname"><font color="#88bbcc">recent</font></a> ♥</font> <br /></span><br /> <!--END OF FIRST ROW OF NEW NAVIGATION LINKS--> <!--SECOND ROW OF NEW NAVIGATION LINKS--> <span class="nav2"> ♥ <a href="URL">LINK</a> ♥ <a href="URL">LINK</a> ♥ <a href="http://asylums.insanejournal.com/abeautifulmind">CREDIT</a> ♥ </span></center> <!--END OF SECOND ROW OF NEW NAVIGATION LINKS--> <br /><br /> </td></tr></table></td></tr> <=LASTN_WEBSITE

( Instructions )

Tags: account: free, account: paid, account: permanment, layout: s1 generator, maker: lace_and_cream

Posted at 05:54 pm | Link | Leave a comment | Add to Memories | Tell a Friend

Static Preview: here (No tag/link list)
Live Preview: abeautifulmind (with a tags list)

Code if you use a tags/links list
/* S2 Bloggish Layout http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */ /* Viewlinks code by grrliz on thefulcrum.livejournal.com because I fail */ body {background-color:#800000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#FFFFFF; } a, a:visited, a:hover { color:#2b0d0b; } #container { width:600px; margin: 0px auto; padding:2px; } #container-inner { width:590px; } #banner { width:600px; background-image:url("http://i303.photobucket.com/albums/nn127/immortalaussie/Banners/simplydelicousheader.png"); height:259px; } h1#banner-header { display:none; } h2#banner-description { display:none; } #pagebody { width:600px; background-color:#391310; } #alpha { background-color:#990000; color:#000000; width:150px; } #beta {width:450px; margin-top:50px; ;} .content-nav, .content-nav a, .content-nav a:hover { color:#660000; } h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#b40e24; background-color:#360808; float:right; width: 440px; } .skiplinks { font-size:9px; color:#ff0000; float:bottom; } .entry { border:2px; border-color:#990000; border:2px; width:430px; color:#542327; background-color:#FFFFFF; -moz-border-radius: 15px; border-radius: 15px; margin-right:10px; margin-left:10px; float:right; } h3.entry-header {color:#FFF; font-size:16px; text-align:center; } .entry-userpic {display:none; } .entry-content {line-height:normal; } .entry-body {line-height:normal;} .metadata {display:inherit; } .ljtags { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#00FFFF; } .entry-footer {background:background-color:#FFFFFF; color:#000000; } .module {width:600px; background-color:#990000; color:#664400; padding:1px; } .module-photo {display:none; } .module-viewlinks { position: static; margin: 0px auto !important; color: #FFFFFF; font-size: 100%; text-transform: uppercase; font-weight: 200; letter-spacing: .22em;} .module-viewlinks .module-content { position: relative; height: 50px; margin: 0px auto; padding: 0px auto;} .module-viewlinks ul { position: absolute; top: 0px; margin: 0px 0px 0px 128px; font-size: 1em; line-height: 30px; list-style-type: none;} .module-viewlinks li.module-list-item { display: inline !important; float: left; width: auto; padding: 10px; text-align: center; background: none;} .module-calendar {display:none;!important} .module-typelist { color:#664400; background-color:#990000; width:150px; float:left; } .module-categories { color:#664400; background-color:#990000; width:150px; float:left; } .module-pagesummary {display:none;} .module-syndicate {display:none;} .module-powered {display:none;} .module-header {font-size:14px; color:#554422; background-color:#990000; } .module-content {font:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } ul.module-list {background-color:#990000; color:#bb9966; } li.module-list-item a {color:#fff} .comments {width:600px; background-color:#fff; color:#FF0000; text-align:center; text-transform:uppercase; } h3.comments-header { width:600px; font-size:14px; color:#000; } h3.comment-header { font-size:12px;} .comment-userpic {float:right;} .comment-content {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000; background-color:#fff;} .comment-footer {font-size:9px; color:#ee8811; } .comment-replies {background-color:#fff; color:#000000; }

Code for no tag list
/* S2 Bloggish Layout http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */ /* Viewlinks code by grrliz on thefulcrum.livejournal.com because I fail */ body {background-color:#800000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#FFFFFF; } a, a:visited, a:hover { color:#2b0d0b; } #container { width:600px; margin: 0px auto; padding:2px; } #container-inner { width:590px; } #banner { width:600px; background-image:url("http://i303.photobucket.com/albums/nn127/immortalaussie/Banners/simplydelicousheader.png"); height:259px; } h1#banner-header { display:none; } h2#banner-description { display:none; } #pagebody { width:600px; background-color:#391310; } #alpha { background-color:#391310; color:#000000; width:600px; } .content-nav, .content-nav a, .content-nav a:hover { color:#660000; } h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#b40e24; background-color:#360808; } .skiplinks { font-size:9px; color:#ff0000; } .entry { border:2px; border-color:#990000; border:2px; width:580px; color:#542327; background-color:#FFFFFF; -moz-border-radius: 15px; border-radius: 15px; margin-right:10px; margin-left:10px; } h3.entry-header {color:#FFF; font-size:16px; text-align:center; } .entry-userpic {display:none; } .entry-content {line-height:normal; } .entry-body {line-height:normal;} .metadata {display:inherit; } .ljtags { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#00FFFF; } .entry-footer {background:background-color:#FFFFFF; color:#000000; } .module {width:600px; background-color:#990000; color:#664400; padding:1px; } .module-photo {display:none; } .module-viewlinks { position: static; margin: 0px auto !important; color: #FFFFFF; font-size: 100%; text-transform: uppercase; font-weight: 200; letter-spacing: .22em;} .module-viewlinks .module-content { position: relative; height: 50px; margin: 0px auto; padding: 0px auto;} .module-viewlinks ul { position: absolute; top: 0px; margin: 0px 0px 0px 128px; font-size: 1em; line-height: 30px; list-style-type: none;} .module-viewlinks li.module-list-item { display: inline !important; float: left; width: auto; padding: 10px; text-align: center; background: none;} .module-calendar {display:none;!important} .module-typelist {font-size:10px; color:#664400; background-color:#990000; } .module-categories { color:#664400; background-color:#990000; } .module-pagesummary {display:none;} .module-syndicate {display:none;} .module-powered {display:none;} .module-header {font-size:14px; color:#554422; background-color:#990000; } .module-content {font:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } ul.module-list {background-color:#990000; color:#bb9966; } li.module-list-item a {color:#fff} .comments {width:600px; background-color:#fff; color:#FF0000; text-align:center; text-transform:uppercase; } h3.comments-header { width:600px; font-size:14px; color:#000; } h3.comment-header { font-size:12px;} .comment-userpic {float:right;} .comment-content {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000; background-color:#fff;} .comment-footer {font-size:9px; color:#ee8811; } .comment-replies {background-color:#fff; color:#000000; }

-> Header is 600px wide and is 259px high. Feel free to modify as you like, but leave credit in the code/profile etc thanks! ( Instructions )

Tags: account: free, account: paid, account: permanment, layout: s2 bloggish, maker: lace_and_cream

Posted at 06:00 pm | Link | Leave a comment | 16 comments | Add to Memories | Tell a Friend

Can you tell I'm in love with this base layout?


Static Preview
Live Preview: toujourspur_psl

Code
/* S2 Bloggish Layout http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */ /* Viewlinks code by grrliz on thefulcrum.livejournal.com because I fail */ body {background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#FFFFFF; background-image:url("http://images.wikia.com/harrypotter/images/e/ef/800px-Blackfamilytreeootp1.jpg"); } a, a:visited, a:hover { color:#2b0d0b; } #container { width:542px; margin: 0px auto; padding:2px; } #container-inner { width:532px; } #banner { width:542px; background-image:url("http://www.hp-lexicon.org/images/blackfamilytrees/blackfamilycrest.gif"); height:375px; background-color:#fff; } h1#banner-header { display:none; } h2#banner-description { display:none; } #pagebody { width:542px; background-color:#ccc; } #alpha { background-color:#000; color:#000000; width:100px; } #beta {width:442px; margin-top:50px; ;} .content-nav, .content-nav a, .content-nav a:hover { color:#660000; } h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; background-color:#000; float:right; width: 420px; } .skiplinks { font-size:9px; color:#777; float:bottom; } .entry { border:2px; border-color:#000; border:2px; width:420px; color:#000; background-color:#FFFFFF; -moz-border-radius: 15px; border-radius: 15px; margin-right:10px; margin-left:10px; float:right; } h3.entry-header {color:#FFF; font-size:16px; text-align:center; } .entry-userpic {display:none; } .entry-content {line-height:normal; } .entry-body {line-height:normal;} .metadata {display:inherit; } .ljtags { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#777; } .entry-footer {background:background-color:#FFFFFF; color:#000000; } .module {width:542px; background-color:#000; color:#fff; padding:1px; } .module-photo {display:none; } .module-viewlinks { position: static; margin: 0px auto !important; color: #FFFFFF; font-size: 100%; text-transform: uppercase; font-weight: 200; letter-spacing: .22em;} .module-viewlinks .module-content { position: relative; height: 50px; margin: 0px auto; padding: 0px auto;} .module-viewlinks ul { position: absolute; top: 0px; margin: 0px 0px 0px 128px; font-size: 1em; line-height: 30px; list-style-type: none;} .module-viewlinks li.module-list-item { display: inline !important; float: left; width: auto; padding: 10px; text-align: center; background: none;} .module-calendar {display:none;!important} .module-typelist { color:#664400; background-color:#990000; width:150px; float:left; } .module-categories { color:#fff; background-color:#000; width:100px; float:left; } .module-pagesummary {display:none;} .module-syndicate {display:none;} .module-powered {display:none;} .module-header {font-size:14px; color:#554422; background-color:#000; } .module-content {font:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } ul.module-list {background-color:#000; color:#fff; } li.module-list-item a {color:#fff} .comments {width:542px; background-color:#fff; color:#0000; text-align:center; text-transform:uppercase; } h3.comments-header { width:542px; font-size:14px; color:#000; } h3.comment-header { font-size:12px;} .comment-userpic {float:right;} .comment-content {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; background-color:#fff;} .comment-footer {font-size:9px; color:#000; } .comment-replies {background-color:#fff; color:#000000; }

-> Feel free to modify as you like, but leave credit in the code/profile etc thanks! ( Instructions )

Tags: account: free, account: paid, account: permanment, layout: s2 bloggish, maker: lace_and_cream

Posted at 06:00 pm | Link | Leave a comment | Add to Memories | Tell a Friend