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.

Flat | Top-Level Comments Only

Date: 2006-03-26 08:41 am (UTC)

From:

druinsanity.livejournal.com

no subject

Very nice! Well done!

Date: 2006-03-26 09:13 am (UTC)

amavel-bel.livejournal.com

Thank you, hun!!!

^_^

Date: 2006-03-26 09:46 am (UTC)

nikki74.livejournal.com

Yay!Faith/Buffy eh o melhor casal femslash de BtVS \o/
Layout ficou ótimo.Eu adoro esse eps ^^

Date: 2006-03-27 03:48 am (UTC)

As duas juntas dá mesmo o que falar, não? Que bom que curtiu o layout, Nicole!!! Tenho planos de fazer um layout Wes/Lilah logo logo ;-).

Beijos

Date: 2006-03-26 11:59 am (UTC)

movingnowhere.livejournal.com

*hugs and high fives*
you are awmazing .... you should have a day named after your brillance, yep yep

Date: 2006-03-29 06:08 am (UTC)

Awww, thanks sweetie!!! I don't deserve that much ;-).

Date: 2006-03-26 12:13 pm (UTC)

http://users.livejournal.com/woman_of_/

Yes I can see the chemistry, even if I am not into femslash, these two have it! A hard dangerous edge

Date: 2006-03-29 06:11 am (UTC)

I'm not into femslash either (just prefer the boys *g*), but I had to make a layout with the slayers. There were some innuendos in the show I couldn't waste ;-).

*kisses*

Date: 2006-03-26 06:19 pm (UTC)

angelic-amy.livejournal.com

Oh wow! You've outdone yourself sweetie, this is GORGEOUS!

Date: 2006-03-29 06:12 am (UTC)

Awww, thank you thank you, darling!!! I was in a Fuffy mood, hehe.

Date: 2006-03-26 10:13 pm (UTC)

dualbunny.livejournal.com

Looks beautiful. :D

Date: 2006-03-29 06:13 am (UTC)

Thanks a lot!!!

^_~

Date: 2006-03-27 02:30 am (UTC)

mara83.livejournal.com

It's great,lol!! You solve the problem with mozilla yet, don't you?...in my case I can't, I'm trying to make a new style but it doesn't work in mozilla..do you wanna check it?..Suggestions will be welcome

Thanks for all and congratulations again

kisses,
Mara

Date: 2006-03-29 06:28 am (UTC)

Yeah, I finally got to make my layouts to work with Mozilla/Firefox with the help of some tutorials at

everything_lj.

I took a peek in your layout and there is really a problem with your navigation bar. Firefox seems to ignore the space tags and the links are all piled.

I will try to fix your code, okay? Just give me sometime to work on it ;-).

Kisses

Date: 2006-03-27 01:21 pm (UTC)

beluga.livejournal.com

Hi honey. You don't know me but we got a friend in common
(

nikki74) And the other day (friday) I was admiring her new layout/banner and I was totally amazed. Now, the past two days I've found myself dropping by her LJ just to drool at it.. And then I decided to check your LJ out (since you're the damn artist) and wow. Your banner just floored me.. I can't understand how anybody can create such wonderful things.. I've fooled around in Photoshop 3 times and I've made a few icons..but it takes hours and I delete more than I produce.. It's obvious I'm not meant to be fiddling around with such technical things..

Anyways.. The main reason for writing this is to ask you if you take requests? I have written a SN fic ( http://beluga.livejournal.com/90307.html#cutid1 ) And I'm actually quite pleased with the result.. So much in fact that I'd love a banner to go with it.. (since it's my first = special)
So there you have it. If you do take requests, I shall of course provide you with pictures so you don't need to hunt anything down..
:-)
xx

Date: 2006-04-03 03:24 pm (UTC)

Hi darling!!!

Sorry for taking so long to answer you *blushes*.

I wanna thank you for everything you said about my work. I'm really flattered with your kind words. Thank you thank you thank you.

About your question, I usually don't take requests because I don't have much time to make a lot of graphics lately (I took more than a month to make

nikki74's layout). If you have the patience to wait, I can try to make a banner for you. I will need the pics and every information you can provide, like colors you like (and colors you definitely don't want in the banner), text to go with the banner, width and height (if you think it's necessary) and so on.

If you wanna try another place which accepts requests (in case I really take so long to make it), I suggest the comm

layouts_for_lj. It seems they accept banner requests.

Kisses

Date: 2006-04-03 03:44 pm (UTC)

Heey.
A month..!! Well it was worth it:-D It looks utterly amazing!!

If you have the patience to wait, I can try to make a banner for you.
Oh you're so nice!! But, -I was just about to tell you I'm getting it sorted:-) One of my LJ-friends just arrived home from her holiday yesterday and we started talking and she said she'd love to do it and I was just about to tell you that you didn't have to bother and bam! you had emailed me! -kinda spooky really!

Awsome that you were willing tho! That's an extra cookie for you!

*steals cookie from Dean's secret stash and gives it to you*

*hugs*
xx

Date: 2006-04-05 04:54 am (UTC)

Actually I took 2 nights to make the banner, but I took a month to find time to make it, hehe.

Well, if you want me to make it eventually, just scream my name *g*.

Kisses

Date: 2006-04-04 06:33 pm (UTC)

kimmers-81.livejournal.com

Love the layout Sweetie, Really did it justice.

Date: 2006-04-05 04:57 am (UTC)

Thank you. The girls have such a great chemistry ;-).

Date: 2006-04-10 04:23 pm (UTC)

ravyn726.livejournal.com

I seem unable to resist this layout. I prefer to make my own, but I may have to steal this (with credit). ^_^

Date: 2006-04-16 05:57 pm (UTC)

Thanks for the feedback!!! Glad you appreciated this layout ;-).

Date: 2006-05-05 08:30 pm (UTC)

miss-steelio.livejournal.com

I love this. It's totally brilliant and beautiful. I'm using it and it looks great.

Date: 2006-05-09 10:44 am (UTC)

Thanks sooooooooooo much for using this layout. Enjoy it!!!

Date: 2006-12-28 01:01 am (UTC)

angelsdee.livejournal.com

I love this layout and am setting it up as we speak. I have one question though because I am LJ stupid. I noticed on the ones you have for Smooth-Sailing can have a tag list in the sidebar but none of the Generator ones I saw have it.

Is a tag list not doable with this layout?

Dee

Date: 2007-02-12 04:01 pm (UTC)

According to what I know, Generator style doesn't have a tag list. If the LiveJournal team put some effort in doing it, maybe this feature will be available in the future... But I said "if" ;-).

Date: 2007-02-12 04:21 pm (UTC)

You were right but I found a way around it. I put in all the tag URLs into the CSS and it works just fine. It was a pain in the rear and if I add anymore works that vary from what I do now, I'll have to go back in the CSS and add those too but it works, it shows up in the navigation bar and I'm happy. Just an FYI.

Date: 2007-02-15 12:59 pm (UTC)

Oh my, you certainly had a very hard work putting all those tags one by one in the sidebar. But they look nifty there ;-).

Bel's Journal

Buffy/Faith - Bondage looks good on you, B (BtVS - Episode "Enemies")

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Profile

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags