amavel_bel | BtVS - It's about power (Episode "Lessons")

It's layout time!!! I made the banner to the challenge at

layoutchallenge and now I'm posting the whole layout here. Look. Take. Credit.

Preview:

You can see it working here: Working Preview.

Title: BtVS - It's about power (Episode "Lessons")
Features: Layout S1 to free and paid accounts using generator style.
Note: Supported by LiveJournal and GreatestJournal. To use it at GreatestJournal, just replace every www.livejournal.com by www.greatestjournal.com in the code.
Author:

amavel_bel (Mabel)
Credits: Screencaps by Alanna.net and Raining Dreams. Other resources are credited at my LJ Info Page.

| IMAGES |
Obs.: Upload the images in your own server.

Header:

http://img.photobucket.com/albums/v481/amavel_bel/journal/btvs_itsaboutpower_header.jpg

Background:

Friends Only Banner:

Icons:

| COLORS |
The colors don't need to be fulfilled.

| CODE |

GLOBAL_HEAD<=
<title>+++ It's about power +++</title>

scrollbar-base-color: #010500;
scrollbar-track-color: #010500;
scrollbar-face-color: #010500;
scrollbar-3dlight-color: #010500;
scrollbar-darkshadow-color: #010500;
scrollbar-shadow-color: #010500;
scrollbar-arrow-color: #DDCCA3;
scrollbar-highlight-color: #DDCCA3;

clip:  rect(   );
margin-top: 0px;
margin-left: 0px; 
margin-right: 0px;
}

div {
padding-top: 430px;
background-image: url(http://YOUR-SERVER-LINK-HERE/btvs_itsaboutpower_header.jpg);
background-repeat: no-repeat;
background-position: top center;
}

body, td, div, p { 
font-family: "Verdana", "Arial", "Helvetica"; 
color: #1D1705;
font-size: 10pt; 
}

font { 
font-family: "Verdana", "Arial", "Helvetica"; 
color: #010500;
font-size: 8pt; 
}

a:link {color:#1D1705; text-decoration: none}
a:active {color:#1D1705; text-decoration: none}
a:visited {color:#1D1705; text-decoration: none}
a:hover {filter: shadow(Color=#1D1705 #000000,Direction=15);height: 10; text-decoration: none}

.index:link {color:#1D1705}
.index:active {color:#1D1705}
.index:visited {color:#1D1705}
.index:hover {color:#67670B; cursor:e-resize; text-decoration: underline overline}

table { 
margin-right: 0%; 
margin-left: 0%; 
border: 1px dashed #94896A; 
}

table table { 
margin:0px; 
width: 100%; 
border: 1px #563327;
}

table table table { 
width:0;  
}

div div { 
height: auto; 
width: auto; 
padding: 0px; 
background: none; 
}

div table { 
width: 770px; 
padding: 0px;
}

div table table { 
width: 100%; 
}

div table table table { 
width: auto; 
}

div table table table table { 
width: 100%; 
}

td {
background-color: #94896A
}

tt, pre {
font-family: monospace;
}

.index {
font-size: 8pt;
}

.caption {
color: #1D1705; 
background-color: #DDCCA3;
font-weight: bold;
}

.index {
color: #1D1705; 
background-color: #DDCCA3;
}

.shadowed {
font-size: 8pt;
background: #94896A;
}

.comments {
font-size: 8pt; 
background-color: #94896A;
}

.meta {
font-size: 8pt;
}
--></style>

<=GLOBAL_HEAD

LASTN_DATE_FORMAT=>%%daylong%%, %%monlong%% %%dth%%, %%yyyy%% @ %%12h%%:%%min%%%%ampm%%

LASTN_WEBSITE<=
<style type="text/css">
table table table table .meta {	visibility: hidden }
table table table table table .meta { visibility: visible }
--></style>

<div align="center"><b>
<a href="http://www.livejournal.com/userinfo.bml?user=YOUR-LJ-USERNAME-HERE">About Me</a> +++  
<a href="http://www.livejournal.com/tools/memories.bml?YOUR-LJ-USERNAME-HERE">Memories</a><br>
<a href="http://livejournal.com/allpics.bml?user=YOUR-LJ-USERNAME-HERE">Current Icons</a> 
</b></div>

<=LASTN_WEBSITE

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

LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% talked%%mc-plural-%%</b></a> |

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

FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% talked%%mc-plural-%%</b></a> |

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

DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% talked%%mc-plural-%%</b></a> |

LASTN_OPT_ITEMS=>15

FRIENDS_OPT_ITEMS=>15

| SPECIAL INSTRUCTIONS |

1- Replace YOUR-SERVER-LINK-HERE by the server address where you uploaded the image.
2- Replace every YOUR-LJ-USERNAME-HERE by your username at LiveJournal (or GreatestJournal).
3- For this code to work properly, MAKE SURE that you have a WEBSITE URL in your personal info page.

Cross-posted to

btvsats_layouts and

layouts_for_fun, banner posted at

layoutchallenge.