InsaneJournal

Tweak says, "You come from sad whale family"

Doesn't give a shit about what you think (lace_and_cream) wrote in abeautifulmind,
@ 2012-01-24 10:46:00

Entry tags:

!journal layouts, maker: lace_and_cream, style: s1 generator

Live Preview:

fireworks_1

/*Layout by ~lace_and_cream via ~abeautifulmind with help from ~chestnutgallery for the sidebars! */

FRIENDS_OPT_ITEMS=>25

FRIENDS_WEBSITE<=

<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>

<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<=

<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>

<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<=

<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>

<div> </div>

<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<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>

<=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<=

<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>

DAY_WEBSITE<=

<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>

<div> </div>

<=DAY_WEBSITE

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 }

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; }

#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; }

.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}

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;
}

LASTN_OPT_ITEMS=>8

CALENDAR_WEBSITE<=

<div id="sidebar"><br><center><img src="http://28.media.tumblr.com/tumblr_lxlkzdLXbE1qd6626o1_500.gif" width="255">

<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<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>

<=LASTN_WEBSITE

1. Click on customize journal
2. Under Basics select s1
3. Under Look and Feel Choose Generator
4. Under custom colours delete all the hex values as seen here. (Hex values are the #000000 etc). Save your changes.
5. Click Custom Options
6. Copy the above code into the box. Save and then you are done!
7. PLEASE CREDIT

abeautifulmind
8. Comments aren't necessary but appreciated. I would love to know people are using my layouts