Mabel (

amavel_bel) wrote,
2005-07-17 17:19:00

Mood: mischievous
Music: Etta James - At Last

Buffy/Spike - I close my eyes till you chase my thoughts away (Episode "Tabula Rasa")

I have been receiving some requests to make a Spuffy layout with sidebar. So, I made it and plus, I put some links in the header, 'cos it's sophisticated, hehehe. For FREE and PAID accounts, as usual.

Preview:

You can see it working here:

bel_btvsats083.

Title: Buffy/Spike - I close my eyes till you chase my thoughts away (Episode "Tabula Rasa")
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 Screencap Paradise. Other resources are credited at my LJ Info Page. Lyrics from the song "Goodbye to You" by Michelle Branch.

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

Header:

http://img.photobucket.com/albums/v481/amavel_bel/journal/spuffy_08-tabularasa_header.jpg

Background:

http://img.photobucket.com/albums/v481/amavel_bel/journal/spuffy_08-tabularasa_back.jpg

Friends Only Banner:

Icons:

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

| CODE |

GLOBAL_HEAD<=

<title>I close my eyes till you chase my thoughts away</title>

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

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

scrollbar-base-color: #370108;
scrollbar-track-color: #370108;
scrollbar-face-color: #370108;
scrollbar-3dlight-color: #370108;
scrollbar-darkshadow-color: #370108;
scrollbar-shadow-color: #370108;
scrollbar-highlight-color: #A36D74;
scrollbar-arrow-color: #A36D74;
}

a:link {color:#A36D74; text-decoration: none}
a:active {color:#A36D74; text-decoration: none}
a:visited {color:#A36D74; text-decoration: none}
a:hover {color:#FFFFFF; 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:#FFFFFF; cursor:e-resize; text-decoration: none}

div.menulink a:link {color:#370108; text-decoration: none}
div.menulink a:active {color:#370108; text-decoration: none}
div.menulink a:visited {color:#370108; 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: #A36D74;
font-size: 8pt; 
}

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

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

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

table { 
width: 562px; 
margin-right: 188px; 
margin-top: 0px;
}
 
table table { 
width: 100%; 
margin:0; 
border: 0px #A36D74 solid;
background-color: transparent;
}

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

p .index {
font-size:10px;
color: #670311;
}

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

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

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

.caption {
font-weight:bold;
}

.shadow {
background-color: #A36D74;
}

.comments {
font-align:center;
}

table table table table .meta {
visibility: hidden
}

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

.quote { 
width: 250px;
}

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

.menubox {
top: 420px; 
left: 50%;
margin-left: 199px !important;
margin-left: 200px; 
width: 191px; 
height: auto;
visibility: visible; 
position: absolute; 
border-left: 0px solid #370108; 
border-right: 0px solid #370108; 
z-index: 2;
}

.menutitle {
color: #FFFFFF; 
background-color: #A36D74; 
border-top: 1px solid #370108; 
border-bottom: 1px solid #CCCCCC
}
</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>
<div class="menulink">[<a href="http://YOUR-WEB-SITE-LINK-HERE">Ø</a>] Web Site<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/Spike 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>

</DIV>

<=LASTN_WEBSITE

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

</DIV>

<=FRIENDS_WEBSITE

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

</DIV>

<=CALENDAR_WEBSITE

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

</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>kiss me</b></a> 
</td> 
</tr> 
<=FRIENDS_TALK_LINKS

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

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

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

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

DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% kiss%%mc-plural-es%%</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

layoutchallenge,

btvsats_layouts and

layouts_for_fun.

Tags: btvs, s1 layouts, ship

Post a new comment
Error
We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

Insert Bold

Insert Italic

Insert Underline

Insert Strikethrough

Insert Link

Insert LJ User

Insert Photo

Insert Video
Help
27 comments

makd

July 17 2005, 13:28:46 UTC 6 years ago

breathtaking!

amavel_bel

July 30 2005, 08:46:40 UTC 6 years ago

Oh, I have no breath *channeling that Italian CEO, hihihi*.

nighttechno

July 17 2005, 13:44:03 UTC 6 years ago

Lindo layout, inspirador, apaixonante, e romantico. Sem mencionar minhas curiosidades é claro.

Beijos

amavel_bel

July 30 2005, 09:06:25 UTC 6 years ago

Eu mesma me senti inspirada ao escolher as caps pra montar o layout. Há uma química muito forte entre os dois em cena. Sobre sua curiosidade, well, ainda terá que esperar mais algumas temporadas pra matá-la ;-).

Beijos

geico_gecko

July 17 2005, 14:22:15 UTC 6 years ago

I really love your layouts! And this one is magnificent,not too mention this episode was on /early/ this morning and I was hoping to find a Tabula Rasa layout today.What a coincidence....

amavel_bel

July 30 2005, 09:29:19 UTC 6 years ago

LOL, it was a great coincidence watch the episode and then find this layout about it, hehehe. It was a great (and hot) scene. Just had to make a layout with those caps.

Thanks a lot for the feedback!!!

movingnowhere

July 17 2005, 18:35:01 UTC 6 years ago

ooo la la .... very nicey .... awesome job as always
oh, and how is the job going???

amavel_bel

July 30 2005, 09:31:28 UTC 6 years ago

Thank you thank you!!! Glad you liked this one ;-).

About my job, everything is fine, co-workers are nice and I have a lot of work to do. Thanks a lot for asking, darling.

*kisses*

movingnowhere

6 years ago

link
Collapse
Expand
New comment

sissi_blucas

July 17 2005, 19:04:44 UTC 6 years ago

nossa mas ta lindo demais da conta... eu preciso tomar vergonha na cara e aprender esses codes maravilhosos q vc faz....
ai to babando no Spuffy!!!!

amavel_bel

July 30 2005, 09:34:13 UTC 6 years ago

Brigada querida!!! Spuffy ainda mexe muito comigo, não é algo que vá desaparecer da minha vida mesmo eu tendo certas "issues" em relação à Buffy.

Fico feliz que tenha gostado do layout, hehe.

Beijão!!!

cathain_magi

July 17 2005, 22:49:29 UTC 6 years ago

Love it!!

amavel_bel

July 30 2005, 09:34:53 UTC 6 years ago

Thank you!!!

onehot_minute

July 18 2005, 06:43:06 UTC 6 years ago

eeee layout spuffy
/o/o/o/ eeeee
\o\o\o\ eeeee
\o/\o/\o/ eeeeeeee!!

Ficou lindo Bel! Esse eh um dos beijos que eu mais gosto deles!

amavel_bel

July 30 2005, 09:37:02 UTC 6 years ago

Hehehe, sabia que esse você ia curtir ;-).

Esse foi um dos beijos mais quentes deles. Teve muita, errrrr, intensidade, hahahaha.

Brigada pelo feedback Bia!!!

Beijos

_quinns_sweetie

July 18 2005, 11:37:02 UTC 6 years ago

meh i didn't like the whole spuffy thing...but that layout is really pretty!

i was always rooting for Faith and Spike to hook up, but they never did =(...i mean there was the whole body switching thing, but i don't count that...

amavel_bel

July 30 2005, 09:40:39 UTC 6 years ago

Thanks for liking this layout!!!

Even being a convicted Spangel, Spuffy still has a little part of my heart (mainly because of Spike). And I think Faith and Spike could have been a good couple. They had such a great chemistry (do you remember the basement scene in BtVS Season 7?).

*hugs*

_quinns_sweetie

July 31 2005, 12:44:19 UTC 6 years ago

ah how could i forget? XD
and just fyi i haven't seen a layout of yours yet that didn't impress/delight me...=)

amavel_bel

6 years ago

link
Collapse
Expand
New comment

nikki74

July 25 2005, 11:04:16 UTC 6 years ago

Hey!
Apesar de ser bangel, eu gostei do layout.Ficou muito bem feito.^^
Ah, até fiz uma avatar kinda spuffy..postei no LJ, vai lá ver...
Anyway, passei pra avisar que tô usando o icon que tu fez pra mim ;)

amavel_bel

July 30 2005, 09:46:38 UTC 6 years ago

Brigada Nicole!!!

Eu vi seus icons que, por sinal, estão DI-VI-NOS!!! E eu vi que você tá usando aquele icon que fiz pra ti, hehehehe. Brigadinha ;-). Ainda faço um layout desses dois, ahhhhhhhh faço sim.

Beijos

eth3real_an9el

August 1 2005, 03:59:25 UTC 6 years ago

This is so amazing, I love it! Can you please please tell me what font you used in the header? i LOVE that! please?

Will def credit =)

Xx...Sheigh

amavel_bel

August 1 2005, 15:27:07 UTC 6 years ago

Awww, thanks muchly!!! About your question, I used the font "ChopinScript" in the header image. You can download it in the link http://www.dafont.com/en/font.php?file=chopin_script.

Kisses

eth3real_an9el

August 1 2005, 18:47:54 UTC 6 years ago

Thank you! keep up the great work =)

huggles

yammerer_willow

September 1 2005, 19:56:21 UTC 6 years ago

How did you do this layout? I mean how did you put the links in the header?

amavel_bel

September 2 2005, 17:49:29 UTC 6 years ago

Oh, the banner is image mapped, the links are actually on the banner. I just made the image with the texts and I mapped the texts using HTML to make the links.

yammerer_willow

September 2 2005, 17:58:21 UTC 6 years ago

Oh ok....wish I had the patience for that.

Post a new comment
27 comments

Username:		Create an Account Forgot your login or password? OpenID Google Mail.Ru VKontakte
Password:
	Remember Me
	English • Español • Deutsch • Русский…

Buffy/Spike - I close my eyes till you chase my thoughts away (Episode "Tabula Rasa")

Error

About

Help

Get Involved

Legal

LJ Labs

Store