Rp Tutorials

LAYOUT: SIMPLE & LIGHT


Codes + Guide + Info at my journal

---

LAYOUT: BLOCKED


Codes + Guide + Info at my journal

---

LAYOUT: EMBIGGEN


Codes + Guide + Info at my journal

Codes + Guide + Info at my journal

Layout + Guide + Info at my journal

hey, guys! so, i've been trying to implement this layout, but for some reason i can't get the background image for entries to show up? i am clueless as to why! here's the code i'm using (procured with many thanks from dazy):

FRIENDS_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {background-image:url(http://i.imgur.com/dOCLk1H.png); background-position:center; background-repeat:no-repeat;} tr.caption, .shadowed td div, .shadowed img {display:none;} .supguys {padding:1px; display:block; border-radius:2px; background-color:#eeeeee; text-shadow: 1px 1px 2px #c0c0c0; color:#111111; font-family:arial; font-size:8px; line-height:9px; letter-spacing:+1px; text-transform: uppercase;} .supdude {font-family:Sacramento; font-size:33px; letter-spacing:+1px; line-height:33px; text-shadow: 1px 1px 2px #c0c0c0; color:#f5f5f5; text-transform: lowercase;} .links { color:#ffffff; padding:1px; display:block; border-radius:2px; background-color:#111111; font-family:arial; font-size:14px; line-height:16px; letter-spacing:0px; text-transform: lowercase; font-weight:lighter; text-shadow:#c0c0c0 1px 0px 2px;} </style> <tr><td colspan="5" width="570"> <table width="300" height="242" align="center" cellspacing="0" border="0" cellpadding="0"> <tr><td width="0"></td> <td align="justify" valign="center"> <font class = "supguys"><center><a href = "http://stonee.insanejournal.com/profile" title="profile">profile</a> <a href = "http://stonee.insanejournal.com/" title="journal">journal</a> <a href = "http://stonee.insanejournal.com/friends" title="friends">friends</a> <a href ="http://stonee.insanejournal.com/1995/06/10/" title="customs">customs</a></center></font> <font class = "links"><center>for once in my life, let me get what i want</center></font></p> </td></tr></table></td></tr> <=FRIENDS_WEBSITE DAY_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">&</a> </td> </tr> <=DAY_TALK_LINKS DAY_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {background-image:url(http://i.imgur.com/dOCLk1H.png);} tr.caption, .shadowed td div, .shadowed img {display:none;} .supguys {padding:1px; display:block; border-radius:2px; background-color:#b7f6fc; text-shadow: 1px 1px 2px #c0c0c0; color:#8aaeae; font-family:arial; font-size:8px; line-height:8.5px; letter-spacing:+1px; text-transform: uppercase;} .supdude {font-family:Sacramento; font-size:33px; letter-spacing:+1px; line-height:33px; text-shadow: 1px 1px 2px #c0c0c0; color:#f5f5f5; text-transform: lowercase;} .links { color:#ffffff; padding:1px; display:block; border-radius:2px; background-color:#111111; font-family:arial; font-size:14px; line-height:16px; letter-spacing:0px; text-transform: lowercase; font-weight:bold; text-shadow:#c0c0c0 1px 0px 2px;} </style> <tr><td colspan="5" width="570"> <table width="240" height="210" align="center" cellspacing="0" border="0" cellpadding="0"> <tr><td width="0"></td> <td align="justify" valign="center"> <font class = "supguys"><center><a href = "http://stonee.insanejournal.com/profile" title="profile">profile</a> <a href = "http://stonee.insanejournal.com/" title="journal">journal</a> <a href = "http://stonee.insanejournal.com/friends" title="friends">friends</a> <a href ="http://stonee.insanejournal.com/1995/06/10/" title="customs">customs</a></center></font> <font class = "links"><center>for once in my life, let me get what i want</center></font></p> </td></tr></table></td></tr> <=DAY_WEBSITE LASTN_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">&</a> </td> </tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Raleway+Dots' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'> <title>http://stonee.insanejournal.com/</title> <style> /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} /* End http://www.cursors-4u.com */ /* Layout credit: ~coding@insanejournal.com; join/contact with any questions! */ body {background:#ffffff url() no-repeat top left fixed;} table {border:0; padding:0px; margin-bottom: -7px;} table table {border:0;} /* entrybox */ .entrybox {background-color:#dddddd; background-image:url(http://i.imgur.com/VW8g4Yn.jpg); width: 600px; padding: 0px; border-radius:5; box-shadow: #282828 0px 1px 5px;} body, td {color:#111111;} /* top bar background. */ .shadowed {background-image:url(http://i.imgur.com/dOCLk1H.png); padding-top:0px;} /* link effects. */ a {text-shadow: 1px 1px 2px #c0c0c0; color:#555555; text-decoration:none;} a:hover {-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out; -webkit-transition-duration: 1.5s; border-radius:5pt; padding:0px; text-shadow: 2px 2px 4px #c0c0c0; background-color:#def1f4; color:#eeeeee; text-decoration:none; -moz-transition: all 0.6s ease-out; /* FF3.7+ */ -o-transition: all 0.6s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.6s ease-out; /* Saf3.2+, Chrome */ transition: all 0.6s ease-out;} img {border-radius: 2; opacity:0.7; filter:alpha(opacity=100); /* For IE8 and earlier */} img:hover {-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out; opacity:1.0;filter:alpha (opacity=500); -webkit-transition-duration: 1.5s; /* For IE8 and earlier */} /* top right navigation links. */ .index, .meta {background-color:none; border-radius:5pt; font-family:arial; font-size:6px; line-height:8px; text-transform:uppercase; text-shadow: 1px 0px 1px #a1a1a1; color:#111111; letter-spacing:+1px;} /* top banner main navigation links. */ table table table table td.meta {font-family:arial; font-size:8px; line-height:8.5px; letter-spacing:+1px; text-transform:uppercase; color:#111111; background-color:none;} /* mood & music. */ .entrybox td.meta {font-family:arial; font-size:7px; line-height:7.5px; letter-spacing:1px; text-transform:uppercase; color:#111111; background-color:none;} /* subject lines. */ p table table td.caption {border-radius:2px; background-color:none; text-shadow: 1px 1px 2px #c0c0c0; color:#111111; padding-left:8px; font-family:arial; font-size:8px; line-height:8.5px; letter-spacing:1px; text-transform:uppercase;} /* date & time. */ .entrybox td.index {display:none;} /* comments. */ .comments {padding-right:8px; padding-bottom:8px; background-color:none; text-shadow: 1px 0px 1px #a1a1a1; font-family:arial; font-size:8px; line-height:8.5px; letter-spacing:1px; text-transform:uppercase; text-decoration:none;-moz-transition: all 0.6s ease-out; /* FF3.7+ */ -o-transition: all 0.6s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.6s ease-out; /* Saf3.2+, Chrome */ transition: all 0.6s ease-out;} /* friends page icons & users. */ .entrybox a.index {text-shadow: 1px 0px 1px #a1a1a1; color:#bbbbbb; font-family: arial; font-size:8px; line-height:8px; text-transform:uppercase; letter-spacing: 1px; padding:0px;} /* usericons & locks. */ .shadowed img {width:95px; height: 95px; background-color: #fbf4e2; padding: 7px!important; border-top: 1px dashed #374040; border-left: 1px dashed #374040; border-right: 1px dashed #374040; border-bottom: 1px dashed #374040;} .caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 9px 5px 0; background: url(http://i55.tinypic.com/a48qvq.png);} .caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 9px 5px 0; background: url(http://i55.tinypic.com/ztuff4.png);} p table table td.caption img {height: 9pt; width: 9pt;} .ljuser img[src*="userinfo.gif"] {width: 0; height: 0; background-repeat: no-repeat; background-image: url("http://i51.tinypic.com/n6pz6p.gif") !important; padding: 7px 7px 0 0 !important;} .ljuser img[src*="community.gif"] {width:0; height: 0; background-repeat: no-repeat; background-image: url("http://i53.tinypic.com/1zyaqzr.gif") !important; padding: 9px 10px 0 0 !important;} </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">&</a> </td> </tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>2 LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> FRIENDS_DATE_FORMAT=><span style="font-family: arial; font-size: 8px; line-height: 11pt; letter-spacing: 1px; text-transform: uppercase; font-weight: none;color: LASTN_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {background-image:url(http://i.imgur.com/dOCLk1H.png); background-repeat:no-repeat; background-position:center;} tr.caption, .shadowed td div, .shadowed img {display:none;} .supguys {padding:1px; display:block; border-radius:2px; background-color:#eeeeee; text-shadow: 1px 1px 2px #c0c0c0; color:#111111; font-family:arial; font-size:8px; line-height:9px; letter-spacing:+1px; text-transform: uppercase;} .supdude {font-family:Sacramento; font-size:33px; letter-spacing:+1px; line-height:33px; text-shadow: 1px 1px 2px #c0c0c0; color:#f5f5f5; text-transform: lowercase;} .links { color:#ffffff; padding:1px; display:block; border-radius:2px; background-color:#111111; font-family:arial; font-size:14px; line-height:16px; letter-spacing:0px; text-transform: lowercase; font-weight:lighter; text-shadow:#c0c0c0 1px 0px 2px;} </style> <tr><td colspan="5" width="570"> <table width="300" height="242" align="center" cellspacing="0" border="0" cellpadding="0"> <tr><td width="0"></td> <td align="justify" valign="center"> <font class = "supguys"><center><a href = "http://stonee.insanejournal.com/profile" title="profile">profile</a> <a href = "http://stonee.insanejournal.com/" title="journal">journal</a> <a href = "http://stonee.insanejournal.com/friends" title="friends">friends</a> <a href ="http://stonee.insanejournal.com/1995/06/10/" title="customs">customs</a></center></font> <font class = "links"><center>for once in my life, let me get what i want</center></font></p> </td></tr></table></td></tr> <=LASTN_WEBSITE DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

if anyone can help out, i would really appreciate it!

I know that what I'm about to ask is so easy that a monkey could do it, but the last thing I want to do is mess any coding up or whatnot.

I just added a layout to one of my rp journal last night. Everything is fine, and I love it. I just can't figure out how to add the number of comments my journal entry has. I know it's a little mundane, but I would like to know the number instead of just blindly clicking 'read comments' and hoping for the best.
I found the answer before, but I cannot, for the life of me, remember where I saw it.
If any of you could help me, I would really appreciate it.

Help! I need somebody!

I am hopeless when it comes to finding journals for layouts, so any and all suggestions would be absolute love. Especially if they have a layout like this. Where do you people find these things?! I'm so jealous.

Please help!

So! I had an idea... Since nameless_layout seems to be dead? Why not make a new comm much the same?

Therefore insane_layouts was born!

Alright, yes this is a really basic character profile but I like it *shrugs* I can't decide if there are too many icons though....


Live example here

( Character Profile )

<center><Lj-cut text="Character Profile"><table align="center" width="600px" border="1px" bordercolor="#990000"><tr><td><img src="IMAGE URL" width="460px" height="276px"></td><td><font size="5">BASICS</font> <b>Full Name:</b> <b>Age/DOB:</b> <b>Sexuality:</b> <b>Status:</b> <b>Nationality:</b> <b>Education:</b> <b>Skills:</b></td></tr> <tr><td colspan="2"><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png></td></tr> <tr><td colspan="2"><font size="5">APPEARANCE</font> Appearance goes here</td></tr> <tr><td colspan="2"><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png></td></tr> <tr><td colspan="2"><font size="5">PERSONALITY</font> Personality goes here</td></tr> <tr><td colspan="2"><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png></td></tr> <tr><td colspan="2"><font size="5">HISTORY</font> History goes here</td> </tr> <tr><td colspan="2"><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png></td></tr> <tr><td colspan="2"><font size="5">MISC INFO</font> Random facts!</td> </tr> <tr><td colspan="2"><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png></td></tr> <tr><td colspan="2"><font size="5">STORYLINES</font> Storylines go here</td></tr> <tr><td colspan="2"><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png><img src=http://i303.photobucket.com/albums/nn127/immortalaussie/comingsoon.png></td></tr><tr><td colspan="2"><font size="5">OUT OF CHARACTER</font> <b>Name:</b> <b>Timezone:</b> <b>Email:</b> <b>AIM:</b> <b>Journal:</b> <b>PB:</b> </td></tr> </table>

I recently found several LJ layer codes that compiled without errors when importing to Scribbld. Head on over to this tutorial by wastintime to get installation instructions.

I don't have a paid account here on IJ, so no guarantees if they'll work on anything other than Scribbld.

A layout of a police file or criminal record was requested here, and I thought it was a neat idea. This particular layout is specific to Marvel games, but could be tweaked for any kind of setting. Good for criminals and police officers and for the grittier sort of games.

( Record of Arrest )

Type: Layout (S2 Bloggish)
Compatibility: Firefox, Gchrome, Safari, IE 8
( Codes and instructions )


Type: Layout (S2 Bloggish)
Compatibility: Firefox, Gchrome, Safari, IE 8
Note: This one was made with HP games in mind, with what the magical journals and all. I'll probably end up making (a) new one(s) of this same type, more specifically for houses or something, so feel free to request.
( Codes and instructions )


Type: Layout (S2 Bloggish)
Compatibility: Firefox, Gchrome, Safari, IE 8
( Codes and instructions )

( Smexy Chap layout with contacts table )

This layout has credit built in. Please do not remove it. It's really unobtrusive.

This is my first experiment with DIVs, so hopefully everything is closed and clean. This layout is for Marvel Characters and is meant to mimic the Marvel Website Cerebro Files. A live preview here.

Please DO NOT HOTLINK! Remember to replace not only the profile picture (imagenot-1.jpg), but also box.png, arrow.png, sighted.png, and information.jpg.

Code can be pretty damn theraputic.

I apologize if this isn't the right place to ask this because it's such a tenuous link to RP - I need the information for a mod journal, though! Is there some way of applying a Flexible Squares layout code from LJ to a (paid account, if that makes a difference) journal on IJ? Thanks for any help and of course, I'll delete this if it's inappropriate!

Hi, all! I have some more stuff to offer you. This time, it's a layout and a directory code! The layout is for S1 Generator, and the directory code is aimed towards Scribbld use. :)



( fake cut! )

How to change your journal's tiny icons
So if you find the icons that link to profile pages (t_quibbler and quibblercons, respectively) as ugly as I do, here is how you can change them!

This code transforms the usericons on your Bloggish journal layout:
.ljuser img[src="http://www.insanejournal.com/img/userinfo.gif"] { width: 0; height: 0; padding: 17px 12px 0px 11px !important; background: url(http://i654.photobucket.com/albums/uu265/tqlayouts/wizinfo.png) no-repeat top center !important; border: none !important;} .ljuser img[src="http://www.insanejournal.com/img/community.gif"] { width: 0; height: 0; padding: 17px 12px 0px 11px !important; background: url(http://i654.photobucket.com/albums/uu265/tqlayouts/wizcom.png) no-repeat top center !important; border: none !important;}
You can change the image, obviously, and can change the width, height, and padding to suit if you need to. This piece of code goes in with the rest of your CSS code on the Customize Options page.

The result should look like this: t_quibbler and quibblercons

You don't need to credit me for the tinyicons unless you want to, if you do want to or if you're in need of journal layouts, icons, or accessories, check out Quibblercons!

If anyone has a quick trick for doing it in an entry, rather than manually linking the image and the name of the journal, let me know? :D

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<= <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<= <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 } /* 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> <!--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>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> ♣ <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<= <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> <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 /> <!--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 )

TYPE: journal layout (S1 - Generator)
PREVIEW:
(click for bigger preview)


note I have six layouts currently posted at seventies and am working on more, all are simple generator layouts like this one. If you're interested in seeing them, or want to post a request comment at the journal and I'll add you up right away

( INSTALLATION )