amavel_bel | Fred/Gunn - Just like it should be (AtS

Once again, I made a ship layout, this time to comemorate Valentine's Day. I've been watching some AtS S3 episodes lately and this couple inspired me *g*. I prefer Fred with Wesley, but they were a cute couple once. Look, take, enjoy it!!!

Preview:

You can see it working here:

bel_btvsats103.

Title: Fred/Gunn - Just like it should be (AtS - Episode "Waiting in the wings")
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, Opera.
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 Romance on BtVS. 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/fred-gunn_likeitshouldbe_header.jpg

Background:

http://img.photobucket.com/albums/v481/amavel_bel/journal/fred-gunn_likeitshouldbe_back.jpg

Friends Only Banner:

Icons:

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

| CODE |

GLOBAL_HEAD<=

<title>×º°”˜`”°º× Just like it should be ×º°”˜`”°º×</title>

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

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

scrollbar-base-color: #F7F0DF;
scrollbar-track-color: #F7F0DF;
scrollbar-face-color: #F7F0DF;
scrollbar-3dlight-color: #F7F0DF;
scrollbar-darkshadow-color: #F7F0DF;
scrollbar-shadow-color: #F7F0DF;
scrollbar-highlight-color: #5C3D19;
scrollbar-arrow-color: #5C3D19;
}

a:link {color:#5C3D19; text-decoration: none}
a:active {color:#5C3D19; text-decoration: none}
a:visited {color:#5C3D19; text-decoration: none}
a:hover {color:#A68A6A; cursor:e-resize; text-decoration: none}

.index:link {color:#5C3D19; text-decoration: none}
.index:active {color:#5C3D19; text-decoration: none}
.index:visited {color:#5C3D19; text-decoration: none}
.index:hover {color:#301000; cursor:e-resize; text-decoration: none}

#menulink a:link {color:#5C3D19; text-decoration: none}
#menulink a:active {color:#5C3D19; text-decoration: none}
#menulink a:visited {color:#5C3D19; text-decoration: none}
#menulink a:hover {color:#A68A6A; cursor:e-resize; text-decoration: none}

#navigation a:link {color:#5C3D19; text-decoration: none}
#navigation a:active {color:#5C3D19; text-decoration: none}
#navigation a:visited {color:#5C3D19; text-decoration: none}
#navigation a:hover {color:#F7F0DF; cursor:e-resize; background-color: #301000;}

.shadowed img {
display: none;
}

table table table table .meta {
visibility: hidden;
position: absolute;
top: 1px
}

table table table table table .meta {
visibility: visible;
position: relative;
top: 1px
}

tr.caption {
display:none
}

.shadowed td div {
visibility: hidden;
position: absolute;
top: 1px
}

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

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

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

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

table table table { 
width: auto; 
}

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

.caption {
font-weight: bold;
background-color: #F7F0DF;
border-bottom: 1px solid #A68A6A;
}

p table table td.caption {
font-family: Times New Roman; 
font-size: 20px;
color: #5C3D19;
}

.entrybox {
margin-bottom: 30px;
}

.entrybox td {
font-size: 8pt;
font-family: verdana;
}

.entrybox td.index {
text-align: right; 
color: #F7F0DF;
background-color: #F7F0DF;
border-bottom: 1px solid #A68A6A;
}

.entrybox td.comments {
font-family: Arial; 
text-align: center;
padding-top: 30px;
}

.date_daylong {
font-family: Times New Roman; 
font-size: 24pt; 
color: #A68A6A; 
line-height: 0.6em !important;
line-height: 0.8em;
}

.date_monlong {
font-family: Tahoma; 
font-size: 10pt; 
color: #5C3D19; 
line-height: 0.1em;
}

.shadow {
background-color: transparent;
}

.menulink { 
margin-left: 4px;
color: #5C3D19;
text-align: left;
}

#navigation {
font-family: Tahoma; 
font-size: 10pt; 
position: absolute;
top: 337px;
width: 770px;
left: 50%;
margin-left: -385px; 
visibility: visible; 
z-index: 3;
height: 16px;
background-color: #F7F0DF;
border-bottom: 1px solid #A68A6A;
}

#menubox {
visibility: visible; 
position: absolute; 
z-index: 2;
top: 370px; 
left: 50%;
margin-left: -384px;
width: 184px; 
height: auto;
background-color: #F7F0DF;
}

#menubox img { 
display: inline;
}

#menubox h2{
color: #301000;
text-align: center;
font-size: 12px;
border-bottom: 1px solid #A68A6A;
font-weight: bold;
}

#menubox h5{ 
color: #5C3D19;
text-align: center;
font-size: 10px;
font-weight: normal;
}
</style>
<=GLOBAL_HEAD

LASTN_DATE_FORMAT<=
<span class="date_daylong">%%daylong%%</span><br>
<span class="date_monlong">%%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span>
<=LASTN_DATE_FORMAT

FRIENDS_DATE_FORMAT<=
<span class="date_daylong">%%daylong%%</span><br>
<span class="date_monlong">%%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span>
<=FRIENDS_DATE_FORMAT

DAY_DATE_FORMAT<=
<span class="date_daylong">%%daylong%%</span><br>
<span class="date_monlong">%%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span>
<=DAY_DATE_FORMAT

LASTN_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/fred-gunn_likeitshouldbe_header.jpg" class="hb" style="display:inline;">

<a href="http://YOUR-LJ-USERNAME-HERE.livejournal.com/">Entries</a> -- 
<a href="http://YOUR-LJ-USERNAME-HERE.livejournal.com/profile">User Info</a> -- 
<a href="http://YOUR-LJ-USERNAME-HERE.livejournal.com/friends">Friends</a> -- 
<a href="http://livejournal.com/tools/memories.bml?user=YOUR-LJ-USERNAME-HERE">Memories</a> -- 
<a href="http://YOUR-LJ-USERNAME-HERE.livejournal.com/calendar">Calendar</a> -- 
<a href="http://YOUR-WEB-SITE-LINK-HERE">Web Site</a>

</div>

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

<h2>Favorite Stuff</h2>

<h5>

THINGS-YOU-LIKE-HERE

</h5>

<br>
<h2>Links</h2>

<br>
<br>
<h2>Layout Info</h2>

<h5>
Fred/Gunn layout made by <a href="http://amavel-bel.livejournal.com/" target="_blank"><b>amavel_bel (Mabel)</b></a> and shared in the communities <a href="http://community.livejournal.com/btvsats_layouts" target="_blank"><b>btvsats_layouts</b></a> and <a href="http://community.livejournal.com/layouts_for_fun" target="_blank"><b>layouts_for_fun</b></a>.
</h5>

</div>

<=LASTN_WEBSITE

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

FRIENDS_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/fred-gunn_likeitshouldbe_header.jpg" class="hb" style="display:inline;">

</div>

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

<h2>Favorite Stuff</h2>

<h5>

THINGS-YOU-LIKE-HERE

</h5>

<br>
<h2>Links</h2>

<br>
<br>
<h2>Layout Info</h2>

</div>

<=FRIENDS_WEBSITE

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

CALENDAR_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/fred-gunn_likeitshouldbe_header.jpg" class="hb" style="display:inline;">

</div>

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

<h2>Favorite Stuff</h2>

<h5>

THINGS-YOU-LIKE-HERE

</h5>

<br>
<h2>Links</h2>

<br>
<br>
<h2>Layout Info</h2>

</div>

<=CALENDAR_WEBSITE

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

DAY_WEBSITE<=
<IMG src="http://YOUR-SERVER-LINK-HERE/fred-gunn_likeitshouldbe_header.jpg" class="hb" style="display:inline;">

</div>

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

<h2>Favorite Stuff</h2>

<h5>

THINGS-YOU-LIKE-HERE

</h5>

<br>
<h2>Links</h2>

<br>
<br>
<h2>Layout Info</h2>

</div>

<=DAY_WEBSITE

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

LASTN_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">kiss me</a> | <a href=http://www.livejournal.com/tools/memadd.bml?%%itemargs%%>add mem</a> | <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%>edit</a>
</td>
</tr></span>
<=LASTN_TALK_LINKS
 
FRIENDS_TALK_READLINK<=
<a href="%%urlread%%"><b>%%messagecount%% kiss%%mc-plural-es%%</b></a> | </span>
<=FRIENDS_TALK_READLINK

FRIENDS_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">kiss me</a> | <a href=http://www.livejournal.com/tools/memadd.bml?%%itemargs%%>add mem</a> | <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%>edit</a>
</td>
</tr> </span>
<=FRIENDS_TALK_LINKS
 
DAY_TALK_READLINK<=
<a href="%%urlread%%"><b>%%messagecount%% kiss%%mc-plural-es%%</b></a> | </span>
<=DAY_TALK_READLINK

DAY_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">kiss me</a> | <a href=http://www.livejournal.com/tools/memadd.bml?%%itemargs%%>add mem</a> | <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%>edit</a>
</td>
</tr></span>
<=DAY_TALK_LINKS

FRIENDS_OPT_ITEMS=>15

LASTN_OPT_ITEMS=>15

| SPECIAL INSTRUCTIONS |

First of all, host the images in your own server, even the FIRST ICON (it's a fixed image in the code), and replace every YOUR-SERVER-LINK-HERE by the server address where you uploaded the images.

Then, you will have to do the steps below FOUR TIMES (for LASTN_WEBSITE, FRIENDS_WEBSITE, CALENDAR_WEBSITE and DAY_WEBSITE sections).

1- Replace every YOUR-LJ-USERNAME-HERE by your username at LiveJournal (or GreatestJournal).

2- In the section WHO AM I?, replace YOUR-NAME-HERE by your name and YOUR-LOCATION-HERE by your location.

3- In the section FAVORITE STUFF, replace where it says THINGS-YOU-LIKE-HERE by things you love or admire (personalities, bands, artists or things like that).

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

5- If you prefer to replace the default icon for one of your preference, host your personal icon in your server and replace in every place in the code where it says fred-gunn_likeitshouldbe_icon1.jpg by the name of your personal icon.

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

Cross-posted to

btvsats_layouts and

layouts_for_fun.

Flat | Top-Level Comments Only

Date: 2006-02-14 02:05 am (UTC)

From:

lillianmorgan.livejournal.com

no subject

Lovely work :) I always thought they made a lovely couple, and you do an excellent job of showing why. Beautiful colours too :)

Date: 2006-02-14 03:32 am (UTC)

amavel-bel.livejournal.com

Awwww, thanks sweetie!!! I liked this couple when they were together. I just couldn't forget to make a layout about them ;-).

Kisses

Date: 2006-02-14 04:05 pm (UTC)

teh-obsessor.livejournal.com

awe, extremely pretty but i'm a wes/fred shipper, so i won't be snagging anytime soon, but again, very lovely!
♥

Date: 2006-02-15 01:39 pm (UTC)

I also prefer Fred/Wesley than Fred/Gunn, but I liked the couple. And that scene is so sweet, hehe.

Thanks for the feedback, hun.

:333333333333333333

Bel's Journal

Fred/Gunn - Just like it should be (AtS - Episode "Waiting in the wings")

no subject

no subject

no subject

no subject

Profile

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags