the butterfly...

Livejournal Layouts / S1

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

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
background-color: #B1DC77;
background-image: 
url(http://images.cbimg4.com/livejournal/15/3702a.jpg);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: 50%;
margin-top: 480px;
color: #236B8E;
}

table, tr, td, .shadowed {
background: transparent;
}

table {
width: 357px;
margin-left: 277px;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

html body .shadowed img.x{
z-index: -1;
}
table, .shadowed div{
z-index: 80;
}
html>body table{
position: relative;
}

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
}

.x{
position:absolute;
top:0px;
width: 650px;
left:50%;
margin-left: -325px !important;
margin-left: -324px;}

#sidebar{
position:absolute;
top: 528px;
left: 50%;
margin-left: -310px;
width: 185px;
height: 100%;
visibility: visible;
z-index:2;
font-size:11px;
font-family: Verdana;
font-color: #236B8E;
text-align: justify;
}
#sidebar img{
display:inline;
}
#sidebar a{
text-decoration: none; 
font-weight: none;
color:#FFF68F;
}
#sidebar a:hover{
text-decoration: none;
font-weight: none;
color: #33A1C9; 
}

p .index {
color: #50A6C2;
}
p table table td.caption {
font-size:11.5px;
font-weight: bold;
color: #05B8CC;
font-family: Verdana;
}
.comments {
font-size: 11px;
font-family: Verdana;
}
BODY, TD {font-family:verdana;color:#236B8E;font-size:11px;}

a:link, a:visited, a:active {
text-decoration: none; 
font-weight: none;
color:#33A1C9; 
}
a:hover{
text-decoration: none;
font-weight: none;
color: #FFF68F; 
}
.entrybox td{
text-align: justify;
font-family: verdana;
}
.entrybox td.index {
text-align: right;
}
-->
</style>
<=GLOBAL_HEAD

LASTN_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Modify</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.WEBSITEHERE">SITE</a>
<br /><a href="http://www.WEBSITEHERE">SITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Blahblahblah. Talk about who you are, what you like to do, what music you like to listen to, etc�
</div>

{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;
</style>
<=LASTN_WEBSITE

FRIENDS_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Modify</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.WEBSITEHERE">SITE</a>
<br /><a href="http://www.WEBSITEHERE">SITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Blahblahblah. Talk about who you are, what you like to do, what music you like to listen to, etc�
</div>

{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;
</style>
<=FRIENDS_WEBSITE

CALENDAR_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Modify</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.WEBSITEHERE">SITE</a>
<br /><a href="http://www.WEBSITEHERE">SITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Blahblahblah. Talk about who you are, what you like to do, what music you like to listen to, etc�
</div>

{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;
</style>
<=CALENDAR_WEBSITE

DAY_WEBSITE<=

<div id="sidebar">
<p><b>USERNAME</b>
<p><a href="http://www.livejournal.com/users/USERNAME">Home</a>
<br /><a href="http://www.livejournal.com/login.bml">Sign in</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/info">Info</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/friends">Friends</a>
<br /><a href="http://www.livejournal.com/users/USERNAME/calendar">Calendar</a>
<br /><a href="http://www.livejournal.com/modify.bml?authas=USERNAME">Modify</a>
<br /><a href="http://www.livejournal.com/update.bml">Update</a>
<br /><a href="http://www.livejournal.com/logout.bml">Log out</a>

<p><b>Links</b>
<p>
<a href="http://www.WEBSITEHERE">SITE</a>
<br /><a href="http://www.WEBSITEHERE">SITE</a>
<br /><a href="http://www.createblog.com">createblog</a>

<p><b>Moi:</b>
<p>
Blahblahblah. Talk about who you are, what you like to do, what music you like to listen to, etc�
</div>

{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;
</style>
<=DAY_WEBSITE

Layout Comments

Showing latest 10 of 24 comments

I love this layout! But whenever I try to use it, the picture doesn't show up, and neither do the blog or navigation text.

By Nekosuki on Sep 8, 2008 9:47 pm

nice.. 0_=

By xcorphz on Aug 2, 2007 12:49 pm

This layout is absolutely brilliant!

By Blackpanther on May 20, 2007 5:26 pm

Using this one, it's great! I'm a mac user though and use my Safari browser as default. Works fine in Firefox, but is there a way to alter it so it works with Safari? Am I doing something wrong or is it just not compatible?

By iambarb on Mar 17, 2007 2:25 am

^edit your profile. theres a space that says "webpage url" there.

By Mulder on Mar 4, 2007 11:11 pm

can someone tell me where this "webpage url" thing isnew to LJ ::sheepish::i just need some help because when i put this layout on i see alot of problems...

By Demon in Denial on Mar 4, 2007 9:27 pm

I love this layout! The butterfly is very pretty!

By Aerjae on Feb 26, 2007 5:33 am

I love this layout! What am I doing wrong here?The advertisement is pulled over and is covering my entries, and everything else is "off"...My Livejournal

By L_I-Z on Feb 26, 2007 5:20 am

QUOTE(insomniac @ Jan 21 2007, 6:15 PM) [snapback]2426658[/snapback]no, not in the coding.under Manage - Info, find the box for webpage url, and enter something. it can be fake, as long as it starts with http://ok. I put in the coding as is. But

By absolutlyfab1 on Jan 21, 2007 6:33 pm

no, not in the coding.under Manage - Info, find the box for webpage url, and enter something. it can be fake, as long as it starts with http://

By insomniac on Jan 21, 2007 6:15 pm

View all »

Layout Details

Designer	pawprints2570
Submitted on	Aug 7, 2005
Page views	151,580
Favorites	128
Comments	24

Layout Tags

, butterfly, rose, green

the butterfly...

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates