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-01-12 05:49 am (UTC)

From:

amavel-bel.livejournal.com

no subject

Thank you for your feedback, luv!!! I couldn't start the new year without making something pretty with the boys *g*.

And I will make more Spike layouts soon, probably with lighter colors this time. Maybe then your iBook with show the colors properly ;-).

Second thoughts, the "Beneath You" layout will have dark colors 'cos, you know, that scene is dark, but the other one with promo pics will be light ;-).

*smoochies*

Date: 2006-01-12 05:58 am (UTC)

felisblanco.livejournal.com

Oh, it wasn't the colours. Those were all right. Apparently Safari (the iBook internet program) just didn't like it and moved the posts over to the right so the right column came over it. Didn't do it with Angel's or the community's journals, just Spike's. Weird. Since I mostly use Firefox anyway it doesn't really matter. I've just used Safari when doing the RPG because Firefox doesn't allow me to be signed in with two different usernames at the same time. So no worries about them being dark. I'm all for the dark. *g*

*snogs*

Date: 2006-01-12 06:04 am (UTC)

Ahhhhhhhhhhh, now I got it!!! *g*

Well, so probably all my layouts with side bar will look weird in your Safari browser, something to do with compatibility (or lack of it). I test my layouts on Internet Explorer and Firefox only.

Anyway, I took a look at my 3 Spike layouts and all of them are dark. Wanna make something different for a change ;-).

*smoochies*

Bel's Journal

Spike/Angel - Soulmates never die

no subject

no subject

no subject

Profile

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags