Sweet Harmony

Livejournal Layouts / S1

Designer's Comments

Look carefully for specific instructions

[size="8"]Set:
Most Recent Events
Friends View
Calendar
Day View

to Generator

Choose "DEFAULT THEME"[/size]

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

FRIENDS_WEBSITE<=

<div id="sidebar">
<p class="subject" id="u">Navigations</p>
<a href="http://fragmentx.livejournal.com/">Recent Entries</a><br>
<a href="http://fragmentx.livejournal.com/friends/">Friends</a><br>
<a href="http://fragmentx.livejournal.com/calendar/">Calendar</a><br>
<a href="http://fragmentx.livejournal.com/profile">Profile</a>

<p class="subject" id="u">My Networks</p>
<a href="http://magick.m3lancholia.net/">Site</a><br>
<a href="http://fragmentx.deviantart.com/">DeviantArt</a><br>
<a href="http://xanga.com/moorepocket/">Xanga</a><br>
<a href="http://moorepocket.blogspot.com/">Blogger</a><br>
<a href="http://myspace.com/moorepocket">Myspace</a>

<p class="subject" id="u">Admin</p>
<a href="http://www.livejournal.com/update.bml">Update</a><br>
<a href="http://www.livejournal.com/customize/">Customize</a><br>
<a href="http://www.livejournal.com/">Sign In</a>

<p class="subject" id="u">Disclaimer</p>
<p>Everything you see here is made entirely by me (fragmentx).
Duplication is not permitted in any ways. Do not take anything and use
it as your own, or say that this is yours. Cause you and I both know
it's not. If you have been found violating these terms, stricted
consequences will be taken into actions.<p>

<p class="subject" id="u">Credits</p>
<a href="http://fragmentx.livejournal.com/">FragmentX</a><br>
<a href="http://boyis.com">Boyis</a>
</div>

<div> </div>

<div id="x">
<TABLE WIDTH="603" BORDER="0" CELLPADDING="0" CELLSPACING="0" id="x">
	<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275aa.jpg" WIDTH="302" HEIGHT="277" galleryimg="no" style="display:inline;" ></TD>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ab.jpg" WIDTH="301" HEIGHT="277" galleryimg="no" style="display:inline;" ></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ac.jpg" WIDTH="302" HEIGHT="278" galleryimg="no" style="display:inline;" ></TD>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ad.jpg" WIDTH="301" HEIGHT="278" galleryimg="no" style="display:inline;" ></TD>
	</TR>
</TABLE>
</div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<table class="x">
<tr><td class="comments" colspan="2">
<div class="footer"><center>
<a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> | <a href="%%urlpost%%">reply</a> | <a href="http://livejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href=http://www.livejournal.com/tools/memadd.bml?%%itemargs%%>memories</a> | <a href="http://magick.m3lancholia.net/">magick</a>
</center></div>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<div id="sidebar">
<p class="subject" id="u">Navigations</p>
<a href="http://fragmentx.livejournal.com/">Recent Entries</a><br>
<a href="http://fragmentx.livejournal.com/friends/">Friends</a><br>
<a href="http://fragmentx.livejournal.com/calendar/">Calendar</a><br>
<a href="http://fragmentx.livejournal.com/profile">Profile</a>

<p class="subject" id="u">My Networks</p>
<a href="http://magick.m3lancholia.net/">Site</a><br>
<a href="http://fragmentx.deviantart.com/">DeviantArt</a><br>
<a href="http://xanga.com/moorepocket/">Xanga</a><br>
<a href="http://moorepocket.blogspot.com/">Blogger</a><br>
<a href="http://myspace.com/moorepocket">Myspace</a>

<p class="subject" id="u">Admin</p>
<a href="http://www.livejournal.com/update.bml">Update</a><br>
<a href="http://www.livejournal.com/customize/">Customize</a><br>
<a href="http://www.livejournal.com/">Sign In</a>

<p class="subject" id="u">Disclaimer</p>
<p>Everything you see here is made entirely by me (fragmentx).
Duplication is not permitted in any ways. Do not take anything and use
it as your own, or say that this is yours. Cause you and I both know
it's not. If you have been found violating these terms, stricted
consequences will be taken into actions.<p>

<p class="subject" id="u">Credits</p>
<a href="http://fragmentx.livejournal.com/">FragmentX</a><br>
<a href="http://boyis.com">Boyis</a>
</div>

<div> </div>

<div id="x">
<TABLE WIDTH="603" BORDER="0" CELLPADDING="0" CELLSPACING="0" id="x">
	<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275aa.jpg" WIDTH="302" HEIGHT="277" galleryimg="no" style="display:inline;" ></TD>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ab.jpg" WIDTH="301" HEIGHT="277" galleryimg="no" style="display:inline;" ></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ac.jpg" WIDTH="302" HEIGHT="278" galleryimg="no" style="display:inline;" ></TD>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ad.jpg" WIDTH="301" HEIGHT="278" galleryimg="no" style="display:inline;" ></TD>
	</TR>
</TABLE>
</div>
<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<div class="footer"><center>
<a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> | <a href="%%urlpost%%">reply</a> | <a href="http://livejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href=http://www.livejournal.com/tools/memadd.bml?%%itemargs%%>memories</a> | <a href="http://magick.m3lancholia.net/">magick</a>
</center></div>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title> //++------ Sweet Harmony</title>
<style>
<!--
/* Sweet Harmony */
/* by moorepocket/fragmentx */
/* http://fragmentx.livejournal.com */
/*BACKGROUND IMAGE*/
body {
background: #9F98EF url('http://cbimg6.com/layouts/08/02/06/25275ae.jpg');
background-postion: left center; 
scrollbar-arrow-color:#0E007E; 
scrollbar-darkshadow-color:#0E007E; 
scrollbar-track-color:#E4CEFD; 
scrollbar-face-color:#E4CEFD; 
scrollbar-shadow-color:#E4CEFD; 
scrollbar-highlight-color:#E4CEFD; 
scrollbar-3d-light-color:#E4CEFD; 
font-family: tahoma;
font-size: 11px;
color:#3F2FB0;
text-align: justify;
overflow-x: hidden; }

BODY, TD {font-family: tahoma;
font-size: 11px;
color:#3F2FB0; }

table, tr, xmp, div, td, p {font-family: tahoma;
font-size: 11px;
color:#3F2FB0; }

/*GETS RID OF ICON*/
.shadowed img{display:none; }

/*HIDES YOUR 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 }

/*POSITION YOUR HEADER*/
#x{
position:absolute !important;
visibility: visible !important;
left: 0px; 
top: 0px; }

/*YOUR SIDEBAR*/
#sidebar{
position: absolute;
margin-top: 105px !important;
margin-top: 115px;
left: 34px;
width: 143px;
visibility: visible;
z-index:1;
font-family: tahoma;
color: #0E007E;
font-size:11px;
text-align: justify; }

#sidebar img{display:inline; }

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background: transparent; 
font-family:tahoma;
color:#3F2FB0;
font-size:11px; }

body {margin-top:450px !important; margin-top:450px; }

table {
width: 355px !important; 
margin-left: 220px !important;
left: 220px;
margin-right: 100%;
font-family: arial, tahoma;
color: #000000;
font-size: 11px; }

table table {width:100% !important; margin:0 !important; background-color:transparent;} 
table table table {width:auto !important; background-color:transparent;} 
table td {border:0px solid #FFFFFF;}
table table, table table td {border:none; padding:0;}

.shadowed img
/* icons */
{color:#E3DECB; border:none;}
.entrybox 
/* entry border */
{border:0px solid #3F2FB0;  }
.entrybox .index 
/* hiding bracket */
{color:#F6BF96; }

/*JUSTIFIES TEXT*/
.entrybox td{
position:relative;
text-align: justify;
font-family:tahoma;
color:#3F2FB0;
font-size:11px; }

.entrybox td.index, .entrybox td.comments{
text-align: right; 
font-family:tahoma;
color:#3F2FB0;
font-size:11px; }

.footer {
font-color: #0E007E;
font-size: 7px;
font-weight: normal; 
text-align: center;
padding-top: 10px; }

.footer a:link, .footer a:visited, .footer a:active {
font-family: small fonts;
color: #0E007E;
font-weight: normal; 
text-transform:uppercase;
font-size:7px; text-decoration: none; }

.footer a:hover {
font-family: small fonts;
color: #7F50C0;
font-weight: normal; 
text-transform: uppercase;
font-size: 7px; text-decoration: underline; }

b, strong, u, i, em, s {
color: #3F2FB0;
font-weight: bold; }

a:link, a:visited, a:active{
color: #7F50C0; 
font: 11px tahoma;
text-decoration: underline; }

a:hover {
font: 11px tahoma;
color: #3C28BF;
text-decoration: none; }

/* This will change the rest of the date */
/* "Navigation" at bottom */
/* "[entries|friends|calendar]" at top */
.date, .index {
color:#0E007E;
background-color:transparent;
font-family:tahoma;
font-size:11px;
text-transform:uppercase;
font-weight:bold; }

/* This will change the navi caption, and brackets */
table.index td{
font-family: tahoma; 
font-size: 11px; 
text-transform: uppercase;
color: #3F2FB0;
background-color: transparent; 
font-weight: bold; }

/* This will change the most recent attributes */
table table table td.meta { 
font-family: tahoma; 
font-size: 11px; 
text-transform: uppercase;
color: #3F2FB0;
background-color: transparent; 
font-weight: bold;}

/* This will change the journal name, etc: However, it's hidden */
td.caption, .subject { 
text-transform: uppercase;
font-family: tahoma;
font-weight: bold;
font-size: 11px;
font-style: italic;
color:#0E007E;
letter-spacing: 1px;
text-align: left;
border: 0px solid #3C28BF;  }

/* This will change the subject's attributes */
p table table td.caption, .head{ 
text-transform: uppercase;
font-family: tahoma;
font-weight: bold;
font-size: 11px;
font-style: italic;
color:#0E007E;
letter-spacing: 1px;
text-align: left;
border: 0px solid #3C28BF;}

td.caption b
/* site description */
{font-weight:bold;}

.entrybox td.index, .index3 {display: none;}
.index2 {font-style:italic; }
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<div class="footer"><center>
<a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a> | <a href="%%urlpost%%">reply</a> | <a href="http://livejournal.com/editjournal.bml?%%itemargs%%">edit</a> | <a href=http://www.livejournal.com/tools/memadd.bml?%%itemargs%%>memories</a> | <a href="http://magick.m3lancholia.net/">magick</a>
</center></div>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>5

LASTN_DATE_FORMAT<=
</td></tr><tr><td class="index2">
%%monlong%% %%d%%, %%yyyy%% - %%12h%%:%%min%%%%ampm%% <br><br>
</td></tr><tr><td class="index3">
<=LASTN_DATE_FORMAT

CALENDAR_WEBSITE<=

<div id="sidebar">
<p class="subject" id="u">Navigations</p>
<a href="http://fragmentx.livejournal.com/">Recent Entries</a><br>
<a href="http://fragmentx.livejournal.com/friends/">Friends</a><br>
<a href="http://fragmentx.livejournal.com/calendar/">Calendar</a><br>
<a href="http://fragmentx.livejournal.com/profile">Profile</a>

<p class="subject" id="u">My Networks</p>
<a href="http://magick.m3lancholia.net/">Site</a><br>
<a href="http://fragmentx.deviantart.com/">DeviantArt</a><br>
<a href="http://xanga.com/moorepocket/">Xanga</a><br>
<a href="http://moorepocket.blogspot.com/">Blogger</a><br>
<a href="http://myspace.com/moorepocket">Myspace</a>

<p class="subject" id="u">Admin</p>
<a href="http://www.livejournal.com/update.bml">Update</a><br>
<a href="http://www.livejournal.com/customize/">Customize</a><br>
<a href="http://www.livejournal.com/">Sign In</a>

<p class="subject" id="u">Disclaimer</p>
<p>Everything you see here is made entirely by me (fragmentx).
Duplication is not permitted in any ways. Do not take anything and use
it as your own, or say that this is yours. Cause you and I both know
it's not. If you have been found violating these terms, stricted
consequences will be taken into actions.<p>

<p class="subject" id="u">Credits</p>
<a href="http://fragmentx.livejournal.com/">FragmentX</a><br>
<a href="http://boyis.com">Boyis</a>
</div>

<div> </div>

<div id="x">
<TABLE WIDTH="603" BORDER="0" CELLPADDING="0" CELLSPACING="0" id="x">
	<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275aa.jpg" WIDTH="302" HEIGHT="277" galleryimg="no" style="display:inline;" ></TD>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ab.jpg" WIDTH="301" HEIGHT="277" galleryimg="no" style="display:inline;" ></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ac.jpg" WIDTH="302" HEIGHT="278" galleryimg="no" style="display:inline;" ></TD>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ad.jpg" WIDTH="301" HEIGHT="278" galleryimg="no" style="display:inline;" ></TD>
	</TR>
</TABLE>
</div>
<=CALENDAR_WEBSITE

FRIENDS_DATE_FORMAT=><span class="subject">%%monlong%% %%d%%, %%yyyy%%  | %%12h%%:%%min%%%%ampm%%</span>

LASTN_WEBSITE<=

<div id="sidebar">
<p class="subject" id="u">Navigations</p>
<a href="http://fragmentx.livejournal.com/">Recent Entries</a><br>
<a href="http://fragmentx.livejournal.com/friends/">Friends</a><br>
<a href="http://fragmentx.livejournal.com/calendar/">Calendar</a><br>
<a href="http://fragmentx.livejournal.com/profile">Profile</a>

<p class="subject" id="u">My Networks</p>
<a href="http://magick.m3lancholia.net/">Site</a><br>
<a href="http://fragmentx.deviantart.com/">DeviantArt</a><br>
<a href="http://xanga.com/moorepocket/">Xanga</a><br>
<a href="http://moorepocket.blogspot.com/">Blogger</a><br>
<a href="http://myspace.com/moorepocket">Myspace</a>

<p class="subject" id="u">Admin</p>
<a href="http://www.livejournal.com/update.bml">Update</a><br>
<a href="http://www.livejournal.com/customize/">Customize</a><br>
<a href="http://www.livejournal.com/">Sign In</a>

<p class="subject" id="u">Disclaimer</p>
<p>Everything you see here is made entirely by me (fragmentx).
Duplication is not permitted in any ways. Do not take anything and use
it as your own, or say that this is yours. Cause you and I both know
it's not. If you have been found violating these terms, stricted
consequences will be taken into actions.<p>

<p class="subject" id="u">Credits</p>
<a href="http://fragmentx.livejournal.com/">FragmentX</a><br>
<a href="http://boyis.com">Boyis</a>
</div>

<div> </div>

<div id="x">
<TABLE WIDTH="603" BORDER="0" CELLPADDING="0" CELLSPACING="0" id="x">
	<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275aa.jpg" WIDTH="302" HEIGHT="277" galleryimg="no" style="display:inline;" ></TD>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ab.jpg" WIDTH="301" HEIGHT="277" galleryimg="no" style="display:inline;" ></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ac.jpg" WIDTH="302" HEIGHT="278" galleryimg="no" style="display:inline;" ></TD>
		<TD>
			<IMG SRC="http://cbimg6.com/layouts/08/02/06/25275ad.jpg" WIDTH="301" HEIGHT="278" galleryimg="no" style="display:inline;" ></TD>
	</TR>
</TABLE>
</div>
<=LASTN_WEBSITE

Layout Comments

Showing latest 7 of 7 comments

that is so pretty!

By AnnSky on Jun 16, 2010 2:33 pm

hi , I know you have loads of things to do on your hand and stuff, but I have the same problem like Arkitty. I did everything right and still no pixi fairy or cute design purple at the background...getting a lil confused. So umm..help please? My account is an ordinary account. please help?? ^_^

By swtang3l on Nov 2, 2008 12:02 am

I don't know whyyy but it never works on my LiveJournal. I followed all the instructions, and yet I only see the repeating purple background image, no cute little purple anime fairy elf girl. Kinda frustrated, I even dillied a little bit with the CSS because I code layout for myspace, and it's rather similar. Still nothing. :[

By AriKitty on Jul 25, 2008 10:47 am

AMAZING!

By YunasOtherSelf on Apr 18, 2008 5:02 pm

gorgeous colors

By bangxdisco on Feb 11, 2008 7:13 pm

Nice purple.

By tokyo-rose on Feb 9, 2008 4:38 pm

very cute. i love purple!

By Melie on Feb 7, 2008 12:06 am

Layout Details

Designer	moorepocket
Submitted on	Feb 6, 2008
Page views	22,112
Favorites	43
Comments	7
Reviewer	pandora
Approved on	Feb 6, 2008

Sweet Harmony

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates