Light or Darkness

Designer's Comments

Look carefully for specific instructions

You will need to go into the code and replace YOURUSERNAME with... well, your user name, and Add your own links to the LINKS area. The menu bar is customizable, but don't change any of the table values or you will mess it up. Don't forget, there are two sections where the Menu bar is coded and you will have to change them both the exact same, or else your main journal and your friends page will look diffrent.

As far as I can tell, it looks good in both Firefox and IE, though it lines up better in Firefox

You can replace the Avatar with your own by changing the 5937829.jpg image to something else under then Menu Bar

Please, DO NOT REMOVE THE CREDITS!

Using This Layout

For specific instructions read designer's comments

1. Log into livejournal.com (customize)
2. Set Style System to S1
3. Click on Look and Feel
4. Set Layout to Generator
5. Set Theme to Custom Colors and remove all fields
6. Click on Look and Feel
7. Copy (ctrl c) and paste (ctrl v) code to Overrides

Layout Code

Copy and paste to Overrides

Help

Set style to Generator

FRIENDS_HEAD<=
<style type="text/css">
<!--
body {
overflow-x: hidden;
margin-top: 360;
overflow:-moz-scrollbars-vertical;
}

body {
background-color: #000000;
background-image: url(http://cbimg6.com/layouts/07/10/02/22047ad.jpg);
background-repeat: repeat-y;
background-position:160px;
}

table {
width: 460px;
margin-left:305px;
margin-right: 100%;

}
table table {
width: 100%;
margin:10;
border: none;

}
table table table {
width: auto;
border:none;

}

.entrybox td{
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}

h1 {FONT-WEIGHT:normal; FONT-SIZE: 14pt; color: #000000; FONT-FAMILY: Times New Roman; TEXT-ALIGN: center; FONT-

VARIANT: none; CURSOR: help; border-bottom: 1px dotted #A3CCFA;}

a, a:active, a:visited {
color: #A3CCFA;
font-weight: bold;
text-decoration: none;
cursor: crosshair;}

a:visited {
color: #A3CCFA;
font-weight: bold;
text-decoration: none;
cursor: crosshair;}

a:hover{
color: #FFFFFF;
font-weight: bold;
text-decoration:none;
cursor:crosshair;}

/* universal font face */
body, td, font, div, p {
font-family:Arial;
font-size: 7pt;
color: #000000;
}

/* displayed title of livejournal */
td.caption {
font-size: 8pt;
font-family: Arial;
color:#FFFFFF;
font-weight:bold;
}

/* top right navigation links */
.index {
font-size:7pt;
}

/* displayed user name in top banner */
td div {
font-size:7pt;
}

/* top banner main navigation links */
table table table table td.meta {
font-size:7pt;
}

/* display of date and time */
p .index {
font-size:7pt;
}

/* subject of journal entries */
font-size: 8pt;
font-family: Arial;
color:#A3CCFA;
font-weight:bold;
}

/* displayed text in journal entries */
table.entrybox td {
font-size:7pt;
}

/* currents (mood, music) and bottom banner navigation links */
table table table td.meta {
font-size:7pt;
}

/* comment links */
.comments {
font-size:7pt;
text-align: center;
}

-->
</style>

<=FRIENDS_HEAD

GLOBAL_HEAD<=
<title>LIGHT.or.SHADOW // YOURUSERNAME<</title>
<style type="text/css">
<!--
body {
overflow-x: hidden;
margin-top: 340;
overflow:-moz-scrollbars-vertical;
}

body {
background-color: #000000;
background-image: url(http://cbimg6.com/layouts/07/10/02/22047ad.jpg);
background-repeat: repeat-y;
background-position:160px;

}

table {
width: 460px;
margin-left:305px;
margin-right: 100%;

}
table table {
width: 100%;
margin:10;
border: none;

}
table table table {
width: auto;
border:none;

}

.entrybox td{
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}

h1 {FONT-WEIGHT:normal; FONT-SIZE: 14pt; color: #000000; FONT-FAMILY: Times New Roman; TEXT-ALIGN: center; FONT-

VARIANT: none; CURSOR: help; border-bottom: none;}

a, a:active, a:visited {
color: #A3CCFA;
font-weight: bold;
text-decoration: none;
cursor: crosshair;}

a:visited {
color: #A3CCFA;
font-weight: bold;
text-decoration: none;
cursor: crosshair;}

a:hover{
color: #FFFFFF;
font-weight: bold;
text-decoration:none;
cursor:crosshair;}

/* universal font face */
body, td, font, div, p {
font-family:Arial;
font-size: 7pt;
color: #000000;
}

/* displayed title of livejournal */
td.caption {
font-size: 8pt;
font-family: Arial;
color:#FFFFFF;
font-weight:bold;
}

/* top right navigation links */
.index {
font-size:7pt;
}

/* displayed user name in top banner */
td div {
font-size:7pt;
}

/* top banner main navigation links */
table table table table td.meta {
font-size:7pt;
}

/* display of date and time */
p .index {
font-size:7pt;
}

/* subject of journal entries */
font-size: 8pt;
font-family: Arial;
color:#A3CCFA;
font-weight:bold;
}

/* displayed text in journal entries */
table.entrybox td {
font-size:7pt;
}

/* currents (mood, music) and bottom banner navigation links */
table table table td.meta {
font-size:7pt;
}

/* comment links */
.comments {
font-size:7pt;
text-align: center;
}

-->
</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

/* MENU BAR */
<p align=center>

<img src="http://cbimg6.com/layouts/07/10/02/22047aa.jpg">
<br><b><a href="http://www.livejournal.com/userinfo.bml?user=YOURUSERNAME">YOURUSERNAME</a></b>
<br>>> <a href="http://YOURUSERNAME.livejournal.com/">Journal</a> <<
<BR>>> <a href="http://www.livejournal.com/friends/add.bml?user=YOURUSERNAME">Add</a> <<
<BR>>> <a href="http://YOURUSERNAME.livejournal.com/friends">Friends</a> <<
</p><P>
<h1>Other Worlds</h1>
<a href="http://www.WEBSITE.net">LINK</a>
<BR><a href="http://WEBSITE.COM">LINK</a>
<BR><a href="http://www.LINK.com">LINK</a>
<P>
/* END OF MENU */
</P>
<h1>Credit</h1>
<P>
<br>Layout by <a href=http://slytherinette.livejournal.com/>Slytherinette</a>
<BR>Image made by <a href="http://www.skinbase.org/profile.php?uname=Sephiroxas">Sephiroxas</a>
<br>Roxas and Sora of <i>Kingdom Hearts 2</i> is © of <a href="http://www.sqaure-enix.co.jp">SquareEnix</a>.
</P>

</div>
<img
src="http://cbimg6.com/layouts/07/10/02/22047ab.jpg" class="x" style="visibility: visible"><br><br><br>

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
}

-->
</style>
<=FRIENDS_WEBSITE

FRIENDS_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align=center">
%%readlink%%<a title="comment here" href="%%urlpost%%"> Oblivate</a>

</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>5

LASTN_TALK_READLINK=><b>%%messagecount%%</b> <a href="%%urlread%%">Oathkeepers</a>  ||

FRIENDS_TALK_READLINK=><b>%%messagecount%%</b> <a href="%%urlread%%">Oathkeepers</a> ||

LASTN_WEBSITE<=
<div style="position:absolute; top :520; left:770; width: 164; height: 100%; visibility: visible; text-align: justify; z-index: 3;">

/* MENU BAR */
<p align=center>

<img src="http://cbimg6.com/layouts/07/10/02/22047aa.jpg">
<br><b><a href="http://www.livejournal.com/userinfo.bml?user=YOURUSERNAME">YOURUSERNAME</a></b>
<br>>> <a href="http://YOURUSERNAME.livejournal.com/">Journal</a> <<
<BR>>> <a href="http://www.livejournal.com/friends/add.bml?user=YOURUSERNAME">Add</a> <<
<BR>>> <a href="http://YOURUSERNAME.livejournal.com/friends">Friends</a> <<
</p><P>
<h1>Other Worlds</h1>

/* END OF MENU */
</p>
<h1>Credits</h1>
<p>
<br>Layout by <a href=http://slytherinette.livejournal.com/>Slytherinette</a>
<BR>Image made by <a href="http://www.skinbase.org/profile.php?uname=Sephiroxas">Sephiroxas</a>
<br>Roxas and Sora of <i>Kingdom Hearts 2</i> is © of <a href="http://www.sqaure-enix.co.jp">SquareEnix</a>.
</center>
</P>

</div>
<img src="http://cbimg6.com/layouts/07/10/02/22047ab.jpg" class="x" style="visibility: visible"><br><br><br>

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
}

-->
</style>
<=LASTN_WEBSITE

LASTN_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align=center">
%%readlink%%<a href="%%urlpost%%"> Oblivate</a>

</td>
</tr>
<=LASTN_TALK_LINKS

Layout Comments

Showing latest 7 of 7 comments

I have myspace and i really like you overlay. how can i get it work on myspace.

By dragonlare28 on Nov 25, 2007 9:09 pm

hey you guys--this is a livejournal layout thats why it doesnt work for xanga....

By michellekdo on Nov 23, 2007 4:32 pm

i cant find the look and feel button its driven me (CRAZY) please help me thanxs much. messege me back please.=)

By ToxicCreations on Nov 19, 2007 12:06 am

omg i figured it out....its a xanga thing but repeats itself and over laps so no matter where u put it, it doesnt work which really sucks

By jj97 on Nov 14, 2007 5:08 pm

i agree with nintendogamer25 its not working for me and i did everything u said..and i really like it...

By jj97 on Nov 14, 2007 4:50 pm

Its really cool and i love it but for some reason i cant get the pic of sora in the corner to show up.. O.o help?

By nintendogamer25 on Nov 3, 2007 7:54 pm

awesome

By Imichelle on Oct 3, 2007 9:47 pm

Layout Details

Designer	spinestalker
Submitted on	Oct 2, 2007
Page views	22,455
Favorites	23
Comments	7
Reviewer	Insurmountable
Approved on	Oct 2, 2007

Light or Darkness

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates