amavel_bel | James Marsters

Yay, it's James Marsters' birthday!!! Just like last year, I made a layout to celebrate this special day, but this time I used S2 Flexible Squares style (I kinda liked this S2 style thing).

You can use it even with nav strip bar and sponsored plus account and it will work fine. As always, look, take, credit. Feeback is very much appreciated ;-).

Style: S2 Flexible Squares
Title: James Marsters - Civilized man
Website: Not needed
Default Icon: No needed
Best view: 800x600 and higher.
Browser(s) Compatible: Firefox, Internet Explorer, Netscape, Opera.
Maker:

amavel_bel (Mabel). Credit me in your user info page.
Resources: Images from the web site James Marsters Official. Other resources (like brushes, textures and so on) are credited at my LJ Info Page.
Notes: For free and paid accounts and it works with Nav strip bar and Sponsored Plus Account.

Preview:

Working preview:

bel_actor007

| IMAGES |
Obs.: The images are provided in the code for convenience. They are hosted and I don't intend to take them down (hopefully I won't have exceeding bandwidth problem). If you want, I'm providing the links below, so you can take the images and upload them in your own server. Just the FRIENDS ONLY BANNER and the ICONS are optional.

Header:
http://i38.photobucket.com/albums/e107/bel_layouts/marsters-civilizedman_header.jpg

Background:
http://i38.photobucket.com/albums/e107/bel_layouts/marsters-civilizedman_back.jpg

Friends Only Banner:

Icons:

Extra images:

- Background of the content
http://i38.photobucket.com/albums/e107/bel_layouts/marsters-civilizedman_backcontent.jpg

- Separator between entries

- Decoration of the sidebar titles

| CUSTOM COLORS |

Leave all the color fields blank. Actually, it's better to leave all the color fields blank.

| CSS CODE |

/* BACKGROUND, ENTRIES TEXT, COLORS */
body {
background: #FBF0F0 url(http://i38.photobucket.com/albums/e107/bel_layouts/marsters-civilizedman_back.jpg) repeat;
color: #371624;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: center;
margin: 0px 0px 0px 0px;
}

a, a:link, a:visited {
color: #997777;
font-weight:bold;
text-decoration: none;
}

a:hover {
color:#371624; 
font-weight:bold;
text-decoration: none;
}

p, td, blockquote {
font-size: 11px;
}

code, kbd, pre, tt {
font-family: monospace;
}

/* HEADER */
#header {
position: relative;
width: auto !important;
width: 760px;
height: 420px;
padding: 0;
margin: 0px 0px 0px 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #371624;
background: transparent url(http://i38.photobucket.com/albums/e107/bel_layouts/marsters-civilizedman_header.jpg) no-repeat top center;
border: 0;
}

/* NAVIGATION BAR */
ul.navheader {
position: relative;
width: 720px;
height: 25px;
top: 350px; 
left: 0px !important;
left: 16px;
margin: 0px;
padding-top: 6px;
background-color: transparent;
text-align: center;
text-transform: uppercase;
font-family: georgia, times new roman, tahoma;
font-size: 8pt;
font-weight: bold;
color: #371624;
}

ul.navheader li  {
padding: 0 10px 0 10px;
margin: 0px;
display: inline;
list-style-type: none;
border: 0px solid #000000;
}

/* NAVIGATION BAR LINKS */
div#header a:active, div#header a:link, div#header a:visited {
color: #371624; 
padding: 0 10px 0 10px;
}

div#header a:hover {
color: #FBF0F0;
background-color: #371624;
text-decoration: none;
}

/* TITLE OF JOURNAL */
.title{
display: none;
}

/* SUBTITLE OF JOURNAL */
.subtitle{
display: none;
}

/* SIDEBAR */ 
#sidebar {
margin-top: 0px; 
margin-left: 6px !important; 
margin-left: 3px; 
width: 205px;
padding-top: 0;
color: #EADCDC;
font-size: 11px;
font-family: "Verdana", sans-serif;
text-align: left;
float: left;
z-index: 15;
background-color: #775764;
border: 0;
}

/* SIDEBAR - LINKS */ 
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #FFFFFF; 
font-weight:bold;
}

div#sidebar a:hover {
color: #371624; 
font-weight:bold;
text-decoration: none;
}

/* SIDEBAR - FRAMES */ 
.sbarheader {
padding: 0px 5px 0px 20px;
}

.sbarbody {
padding: 0px 5px 0px 0px;
}

.sbarbody2 {
padding: 0 15px 0 30px;
}

/* SIDEBAR - DEFAULT USERPIC */ 
.defaultuserpic {
text-align: center;
margin-top: 15px;
margin-left: 6px;
}

/* SIDEBAR - ITEMS */ 
ul.sbarlist {
padding-left: 0px;
margin-left: 10px;
list-style: none;
}

li.sbaritem {
padding-left: 0px;
list-style: none;
}

/* SIDEBAR - ITEMS LINKS */ 
li.sbaritem a {
background-color: transparent; 
padding-left: 0px; 
line-height: 16px;
}

li.sbaritem a:hover {
background-color: transparent;
}

/* SIDEBAR - TITLES */ 
li.sbartitle {
font-family: sans-serif, arial;
padding-left: 26px; 
padding-top: 7px; 
padding-bottom:3px;
list-style: none;
border: 0;
border-bottom: 1px solid #371624;
background-color: transparent; 
margin-bottom: 5px;
margin-top: 5px;
color:#371624;
font-size:13px;
font-weight:bold;
background: #775764 url(http://i38.photobucket.com/albums/e107/bel_layouts/marsters-civilizedman_decoration.gif) no-repeat center left;
}

/* SIDEBAR - CALENDAR */
table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #371624;
background-color:#FCF0F0;
border-color: #371624;
padding: 3px;
}

.sbarcalendarposts {
border-color: #371624;
border-width: 1px;
border-style: solid;
background-color: #381626;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
padding: 3px;
}

/* MAINCONTENT */
#maincontent { 
margin-top: 0px;
margin-left: 220px; 
margin-right: 5px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: transparent;
color: #371624;
border: none;
text-align: left;
}

#content {  
width: 760px;
margin-left: auto; 
margin-right: auto;
border: 0px solid #371624;
padding: 0;
z-index:1;
background: #FBF0F0 url(http://i38.photobucket.com/albums/e107/bel_layouts/marsters-civilizedman_backcontent.jpg) repeat-y top left;
}

.subcontent {
background-color: transparent;
}

/* ENTRIES */
.entry {
margin: 0px 0px 0px 10px;
padding: 10px;
background-color: transparent;
color: #371624;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border: 0;
}

.entry ul li {
padding-left: 5px;
margin-left: 15px;
}

.entry ol li {
padding-left: 5px;
margin-left: 15px;
}

/* SEPARATOR BETWEEN ENTRIES */
.separator{
height: 50px;
background: transparent url(http://i38.photobucket.com/albums/e107/bel_layouts/marsters-civilizedman_separator.gif) no-repeat center center;
}

/* ENTRY ICON */
.userpic {
position: relative;
float: right;
background-color: #FBF0F0;
padding: 1px 1px 1px 1px;
margin: 0px 0px 0px 0px;
border: 1px solid #5A1633;
z-index: 15;
}

/* FRIENDS ICON */
.userpicfriends {
position: relative;
float: right;
background-color: #FBF0F0;
padding: 1px 1px 1px 1px;
margin: 0px 0px 0px 0px;
border: 1px solid #5A1633;
text-align: center;
z-index: 15;
}

/* ENTRY DATE */
.date {
line-height: 200%;
top: 5px;
color: #000000;
font-family: "georgia", sans-serif;
font-size: 11px;
font-weight: bold;
background-color: transparent;
text-align: center;
padding: 1px;
margin-left: 10px;
border-bottom: 1px solid #5A1633;
}

/* ENTRY SUBJECT */
.subject {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
padding: 3px; 
margin-left: 10px;
background-color: transparent;
color: #5A1633;
}

.subject a, .subject a:link, .subject a:visited {
color: #FBF0F0;
}

.subject a:hover {
color: #000000;
}

.datesubject {
background-color: transparent;
padding:0;
}

/* TAGS */
.ljtags {
font-weight: bold;
margin-top: 20px;
}

/* MOOD AND MUSIC */
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.currents {
margin-top: 10px;
}

/* COMMENTS */
.comments {
position: relative;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: center;
background-color: transparent;
padding: 5px 0px 5px 0px;
top: 15px;
width: auto !important;
width: 472px;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #997777;  
}

div.comments a:hover {
color: #000000;
text-decoration: none;
}

.datesubjectcomment {
background-color: transparent;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
top: -30px;
left: 0px;
float: left;
margin: 10px 10px -20px 10px;
z-index: 15;
border: 1px solid #371624;
background-color: #775764;
padding: 10px 10px 10px 10px;
}

.box {
padding: 10px;
clear: right;
}

input, textarea {
background-color: transparent;
color: #371624;
}

textarea.textbox  {
width: 100% !important;
}

.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #FBF0F0;
color: #371624;
}

.replytoposter {
line-height: 200%;
top: 5px;
color: #000000;
font-family: "georgia", sans-serif;
font-size: 11px;
font-weight: bold;
background-color: transparent;
text-align: left;
padding-top: 5px;
padding-left: 5px;
margin-left: 10px;
border-bottom: 1px solid #5A1633;
}

.replytosubject {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
padding: 3px; 
margin-left: 10px;
background-color: transparent;
color: #5A1633;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #371624;
}

.commentbox {
background-color: transparent;
border: 1px solid #371624; 
padding: 10px; 
margin: 10px; 
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #5A1633;
}

.datesubjectcomment a:hover {
color: #FFFFFF;
}

.commentboxpartial {
background-color: #FCF0F0;
border: 3px double #371624; 
padding: 10px; 
margin: 10px; 
}

.commentinfo {
background-color: #FBF0F0; 
margin-top: 10px; 
width: 100%;
}

/* YEAR AND ARCHIVE PAGES */
ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

td.yeardate {
border-style: none;
}

td.yearday{
background-color: #775764;
color: #FBF0F0;
border: 1px solid #FBF0F0;
text-align: center;
}

td.yearmonth {
border-style: none;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #775764;
}

/* FOOTER */
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: transparent;
color: #371624;
border: none;
z-index: 100;
clear: both;
width: 100%;
}

div#footer a, div#footer a:link, div#footer a:visited {
color: #371624; 
}

div#footer a:hover {
color: #371624;
text-decoration: underline;
}

ul.navfooter{
padding: 0px;
margin: 0 0 0 200px;
}

ul.navfooter li  {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

.skiplinks {
text-align: center;
}

div.sbarcalendar a:link {
color: #000000;
}

div.sbarcalendar a:hover {
color: #9D5D77;
}

| SPECIAL INSTRUCTIONS |

Preparing the code:
- Copy the CSS code and paste it in the Notepad.
- If you decided to host the images in your own server, replace every i38.photobucket.com/albums/e107/bel_layouts by the server address where you uploaded the images.

Configuring the layout:
- In the LJ page, go to Journal >> Change Journal Theme.
- If you're using S1 style do the following. If not, skip this step: Click in the link Switch to S2 in the blue box on the right side of the page. Then, click in the button "Yes, I want to upgrade to S2".
- In the 2. Select a New Theme section, type Flexible Squares in the search box. Then select one of the themes listed and click in Apply Theme.
- In the 3. Choose a Page Setup section at the bottom of the page, choose "2 Column (sidebar on left)" and click in the button "Apply Layout".
- Then click in the button Customise your theme, in the bottom on the right side.
- Click in the option Custom CSS and under Use layout's stylesheet(s) choose No (THIS IS VERY IMPORTANT!). Then copy the CSS from the Notepad and paste it in the field Custom stylesheet.
- Then you can navigate through the links in the Customize Your Theme and personalize other things as you wish, like going to the Sidebar option and putting personalized labels or entering a personalized text inside the free text box/blurb, for example.
- Click in the button Save Changes and it's done.

Cross-posted to

btvsats_layouts,

layouts_for_fun and

freelayouts.

Flat | Top-Level Comments Only

Date: 2006-08-20 04:12 am (UTC)

From:

nighttechno.livejournal.com

no subject

Yeah, parabéns para o James.
Lindo seu layout comemorativo dessa data tão importante.

Beijos no ♥

Date: 2006-08-20 04:40 pm (UTC)

amavel-bel.livejournal.com

Well, essa data não podia passar em branco e como eu só levo jeito com gráficos, achei que seria uma homenagem bacana. E parabéns pro James!!!

Beijos

Date: 2006-08-20 04:27 am (UTC)

spikesfool.livejournal.com

Beautiful, beautiful layout. You've outdone yourself.

Date: 2006-08-20 04:43 pm (UTC)

Awwww, thank you, darling!!! I would like to know how to write beautiful stories like you to pay a homage to him, but graphics are everything I can do so that's my way to celebrate ;-).

Kisses in your ♥

Date: 2006-08-20 04:28 am (UTC)

onehot-minute.livejournal.com

ah!!!!! eu sabia que era aniversario de alguem!!!

ahahuahuahuahau nossa, eu to muito fã desaforada!!

Date: 2006-08-20 04:45 pm (UTC)

Afe, não me diga que tu esqueceu do níver dele? Tsc, tsc. Que fã que tu é, hein, Bia? *rs*

De qualquer forma, é um dia para celebrarmos. Viva o James!!!

*throws confetti*

Date: 2006-08-20 03:43 pm (UTC)

nimenic.livejournal.com

Wow amazing layout!

The birthday boy should be proud. *g*

Date: 2006-08-20 04:48 pm (UTC)

Thanks muchly!!! He deserves much more ;-). Hip hip hurra for James!!!

Bel's Journal

James Marsters - Civilized man

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

Profile

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags