amavel_bel | Spike/Angel - Soulmates never die

My first layout of 2006!!! And, of course, I had to make a Spangel one *g*. It's shareable and for free and paid accounts. If you want it, take it, but don't forget to credit me, okay?

Now, look at the pretties.

Preview:

You can see it working here: Working Preview.

Title: Spike/Angel - Soulmates never die
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: Pics by The DTD Angel & BtVS Gallery and screencap by Alanna.net. Other resources are credited at my LJ Info Page. Lyrics from the song "Sleeping With Ghosts" by Placebo.

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

Header:

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

Background:

Friends Only Banner:

Icons:

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

| CODE |

GLOBAL_HEAD<=

<title>`·.¸¸.·´´¯`··._.· Soulmates never die `·.¸¸.·´´¯`··._.·</title>

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

background-attachment:scroll;
background-repeat: repeat;
background-color: #230903;

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

#navcontainer { width: 190px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 1px;
width: 190px;
background-color: #744D34;
border-bottom: 1px solid #000000;
}

#navcontainer a:link, #navlist a:visited
{
color: #F8DFAD;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #A46845;
color: #F8DFAD;
}

a:link {color:#F8DFAD; text-decoration: none}
a:active {color:#F8DFAD; text-decoration: none}
a:visited {color:#F8DFAD; text-decoration: none}
a:hover {color:#A46845; cursor:e-resize; text-decoration: none}

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

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

.index font { 
font-family: "Verdana", "Arial", "Helvetica"; 
color: #FFFFFF;
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: 564px; 
margin-right: 192px; 
margin-top: 0px; 
}
 
table table { 
width: 100%; 
margin:0; 
border: 0px #AB7A5B solid;
background-color: transparent;
}

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

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

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

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

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

.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: #F8DFAD
}

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

.menubox {
background-color: none;
top: 440px; 
left: 50%;
margin-left: 199px !important;
margin-left: 200px; 
width: 188px; 
visibility: visible; 
position: absolute; 
height: auto;
border-left: 0px solid #230903;
border-right: 0px solid #230903;
border-bottom: 0px solid #230903;
z-index: 2;
}

.menutitle {
color: #FFFFFF; 
border-top: 0px solid #230903;
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 class="menulink"><b>Name:</b> YOUR-NAME-HERE<br></div>
<div class="menulink"><b>Location:</b> YOUR-LOCATION-HERE<br></div>
<br>
<br>

<div align="right" class="menutitle"><b>N a v i g a t i o n</b><br></div>
<br>
<div id=navcontainer>
<ul id=navlist>
<li><a href="http://livejournal.com/users/YOUR-LJ-USERNAME-HERE"> # Entries</a>
<li><a href="http://livejournal.com/userinfo.bml?user=YOUR-LJ-USERNAME-HERE"> # User Info</a>
<li><a href="http://livejournal.com/users/YOUR-LJ-USERNAME-HERE/friends"> # Soulmates</a>
<li><a href="http://livejournal.com/tools/memories.bml?user=YOUR-LJ-USERNAME-HERE"> # Memories</a>
<li><a href="http://livejournal.com/users/YOUR-LJ-USERNAME-HERE/calendar"> # Calendar</a>
<li><a href="http://livejournal.com/allpics.bml?user=YOUR-LJ-USERNAME-HERE"> # Current Icons</a></div>
<br>
<br>

THINGS-YOU-LIKE-HERE

</div>

<div align="center" class="menulink">
Spike/Angel 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: 341px !important;
margin-top: 325px;
}
</style>
<=FRIENDS_HEAD

FRIENDS_WEBSITE<=

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

THINGS-YOU-LIKE-HERE

</div>

<br>

</div>

<=FRIENDS_WEBSITE

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

CALENDAR_WEBSITE<=

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

THINGS-YOU-LIKE-HERE

</div>

<br>

</div>

<=CALENDAR_WEBSITE

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

DAY_WEBSITE<=

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

THINGS-YOU-LIKE-HERE

</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>be mine</b></a> 
</td> 
</tr> 
<=FRIENDS_TALK_LINKS

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

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

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

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

DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% soulmate%%mc-plural-s%%</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 PROFILE, 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 THINGS I LIKE, replace where it says THINGS-YOU-LIKE-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,

layouts_for_fun and

freelayouts.

Threaded | Flat

Seguindo a sua eterna linha de superações, você fez o que provavelmente é o layout spangel mais belo e inspirador que eu ja vi. Mesmo ainda não sendo um grande fã da ship estou tentado a usalo ;)
Parabéns, estou ansioso por ver suas novas superações nesse ano.

Beijos no ♥ da musa que me inspira

lovely, just lovely.

OMG that's gorgeous. You are soooo talented, woman. I can't get over it.

Of course you had to! LOL

It's very pretty... NO! Yummy...

gorgeous and lovely as always darling .... you are beyond awesome and great

Oh these are just wonderful. I love their expressions. Just show their strength. Congrats! :)

Dios, es hermoso!
los colores, las caps...todo!
felicidades Mabel, muito belo!
xDD!
kisses!

Pretty pretty. -Snags.-

I love it! Your first new layout of 2006 and now mine as well! Squeeee!

OMG Mabel es realmente hermoso!!!!! me encanta y me lo llevo para

sire_childe como siempre te dare el respectivo crédito!

besos!

I forgot to comment on this when you posted it! Bad me.

A wonderful start to the new year. Just gorgeous. I really need to get myself more journals. lol

Any Spike layouts on the horizon? I'm pondering changing

cavemenwin. Yes, again. *g* It's just so much fun! Plus, for some reason it looks weird on my iBook. I have no idea why, all the others seem to work.

*snuggles*

Beautiful, no they never die, just keep on and on. Great work, loved it. (could I just have the banner, I am on S2, component, and dont want to change)

Spike/Angel - Soulmates never die

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)

Wheeee!

Re: Wheeee!

no subject

(no subject)

no subject

(no subject)

(no subject)

(no subject)

no subject

(no subject)

(no subject)

(no subject)

(no subject)