amavel_bel | Buffy/Faith - Bondage looks good on you, B (BtVS

What about some femslash layout? I always thought there was some vibe going on between Buffy and Faith, so I made a layout about the slayers. Look, take, enjoy.

Preview:

You can see it working here:

bel_btvsats104.

Title: Buffy/Faith - Bondage looks good on you, B (BtVS - Episode "Enemies")
Features: Layout S1 to free and paid accounts using generator style.
Best view: 800x600. It gets centralized in higher resolutions.
Browser(s) compatible: Firefox, Internet Explorer, Netscape, Opera.
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)
Resources: Screencaps by Freeze Frame Network. 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/buffy-faith_bondage_header.jpg

Background:

http://img.photobucket.com/albums/v481/amavel_bel/journal/buffy-faith_bondage_back.jpg

Friends Only Banner:

Icons:

| COLORS |
The colors don't need to be fulfilled. It's better to clean all the fields, by the way.

| OVERRIDES |

GLOBAL_HEAD<=

<title>... Bondage looks good on you ...</title>

background-image: url(http://YOUR-SERVER-LINK-HERE/buffy-faith_bondage_back.jpg);

background-attachment: scroll;
background-repeat: repeat-y;
background-position: center top;
background-color: #000000;

scrollbar-base-color: #000000;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #9f8763;
scrollbar-arrow-color: #9f8763;
}

