Layout #1 - FLCL

2006-11-13T05:49:36Z

I have no time so I'll just give you the layout.

Rules:
Credit must be left as it is.
Anyone who likes the layout can use it. (that't not a rule but anyway...)

How to use your new layout:

1. Go to Customize and select Basics tab. Set the Style System to S1.
2. Then, select the Look and Feel tab. There, set all options under the Layout heading to Generator and be sure that you have set no colors under the Theme heading.
3. Afterwards, go to the Custom Options tab and paste the code I give you once I'm done with the layout.
4. Finally, go to Edit Profile and make sure you've got a URL under the Web Page header. THESE LAYOUTS WON'T WORK IF YOU DON'T HAVE A URL IN YOUR USER INFO.
5. You can add any info you want under the sidebar headers (A B O U T M E, L I K E S, etc.) as long as you don't meddle with the [tr][td] (<> instead of []) parts of the overrides.
6. If you have any problems with your layout, please tell me.
7. Enjoy your new layout! ^^

Layout

FRIENDS_HEAD<=

body {
overflow-x: hidden;
margin-top: 455px;
background: #9CA5AA;
overflow:-moz-scrollbars-vertical;
background-image: url(http://img72.imageshack.us/img72/8871/layoutfool2copyco2.png);
}

a:visited {
text-decoration: none;
color: #9CA5AA;
font-weight: bold;
}

a:link {
text-decoration: none;
color: #9CA5AA;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #9CA5AA:
font-weight: bold}

a:hover {
cursor: crosshair;
text-decoration: underline;
color: #9CA5AA;
}

table {
width: 355px;
margin-left: 170px;
margin-right: 100%;
}

table.entrybox td {
font-size: 9;
}

table table table td.meta {
font-size: 9;
}

.comments {
font-size: 9;
}

p table table td.caption {
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
}

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

table.side {
position: absolute; 
top: 532px; 
left: 600px; 
width: 170px;  
z-index: 15;
visibility: visible; 
text-align: justify;
}

table table { 
width: 100%; 
margin:0; 
border:0;
} 
table table table { 
width: auto; 
}

body, td, font, div, p { 
font-family: verdana;
font-size: 9;
color: #588160;
letter-spacing: 1px;
}

tr.caption{
display:none
}

.shadowed img{
visibility:hidden;position:absolute;top:0
}

.shadowed td div{
visibility: hidden; 
position: absolute; 
top: 1px
}

p table table td.caption, td.index {
height: 24;
padding: 3;
background-color: #FFFFFF;
}

.index {
font-size: 9;
}
.meta {
font-size: 9;
}

-->
</style>
<=FRIENDS_HEAD

FRIENDS_WEBSITE<=

<table class="side" cellspacing="0" cellpadding="10">
<tr valign="middle">
<td class="index">
<b>N A V I G A T I O N</b>
</td>
</tr>
<tr valign="top">
<td>
[<a href="http://livejournal.com/users/yourusername/">x</a>] recent
<br>
[<a href="http://users.livejournal.com/yourusername/friends/Friends%27+Journals">x</a>] friends
<br>
[<a href="http://www.livejournal.com/userinfo.bml?user=yourusername&mode=full">x</a>] info
<br>
[<a href="http://www.livejournal.com/tools/memories.bml?user=yourusername">x</a>] memories
</td>
</tr>
<tr valign="middle">
<td class="index">
<b>C R E D I T S</b>
</td>
</tr>
<tr valign="top">
<td>
This layout was made in Photoshop CS2 by <a href="http://livejournal.com/flame_butterfly" target="_blank">flame_butterfly</a> using resources from <a href="http://hybrid-genesis.net" target="_blanK">H-G.net</a>, <a href="http://deviantart.com" target="_blank">DeviantArt</a> and <a href="http://livejournal.com/gender" target="_blank">gender</a>. Handcoded in Notepad by <a href="http://livejournal.com/~n_o_c_t_u_r_n_e" target="_blank">Nocturne</a> 
</td>
</tr>
</table>

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
}

-->
</style>
<=FRIENDS_WEBSITE

DAY_HEAD<=

body {
overflow-x: hidden;
margin-top: 455px;
background: #9CA5AA;
overflow:-moz-scrollbars-vertical;
background-image: url(http://img72.imageshack.us/img72/8871/layoutfool2copyco2.png);
}

a:visited {
text-decoration: none;
color: #9CA5AA;
font-weight: bold;
}

a:link {
text-decoration: none;
color: #9CA5AA;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #9CA5AA:
font-weight: bold}

a:hover {
cursor: crosshair;
text-decoration: underline;
color: #9CA5AA;
}

table {
width: 355px;
margin-left: 170px;
margin-right: 100%;
}

table.entrybox td {
font-size: 9;
}

table table table td.meta {
font-size: 9;
}

.comments {
font-size: 9;
}

p table table td.caption {
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
}

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

table.side {
position: absolute; 
top: 532px; 
left: 600px; 
width: 170px;  
z-index: 15;
visibility: visible; 
text-align: justify;
}

table table { 
width: 100%; 
margin:0; 
border:0;
} 
table table table { 
width: auto; 
}

body, td, font, div, p { 
font-family: verdana;
font-size: 9;
color: #588160;
letter-spacing: 1px;
}

tr.caption{
display:none
}

.shadowed img{
visibility:hidden;position:absolute;top:0
}

.shadowed td div{
visibility: hidden; 
position: absolute; 
top: 1px
}

p table table td.caption, td.index {
height: 24;
padding: 3;
background-color: #FFFFFF;
}

.index {
font-size: 9;
}
.meta {
font-size: 9;
}

-->
</style>
<=DAY_HEAD

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">comment</a>
</td>
</tr>
<=LASTN_TALK_LINKS

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">comment</a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

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

CALENDAR_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
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

-->
</style>
<=CALENDAR_WEBSITE

FRIENDS_DATE_FORMAT=><b>%%monlong%% %%dth%%, %%yyyy%%</b> | %%24hh%%.%%min%%

LASTN_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
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

-->
</style>
<=LASTN_WEBSITE

DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b> comments</a>|

LASTN_HEAD<=

body {
overflow-x: hidden;
margin-top: 455px;
background: #9CA5AA;
overflow:-moz-scrollbars-vertical;
background-image: url(http://img72.imageshack.us/img72/8871/layoutfool2copyco2.png);
}

a:visited {
text-decoration: none;
color: #9CA5AA;
font-weight: bold;
}

a:link {
text-decoration: none;
color: #9CA5AA;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #9CA5AA:
font-weight: bold}

a:hover {
cursor: crosshair;
text-decoration: underline;
color: #9CA5AA;
}

table {
width: 355px;
margin-left: 170px;
margin-right: 100%;
}

table.entrybox td {
font-size: 9;
}

table table table td.meta {
font-size: 9;
}

.comments {
font-size: 9;
}

p table table td.caption {
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
}

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

table.side {
position: absolute; 
top: 532px; 
left: 600px; 
width: 170px;  
z-index: 15;
visibility: visible; 
text-align: justify;
}

table table { 
width: 100%; 
margin:0; 
border:0;
} 
table table table { 
width: auto; 
}

body, td, font, div, p { 
font-family: verdana;
font-size: 9;
color: #588160;
letter-spacing: 1px;
}

tr.caption{
display:none
}

.shadowed img{
visibility:hidden;position:absolute;top:0
}

.shadowed td div{
visibility: hidden; 
position: absolute; 
top: 1px
}

p table table td.caption, td.index {
height: 24;
padding: 3;
background-color: #FFFFFF;
}

.index {
font-size: 9;
}
.meta {
font-size: 9;
}

-->
</style>
<=LASTN_HEAD

DAY_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">comment</a>
</td>
</tr>
<=DAY_TALK_LINKS

CALENDAR_HEAD<=

body {
overflow-x: hidden;
margin-top: 455px;
background: #9CA5AA;
overflow:-moz-scrollbars-vertical;
background-image: url(http://img72.imageshack.us/img72/8871/layoutfool2copyco2.png);
}

a:visited {
text-decoration: none;
color: #9CA5AA;
font-weight: bold;
}

a:link {
text-decoration: none;
color: #9CA5AA;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #9CA5AA:
font-weight: bold}

a:hover {
cursor: crosshair;
text-decoration: underline;
color: #9CA5AA;
}

table {
width: 355px;
margin-left: 170px;
margin-right: 100%;
}

table.entrybox td {
font-size: 9;
}

table table table td.meta {
font-size: 9;
}

.comments {
font-size: 9;
}

p table table td.caption {
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
}

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

table.side {
position: absolute; 
top: 532px; 
left: 600px; 
width: 170px;  
z-index: 15;
visibility: visible; 
text-align: justify;
}

table table { 
width: 100%; 
margin:0; 
border:0;
} 
table table table { 
width: auto; 
}

body, td, font, div, p { 
font-family: verdana;
font-size: 9;
color: #588160;
letter-spacing: 1px;
}

tr.caption{
display:none
}

.shadowed img{
visibility:hidden;position:absolute;top:0
}

.shadowed td div{
visibility: hidden; 
position: absolute; 
top: 1px
}

p table table td.caption, td.index {
height: 24;
padding: 3;
background-color: #FFFFFF;
}

.index {
font-size: 9;
}
.meta {
font-size: 9;
}

-->
</style>
<=CALENDAR_HEAD

DAY_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
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

-->
</style>
<=DAY_WEBSITE

DAY_DATE_FORMAT=><b>%%monlong%% %%dth%%, %%yyyy%%</b> | %%24hh%%.%%min%%

LASTN_DATE_FORMAT=><b>%%monlong%% %%dth%%, %%yyyy%%</b> | %%24hh%%.%%min%%

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

Just a few things:
The image was entirely coloured by me except from some texture parts thanks to dearest
I went from this:

To this:

And here's where you can find a preview of the layout:
http://img453.imageshack.us/img453/3135/previewjz7.png

flame_butterfly @ 2006-10-26T12:56:00

2006-10-26T09:57:25Z

JOIN rumble_awards! Please?

[x] posted. (Kinda...)

READ!

2006-10-21T22:54:48Z

I am tranforming this journal into an icon one. All entries are deleted. If you want, you can keep this journal as your friend. I don't mind at all. And, if you want to read my random entries, then visit _shamballa. Thank you for your attention. ^^

The more I struggle...

school

Layout #1 - FLCL

flame_butterfly @ 2006-10-26T12:56:00

READ!