amavel_bel | Sweet - I can bring whole cities to ruin (Episode "Once More With Feeling")

I was capturing some images of the episode "Once More With Feeling" and decided to make a layout about Sweet to the Villains challenge at

layoutchallenge. I know he wasn't the most terrifying villain, but, well, he liked to make people burn, hehehe. Hope you like the layout :).

Preview:

You can see it working here: Working Preview.

Title: Sweet - I can bring whole cities to ruin (Episode "Once More With Feeling")
Features: Layout S1 to free and paid accounts using generator style.
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
Credits: Resources used are credited at my LJ Info Page. Screencaps by me.

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

Header:

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

Background:

Friends Only Banner:

Icons:

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

| CODE |

GLOBAL_HEAD<=
<title>I can bring whole cities to ruin</title>

scrollbar-base-color: #460400;
scrollbar-track-color: #460400;
scrollbar-face-color: #460400;
scrollbar-3dlight-color: #460400;
scrollbar-darkshadow-color: #460400;
scrollbar-shadow-color: #460400;
scrollbar-arrow-color: #E67B6B;
scrollbar-highlight-color: #E67B6B;

color: #E67B6B;
}

div {
padding-top: 410px;
background-image: url(http://YOUR-SERVER-LINK-HERE/sweet_oncemorewithfeeling_header.jpg);
background-repeat: no-repeat;
background-position: top center;
}

body {
font-size: 10pt;
font-family: verdana, sans-serif;
top: 0px;
clip:  rect(   );
margin-top: 0px
}

td {
font-family: verdana, sans-serif;
font-size: 10pt;
}

a:link {color:#E67B6B; text-decoration: none}
a:active {color:#E67B6B; text-decoration: none}
a:visited {color:#E67B6B; text-decoration: none}
a:hover {filter: shadow(Color=#97A7FF #000000,Direction=15);height: 10; text-decoration: none}

.index:link {color:#0F0035}
.index:active {color:#0F0035}
.index:visited {color:#0F0035}
.index:hover {color:#E67B6B; cursor:e-resize; text-decoration: underline overline}

table { 
margin-right: 0%; 
margin-left: 0%; 
border: 1px solid #97A7FF; 
}

table table { 
margin:0px; 
width: 100%; 
border: 1px #563327;
}

table table table { 
width:0;  
}

div div { 
height: auto; 
width: auto; 
padding: 0px; 
background: none; 
}

div table { 
width: 700px; 
}

div table table { 
width: 100%; 
}

div table table table { 
width: auto; 
}

div table table table table { 
width: 100%; 
}

td {
background-color: #460400
}

tt, pre {
font-family: monospace;
}

.index {
font-size: 8pt;
}

.caption {
color: #0F0035; 
background-color: #97A7FF;
font-weight: bold;
}

.index {
color: #0F0035; 
background-color: #97A7FF;
}

.shadowed {
font-size: 8pt;
background: #460400;
}

.comments {
font-size: 8pt; 
background-color: #842017;
}

.meta {
font-size: 8pt;
}
--></style>

<=GLOBAL_HEAD

LASTN_DATE_FORMAT=>%%daylong%%, %%monlong%% %%dth%%, %%yyyy%% @ %%12h%%:%%min%%%%ampm%%

LASTN_WEBSITE<=
<style type="text/css">
table table table table .meta {	visibility: hidden }
table table table table table .meta { visibility: visible }
--></style>

<div align="center"><b>
<a href="http://www.livejournal.com/userinfo.bml?user=YOUR-LJ-USERNAME-HERE">About Me</a> % 
<a href="http://www.livejournal.com/tools/memories.bml?YOUR-LJ-USERNAME-HERE">Memories</a><br>
<a href="http://livejournal.com/allpics.bml?user=YOUR-LJ-USERNAME-HERE">Current Icons</a> 
</b></div>

<=LASTN_WEBSITE

LASTN_TALK_LINKS<=
<tr> 
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> 
%%readlink%%<a href="%%urlpost%%">sing once more with feeling</a> 
</td> 
</tr> 
<=LASTN_TALK_LINKS

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

FRIENDS_TALK_LINKS<=
<tr> 
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> 
%%readlink%%<a href="%%urlpost%%">sing once more with feeling</a> 
</td> 
</tr> 
<=FRIENDS_TALK_LINKS

FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% song%%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%%">sing once more with feeling</a> 
</td> 
</tr> 
<=DAY_TALK_LINKS

DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%% song%%mc-plural-s%%</b></a> %

LASTN_OPT_ITEMS=>15

FRIENDS_OPT_ITEMS=>15

| SPECIAL INSTRUCTIONS |

1- Replace YOUR-SERVER-LINK-HERE by the server address where you uploaded the image.
2- Replace every YOUR-LJ-USERNAME-HERE by your username at LiveJournal (or GreatestJournal).
3- For this code to work properly, MAKE SURE that you have a website URL in your personal info page.

Cross-posted to

layoutchallenge,

btvsats_layouts and

layouts_for_fun.

Flat | Top-Level Comments Only

Date: 2005-05-19 10:16 pm (UTC)

From:

mizzfoxyfreak.livejournal.com

no subject

i just ended up using component but with it i can't figure out how to use a back ground and i like how yours is more narroe not all across the page ya know? if you could please help my email is smittenkitten@bittersweetspike.com

Date: 2005-05-26 09:23 pm (UTC)

amavel-bel.livejournal.com

Oh, the component code to put a background it's a bit complicated because when putting a background image, it's necessary to override all the code to build the page itself.

I took so long to understand the code and even now some things are a mystery to me, hehe. I can send the code of my LJ to you, showing where the background part is, if you are willing to give a try. Do you want it?

Kisses

Date: 2005-05-26 10:24 pm (UTC)

yes please that would be so great of you!!!

Bel's Journal

Sweet - I can bring whole cities to ruin (Episode "Once More With Feeling")

no subject

no subject

no subject

Profile

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags