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.

Flat | Top-Level Comments Only

Date: 2006-04-25 12:38 pm (UTC)

From:

amavel-bel.livejournal.com

no subject

Thankies, hon!!! They literally will never die (if they stay away from stakes in the heart and sun and decapitation and, well, you know what I mean *g*).

I'm glad that you're willing to use the banner. There's no problem, but I think I will have to make a special version for you without the image mapping (cos the links won't work in S2). I can take off the navigation titles and put something else, like "woman_of_ at livejournal" or something of your preference. What do you think?

Kisses

Date: 2006-04-25 03:54 pm (UTC)

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

Yes that would be ideal! Or "The True Love of The Buffyverse"? Something like that?

Date: 2006-04-25 04:20 pm (UTC)

Darling, take your banner HERE (http://i38.photobucket.com/albums/e107/bel_layouts/spangel_soulmates_woman_of_.jpg). Hope you like it ;-).

Kisses

Date: 2006-04-25 05:39 pm (UTC)

*Faints* I love it, saved and will make into my home page when I get back from visiting my sister! I have also snagged the second and third icons to go with the banner

Hugs and Kisses

Bel's Journal

Spike/Angel - Soulmates never die

no subject

no subject

no subject

no subject

Profile

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags