InsaneJournal

Tweak says, "I am a banana!"

Alex, the one who has no off switch (ex_pansexual773) wrote in rp_tutorials,
@ 2010-04-10 19:22:00

Entry tags:

layouts: journals, resources: layouts

Type: S1 Generator
Live Examples: stolenmoonlight pansexual

/*GENERATOR CODE BY ARURBEX, MODIFIED FROM VARIOUS SOURCES*/
/* layout made by pansexual on insanejournal. Please credit her or layouts_for_you (insanejournal)*/

GLOBAL_HEAD<=

<!--

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

<!--

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

}

/* 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: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://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: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 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%; }

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>

</div>

<font size=3>I Dream of the Moon</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/calander"><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> ♣

<span class="nav2">
<font color="#FFFFFF">
♣ <a href="URL">Link</a> ♣
<a href="URL">Link</a> ♣

</span></center>

</td></tr></table></td></tr>

<=FRIENDS_WEBSITE

LASTN_WEBSITE<=

<!--

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

</div>

<font size=3>I Dream of the Moon</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/calander"><font color="#FFFFFF">calander</font></a> ♣
<a href="http://www.insanejournal.com/users/journalname"><font color="#FFFFFF">recent</font></a> ♣</font>
<br /></span><br />

</td></tr></table></td></tr>

<=LASTN_WEBSITE

1. Click on customize journal
2. select s1
3. Choose Clean and Simple
4. Click customer colours
5. Set Page Background, weak accent, strong accent, stronger accent as #CCCCCC
6. Set all font colour as #000000 and save your changes
7. Click Custom Options
8. Copy the above code into the box and save your changes
9. Change journalname to your journalname
10 PLEASE CREDIT either

pansexual or

layouts_for_you (on insanejournal) or

moonsdreaming on livejournal
11. DO NOT HOTLINK THE IMAGES PLEASE
12. Comments are necessary but appreciated. I would love to know people are using my layouts

	kingdommod 2010-05-03 05:53 pm UTC (link)
	Beautiful. :D Stealing! (Reply to this) (Thread)

	ex_pansexual773 2010-05-03 10:57 pm UTC (link)
	NP. Just so you know its generator not C/S I got the instructions wrong and forgot to go back and change it :P (Reply to this) (Parent)