a:link {color:#f5e3d0; text-decoration: none}
a:active {color:#f5e3d0; text-decoration: none}
a:visited {color:#f5e3d0; text-decoration: none}
a:hover {color:#9f8763; cursor:e-resize; text-decoration: none}

.index:link {color:#f5e3d0; text-decoration: none}
.index:active {color:#f5e3d0; text-decoration: none}
.index:visited {color:#f5e3d0; text-decoration: none}
.index:hover {color:#9f8763; cursor:e-resize; text-decoration: underline}

#menubox a:link {color:#f5e3d0; text-decoration: none}
#menubox a:active {color:#f5e3d0; text-decoration: none}
#menubox a:visited {color:#f5e3d0; text-decoration: none}
#menubox a:hover {color:#9f8763; cursor:e-resize; text-decoration: none}

.shadowed img {
display: none;
}

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
}

.hb {
position: absolute;
top: 0px;
width: 780px;
left: 50%;
margin-left: -390px;
z-index: 4;
}

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

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

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

table { 
width: 540px; 
margin-right: -200px;
margin-top: -5px;
}
 
table table { 
width: 100%; 
margin: 0px; 
border: 0px #000000 solid;
background-color: transparent;
}

table table table { 
width: auto; 
border: 0px #000000 solid;
}

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

.caption {
font-weight: bold;
background-color: #000000;
border-bottom: 1px dotted #9f8763;
}

p table table td.caption {
font-family: Times New Roman; 
font-size: 20px;
color: #bc8b6c;
background-color: #transparent;
}

.entrybox {
margin-bottom: 30px;
}

.entrybox td {
font-size: 8pt;
font-family: verdana;
}

.entrybox td.index {
text-align: right; 
color: #000000;
background-color: transparent;
border-bottom: 1px dotted #9f8763;
}

.entrybox td.comments {
font-family: Arial; 
text-align: center;
padding-top: 30px;
}

.date_daylong {
font-family: Georgia; 
font-style: italic; 
font-size: 22pt; 
color: #9f8763; 
line-height: 0.6em !important;
line-height: 0.8em;
}

.date_monlong {
font-family: Arial,Tahoma; 
font-size: 10pt; 
color: #f5e3d0; 
line-height: 0.1em;
}

.shadow {
background-color: transparent;
}

.menulink { 
margin-left: 4px;
color: #000000;
}

#menubox {
visibility: visible; 
position: absolute; 
z-index: 2;
top: 400px; 
left: 50%;
margin-left: -376px;
width: 160px; 
height: auto;
border: 1px dotted #9f8763;
background-color: #000000;
}

#menubox img { 
display: inline;
}

#menubox h2{
color: #bc8b6c;
text-align: center;
font-size: 12px;
border-top: 1px dotted #9f8763;
font-weight: normal;
}

#menubox h5{ 
color: #f5e3d0;
text-align: center;
font-size: 10px;
font-weight: normal;
}
</style>
<=GLOBAL_HEAD

LASTN_DATE_FORMAT<=
<span class="date_daylong">%%daylong%%</span><br>
<span class="date_monlong">%%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span>
<=LASTN_DATE_FORMAT

FRIENDS_DATE_FORMAT<=
<span class="date_daylong">%%daylong%%</span><br>
<span class="date_monlong">%%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span>
<=FRIENDS_DATE_FORMAT

DAY_DATE_FORMAT<=
<span class="date_daylong">%%daylong%%</span><br>
<span class="date_monlong">%%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span>
<=DAY_DATE_FORMAT

LASTN_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/buffy-faith_bondage_header.jpg" class="hb" style="display:inline;">

<h2>.: About me :.</h2>

<h5>

SOMETHING-ABOUT-YOU-HERE

</h5>

<br>
<h2>.: Navigation :.</h2>

<span class="menulink"><a href="http://YOUR-LJ-USERNAME-HERE.livejournal.com/">: Entries</a></span><br>
<span class="menulink"><a href="http://YOUR-LJ-USERNAME-HERE.livejournal.com/profile"> : Info</a></span><br>
<span class="menulink"><a href="http://YOUR-LJ-USERNAME-HERE.livejournal.com/friends"> : Friends</a></span><br>
<span class="menulink"><a href="http://livejournal.com/tools/memories.bml?user=YOUR-LJ-USERNAME-HERE"> : Memories</a></span><br>
<span class="menulink"><a href="http://YOUR-LJ-USERNAME-HERE.livejournal.com/calendar"> : Calendar</a></span>

<br>
<br>
<h2>.: Favorite Stuff :.</h2>

<h5>

THINGS-YOU-LIKE-HERE

</h5>

<br>
<h2>Links</h2>

<br>
<br>
<h2>Layout Info</h2>

<h5>
Buffy/Faith layout made by <a href="http://amavel-bel.livejournal.com/" target="_blank"><b>amavel_bel (Mabel)</b></a> and shared in the communities <a href="http://community.livejournal.com/btvsats_layouts" target="_blank"><b>btvsats_layouts</b></a> and <a href="http://community.livejournal.com/layouts_for_fun" target="_blank"><b>layouts_for_fun</b></a>.
</h5>

</div>

<=LASTN_WEBSITE

FRIENDS_HEAD<=
<style type="text/css">
body {
overflow-x: hidden;
margin-top: 350px;
}
</style>
<=FRIENDS_HEAD

FRIENDS_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/buffy-faith_bondage_header.jpg" class="hb" style="display:inline;">

<h2>.: About me :.</h2>

<h5>

SOMETHING-ABOUT-YOU-HERE

</h5>

<br>
<h2>.: Navigation :.</h2>

<br>
<br>
<h2>.: Favorite Stuff :.</h2>

<h5>

THINGS-YOU-LIKE-HERE

</h5>

<br>
<h2>Links</h2>

<br>
<br>
<h2>Layout Info</h2>

</div>

<=FRIENDS_WEBSITE

CALENDAR_HEAD<=
<style type="text/css">
body {
overflow-x: hidden;
margin-top: 350px; 
}
</style>
<=CALENDAR_HEAD

CALENDAR_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/buffy-faith_bondage_header.jpg" class="hb" style="display:inline;">

<h2>.: About me :.</h2>

<h5>

SOMETHING-ABOUT-YOU-HERE

</h5>

<br>
<h2>.: Navigation :.</h2>

<br>
<br>
<h2>.: Favorite Stuff :.</h2>

<h5>

THINGS-YOU-LIKE-HERE

</h5>

<br>
<h2>Links</h2>

<br>
<br>
<h2>Layout Info</h2>

</div>

<=CALENDAR_WEBSITE

DAY_HEAD<=
<style type="text/css">
body {
overflow-x: hidden;
margin-top: 350px; 
}
</style>
<=DAY_HEAD

DAY_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/buffy-faith_bondage_header.jpg" class="hb" style="display:inline;">

<h2>.: About me :.</h2>

<h5>

SOMETHING-ABOUT-YOU-HERE

</h5>

<br>
<h2>.: Navigation :.</h2>

<br>
<br>
<h2>.: Favorite Stuff :.</h2>

<h5>

THINGS-YOU-LIKE-HERE

</h5>

<br>
<h2>Links</h2>

<br>
<br>
<h2>Layout Info</h2>

</div>

<=DAY_WEBSITE

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

LASTN_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">play with me</a> | <a href=http://www.livejournal.com/tools/memadd.bml?%%itemargs%%>add mem</a> | <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%>edit</a>
</td>
</tr></span>
<=LASTN_TALK_LINKS
 
FRIENDS_TALK_READLINK<=
<a href="%%urlread%%"><b>%%messagecount%% player%%mc-plural-s%%</b></a> | </span>
<=FRIENDS_TALK_READLINK

FRIENDS_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">play with me</a> | <a href=http://www.livejournal.com/tools/memadd.bml?%%itemargs%%>add mem</a> | <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%>edit</a>
</td>
</tr> </span>
<=FRIENDS_TALK_LINKS
 
DAY_TALK_READLINK<=
<a href="%%urlread%%"><b>%%messagecount%% player%%mc-plural-s%%</b></a> | </span>
<=DAY_TALK_READLINK

DAY_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">play with me</a> | <a href=http://www.livejournal.com/tools/memadd.bml?%%itemargs%%>add mem</a> | <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%>edit</a>
</td>
</tr></span>
<=DAY_TALK_LINKS

FRIENDS_OPT_ITEMS=>15

LASTN_OPT_ITEMS=>15

| SPECIAL INSTRUCTIONS |

First of all, host the images in your own server, even the FIRST ICON (it's a fixed image in the code), and replace every YOUR-SERVER-LINK-HERE by the server address where you uploaded the images.

Then, you will have to do the steps below FOUR TIMES (for LASTN_WEBSITE, FRIENDS_WEBSITE, CALENDAR_WEBSITE and DAY_WEBSITE sections).

1- Replace every YOUR-LJ-USERNAME-HERE by your username at LiveJournal (or GreatestJournal).

2- In the section About Me, replace where it says SOMETHING-ABOUT-YOU-HERE by something about yourself (name, location, age and so on).

3- In the section Favorite Stuff, replace where it says THINGS-YOU-LIKE-HERE by things you love or admire (personalities, bands, artists or things like that).

4- In the section Links, pay attention to the part that starts with BEGINNING OF YOUR CUSTOMIZED LINKS SECTION and ends with END OF YOUR CUSTOMIZED LINKS SECTION. It's where you can put your favorite links. Replace YOUR-LINK1 by your first favorite link and YOUR-LINK1-NAME with the name of the related web site. Do the same with the other links and names (YOUR-LINK2, YOUR-LINK2-NAME, YOUR-LINK3, YOUR-LINK3-NAME and so on) with other of your favorite links.

5- If you prefer to replace the default icon by one of your preference, host your personal icon in your server and replace in every place in the code where it says buffy-faith_bondage_icon1.jpg by the name of your personal icon.

Finally, for this code to work properly, MAKE SURE that you have a WEBSITE URL in your personal info page. If you don't do that, the header image and side bar with links won't appear (that's for sure!!!).

Tip: Copy and paste the code in the Notepad and use FIND or REPLACE to find the key-words (above, in red letters) that must be replaced.

Cross-posted to

btvsats_layouts,

layouts_for_fun and

freelayouts.