amavel_bel | Buffy/Xander - Did I ever thank you... for saving my life? (Episode "When She Was Bad")

Back to the ships, I made a layout featuring Buffy/Xander. The banner I made to the

layoutchallenge as the previous one, but I noticed it turned into a ship layout. It's shareable, as usual.

Preview:

You can see it working here:

bel_btvsats098.

Title: Buffy/Xander - Did I ever thank you... for saving my life? (Episode "When She Was Bad")
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.
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 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/buffy-xander_didiever_header.jpg

Background:

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

Friends Only Banner:

Icons:

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

| CODE |

GLOBAL_HEAD<=

<title>Did I ever thank you... for saving my life?</title>

background-image: url(http://YOUR-SERVER-LINK-HERE/buffy-xander_didiever_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: #D7B49A;
scrollbar-arrow-color: #D7B49A;
}

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

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

div.menulink a:link {color:#D7B49A; text-decoration: none}
div.menulink a:active {color:#D7B49A; text-decoration: none}
div.menulink a:visited {color:#D7B49A; text-decoration: none}
div.menulink a:hover {color:#FFFFFF; cursor:e-resize; text-decoration: none}

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

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

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

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

table { 
width: 564px; 
margin-right: 194px; 
margin-top: 0px;  
}
 
table table { 
width: 100%; 
margin: 0px; 
background-color: transparent;
}

table table table { 
width: auto; 
}

p .index {
font-size: 11px;
color: #6E322B;
}

p table table td.caption {
font-size:11px;
color: #000000;
}

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

.caption, .index {
background-color: #D7B49A;
}

.caption {
font-weight:bold;
}

.shadow {
background-color: transparent;
}

.comments {
font-align:center;
}

table table table table .meta {
visibility: hidden
}

table table table table table .meta {
visibility: visible
}

.quote { 
width: 280px;
color: #F6D5BC
}

.menulink { 
text-indent: 10px; 
color: #D7B49A;
}

.menubox {
background-color: none;
top: 420px; 
left: 50%; 
margin-left: 199px;  
width: 191px; 
visibility: visible; 
position: absolute; 
height: auto;
}

.menutitle {
color: #FFFFFF; 
border-top: 1px solid #000000;
border-bottom: 1px solid #FFFFFF;
}
</style>
<=GLOBAL_HEAD

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

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

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

LASTN_WEBSITE<=
<DIV align="center" class="quote"><i>

YOUR-QUOTE-HERE

</i></DIV>

<div align="center" class="menutitle"><b>ABOUT ME</b><br></div>
<br>

<div class="menulink"><b>Name:</b> YOUR-NAME-HERE<br></div>
<div class="menulink"><b>Location:</b> YOUR-LOCATION-HERE<br></div>
<br>

<div align="center" class="menutitle"><b>JOURNAL</b><br></div>
<br>

<div class="menulink">[<a href="http://livejournal.com/users/YOUR-LJ-USERNAME-HERE">#</a>] Entries<br></div>
<div class="menulink">[<a href="http://livejournal.com/userinfo.bml?user=YOUR-LJ-USERNAME-HERE">#</a>] User Info<br></div>
<div class="menulink">[<a href="http://livejournal.com/users/YOUR-LJ-USERNAME-HERE/friends">#</a>] Friends<br></div>
<div class="menulink">[<a href="http://livejournal.com/tools/memories.bml?user=YOUR-LJ-USERNAME-HERE">#</a>] Memories<br></div>
<div class="menulink">[<a href="http://livejournal.com/users/YOUR-LJ-USERNAME-HERE/calendar">#</a>] Calendar<br></div>
<div class="menulink">[<a href="http://livejournal.com/allpics.bml?user=YOUR-LJ-USERNAME-HERE">#</a>] Current Icons<br></div>
<br>

THINGS-YOU-LOVE-HERE

</div>

<br>

<div align="center" class="menutitle"><b>LINKS</b><br></div>
<br>

<br>

<div align="center" class="menutitle"><b>LAYOUT INFO</b><br></div>
<br>

<div align="center" class="menulink">
Buffy/Xander layout made by <a href="http://www.livejournal.com/users/amavel_bel" target="_blank"><b>amavel_bel (Mabel)</b></a> and shared in the communities <a href="http://www.livejournal.com/community/btvsats_layouts" target="_blank"><b>btvsats_layouts</b></a> and <a href="http://www.livejournal.com/community/layouts_for_fun" target="_blank"><b>layouts_for_fun</b></a>.
<br>
</div>

<br>

</div>

<=LASTN_WEBSITE

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

FRIENDS_WEBSITE<=

<div align="center" class="menutitle"><b>ABOUT ME</b><br></div>
<br>

<div class="menulink"><b>Name:</b> YOUR-NAME-HERE<br></div>
<div class="menulink"><b>Location:</b> YOUR-LOCATION-HERE<br></div>
<br>

<div align="center" class="menutitle"><b>JOURNAL</b><br></div>
<br>

THINGS-YOU-LOVE-HERE

</div>

<br>

<div align="center" class="menutitle"><b>LINKS</b><br></div>
<br>

<br>

<div align="center" class="menutitle"><b>LAYOUT INFO</b><br></div>
<br>

<br>

</div>

<=FRIENDS_WEBSITE

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

CALENDAR_WEBSITE<=

<div align="center" class="menutitle"><b>ABOUT ME</b><br></div>
<br>

<div class="menulink"><b>Name:</b> YOUR-NAME-HERE<br></div>
<div class="menulink"><b>Location:</b> YOUR-LOCATION-HERE<br></div>
<br>

<div align="center" class="menutitle"><b>JOURNAL</b><br></div>
<br>

THINGS-YOU-LOVE-HERE

</div>

<br>

<div align="center" class="menutitle"><b>LINKS</b><br></div>
<br>

<br>

<div align="center" class="menutitle"><b>LAYOUT INFO</b><br></div>
<br>

<br>

</div>

<=CALENDAR_WEBSITE

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

DAY_WEBSITE<=

<div align="center" class="menutitle"><b>ABOUT ME</b><br></div>
<br>

<div class="menulink"><b>Name:</b> YOUR-NAME-HERE<br></div>
<div class="menulink"><b>Location:</b> YOUR-LOCATION-HERE<br></div>
<br>

<div align="center" class="menutitle"><b>JOURNAL</b><br></div>
<br>

THINGS-YOU-LOVE-HERE

</div>

<br>

<div align="center" class="menutitle"><b>LINKS</b><br></div>
<br>

<br>

<div align="center" class="menutitle"><b>LAYOUT INFO</b><br></div>
<br>

<br>

</div>

<=DAY_WEBSITE

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

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

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

LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% felt%%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%%"> <b>feel me</b></a> 
</td> 
</tr> 
<=DAY_TALK_LINKS

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

FRIENDS_OPT_ITEMS=>15

LASTN_OPT_ITEMS=>15

| SPECIAL INSTRUCTIONS |

Be aware, you will have to do steps 1, 3, 4, 5 and 6 FOUR TIMES (for LASTN_WEBSITE, FRIENDS_WEBSITE, CALENDAR_WEBSITE and DAY_WEBSITE sections). It´s a hard work, but worthwhile.

1- Replace every YOUR-SERVER-LINK-HERE by the server address where you uploaded the images.

2- Replace where it says YOUR-QUOTE-HERE by a quote or phrase of your preference.

3- In the section ABOUT ME, replace YOUR-NAME-HERE by your name and YOUR-LOCATION-HERE by your location.

4- Replace every YOUR-LJ-USERNAME-HERE by your username at LiveJournal (or GreatestJournal) and replace YOUR-WEB-SITE-LINK-HERE by your personal web site link.

5- In the section I LOVE, replace where it says THINGS-YOU-LOVE-HERE by things you love or admire (personalities, bands, artists or things like that).

6- 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.

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 capital letters) that must be replaced.

Cross-posted to

btvsats_layouts and

layouts_for_fun, banner posted at

layoutchallenge.

Flat | Top-Level Comments Only

Date: 2005-11-27 02:23 pm (UTC)

From:

tyrybaby.livejournal.com

no subject

Great job! I am so tempted to ask you to make me a layout! I'm so jeanlous! I can never get the coding right!

Date: 2005-11-27 02:58 pm (UTC)

amavel-bel.livejournal.com

Thanks!!! Well, I can't promise to make a personalized layout because I don't have much time. But you can suggest something and I will note ;-). Sometimes a need some fresh ideas.

*hugs*

Date: 2005-11-27 03:01 pm (UTC)

That all depends on whether or not you want to stay with in the Buffy/Angel/Charmed Fandom. I'm really big into the movie King Arthur right now, and Lancelot would be a great subject to make a layout for. He's the dark knight, and I'm more into the dark knight/broody type thing right now. Like the layout above...it's dark, broody, yet sexy and pretty all at the same time.

Date: 2005-11-27 03:11 pm (UTC)

I had another question for you too: Did you do your own layout? I want to use Component, and I want to use my own banner, but I can't get the layers/style things to work, and I was wondering if you could help me out a little.

If not, it's not a big deal.

Date: 2005-11-27 03:57 pm (UTC)

Well, I made the banner. The original code is by

masterslacker. I don't remember the exact tutorial link, but you can find a lot of usefull stuff HERE (http://www.livejournal.com/community/component_help/?.tutorials=1).

If you need some help about where to put the code and things like that, I can help you. I will try to find the links with the codes later, now I'm a bit tired ;-).

Kisses

Date: 2005-11-27 03:24 pm (UTC)

Hmmm, maybe I will give a try. Usually I go for themes I can easily find pics about. This is the movie with Clive Owen and Keira Knightley, right? Do you know where I can find caps/pics?

I understand the dark, brood and sexy fascination. I personally prefer snarky, impulsive and insightful bad ~~vamps~~ boys, hehehe.

*hugs*

Date: 2005-11-27 03:29 pm (UTC)

You know Clive? He's such a cutie...I can actually make you caps if you want them. Or you can go to http://crescent-stars.net/fallenknights/
or www.ioanonline.com ... I normally go there for any pics that I need.

Date: 2005-11-27 04:02 pm (UTC)

Thanks for the links. Of course it would be better if you tell me what caps you prefer ;-).

Kisses

Date: 2005-11-27 06:04 pm (UTC)

In that case, I will find the pics and link you to them. I had this idea in mind. I'm better at icons than I am at making banners and stuff. Anyways...there is a whole monkey load of pictures from Fallen Knights. Here are the ones that I'd prefer:
http://img.photobucket.com/albums/v206/China_Rose2/Deciding%20to%20Fight/4.jpg
http://img.photobucket.com/albums/v206/China_Rose2/Deciding%20to%20Fight/5.jpg
http://img.photobucket.com/albums/v206/China_Rose2/Deciding%20to%20Fight/21.jpg
^This to me would be the theme picture.

Here's the link to the entire thred of photos though, in case you want to look: http://crescent-stars.net/fallenknights/forums/viewtopic.php?t=1635

Date: 2005-12-04 11:18 am (UTC)

Hey Jen, I made your Lancelot banner. I just didn't know what text to put in it. So I went to your LJ and saw your actual banner. Then I put the word "valour" in the banner. Do you want other text in it?

I wanted you to see the banner, but I'm not able to access the photobucket site right now (problems with internet). And for the same reason, I can't access imageshack.us either *sighs*. Can I send the banner to your e-mail?

*hugs*

Date: 2005-12-06 08:41 am (UTC)

Feel free to do whatever you want. I'm actully having problems with my interent at home, so I know where you are coming from!

Date: 2005-12-08 03:22 am (UTC)

Well, photobucket is working for me again. So I put the banner there ;-). You can take it in the link http://img.photobucket.com/albums/v481/amavel_bel/journal/lancelot_header.jpg.

Hope you like the banner, but if you want some changes, just ask me, okay?

Kisses

Date: 2005-11-27 02:33 pm (UTC)

nighttechno.livejournal.com

Excelente layout. Só você para conseguir fazer um layout tão legal, com o Xander nele, e eu ainda achar o layout D+. Ta de parabéns. ;)

Beijos

Date: 2005-11-27 03:06 pm (UTC)

Pois é, levando em conta que não gosto do Xander e ando de birra com a Buffy, eu fiz um milagre dos grandes, hahahahaha. Se bem que acabou ficando um layout estilo "os dois bem que se merecem", hehehehe.

Brigada viu?

Beijão

Date: 2005-11-27 03:10 pm (UTC)

makd.livejournal.com

whoa! nice one! (Don't know why SMG doesn't do more dancing; she's certainly good at it.)

Date: 2005-11-27 03:27 pm (UTC)

Thanks!!!

She is sexy when dancing, especially when she is up to seduce someone *g*.

Bel's Journal

Buffy/Xander - Did I ever thank you... for saving my life? (Episode "When She Was Bad")

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