flame_butterfly: Layout #1

MoonFighter (

flame_butterfly) wrote,
@ 2006-11-13 08:49:00

Layout #1 - FLCL

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

Username:		Create an Account Forgot your login or password? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

About

Help

Get Involved

Legal

Store

LJ Labs

	breyzyyin 2006-11-13 04:54 pm UTC (link)
	The layout looks really good! :) (Reply to this) (Thread)

	flame_butterfly 2006-11-14 12:22 pm UTC (link)
	Thank you. ^^ (Reply to this) (Parent)

	crazyaievilhate 2006-11-29 08:50 pm UTC (link)
	A-ahnou...this is really off-topic, but but but...today's your birthday? (Reply to this)