amavel_bel | Wesley/Lilah - Science turns me on

Finally I managed to find time to make a layout and I decided for a ship I never make a layout about before. And it's my first time with the style S2 Bloggish. I guess the layout is working okay, but if you find any bugs, don't forget to report me. As always, it's shareable. Just don't forget to credit me if taking it.

Style: S2 Bloggish
Title: Wesley/Lilah - Science turns me on (Episode "Apocalypse, Nowish")
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 New All Over. 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 bar strip and Sponsored Plus Account.

Preview:

Working preview:

bel_btvsats118

| 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/btvsats118/wesley-lilah_scienceturnsmeon_heade.jpg

Background:
http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/wesley-lilah_scienceturnsmeon_back.gif

Friends Only Banner:

Icons:

Extra images:

- Links bullets: http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-bg.gif

- Date header bullets: http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/date-header-bg.gif

- Module header: http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/module-header-bg.gif

- Entries bullets: http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-entry-bg.gif

- Comments bullets: http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-comment-bg.gif

| CUSTOM COLORS |

You don't need to configurate the colors.

| CSS CODE |

/* basic page elements */

body {
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 11px;
}

a { color: #72100a; }
a:visited { color: #000; }
a:hover { color: #fff; }

#banner a { color: #fff; text-decoration: none; }
#banner a:visited { color: #fff; }
#banner a:hover { color: #fff; }

.module-content a { color: #72100a; font-weight: bold; }
.module-content a:visited { color: #72100a; }
.module-content a:hover { color: #fff; }

.entry-footer a { font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative; 
width: 100%;
w\idth: auto;
	
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbb;
padding: 5px 10px 5px 25px;
color: #fff;
background: #B3B3B5 url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/module-header-bg.gif) 0 0.65em no-repeat;
font-size: 14px;
font-weight: bold;
}

.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a {
color: #fff;
text-decoration: underline;
}

.module-header a:visited,
.trackbacks-header a:visited,
.comments-header a:visited,
.comments-open-header a:visited,
.archive-header a:visited {
color: #fff;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover {
color: #fff;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
font-size: 10px;
}

/* page layout */

body {
color: #333;
background: #dadada url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/wesley-lilah_scienceturnsmeon_back.gif) center top repeat;
}

#container { 
width: 780px; 
}

#container-inner { 
margin: 0 0; 
}

#banner {
width: 780px;
height: 320px;
margin: 0 0 15px 0px;
background: transparent url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/wesley-lilah_scienceturnsmeon_heade.jpg) center top repeat;
}

#banner-inner {  
}

.banner-user {
width: 70px;
margin-top: 4px;
font-size: 10px;
}

.banner-user-photo { 
border: 3px double #fff; 
}

#banner-header {
display: none;
}

#banner-description {
display: none;
}

#alpha, #beta, #gamma, #delta {
float: left;
margin: 0 0 0 15px;
background: none;
background-color: transparent;
}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
padding: 0px 0 25px 0;
background: none;
}

#alpha { 
width: 270px; 
}

#beta {
width: 445px;
background: none;
}

#gamma, #delta { 
width: 200px; 
}

#beta-inner { 
background: none;
background-color: transparent;
}

.date-header {
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbb;
border-left: 1px solid #fff;
border-right: 1px solid #bbb;
padding: 5px 15px 5px 35px;
color: #941D15;
background: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/date-header-bg.gif) 0 0.65em no-repeat;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

.entry-header {
margin: 5px 15px;
color: #656565;
font-size: 16px;
font-weight: bold;
}

.entry-content { 
margin: 5px 15px; 
}

.entry-more-link { 
font-weight: bold; 
}

.entry-footer {
margin: 10px 15px 20px 16px;
font-weight: normal;
text-align: right;
}

.content-nav { 
margin: 0; padding: 10px 15px; 
}

/* modules */

.module { 
color: #666; 
}

.module-calendar .module-content { 
margin: 5px 10px 15px 10px; 
}

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { 
font-size: 11px; 
}

.module-powered { 
margin: 0; padding: 0; 
}

.module-powered .module-content {
margin: 15px;
padding: 10px;
border: 1px solid #333;
background: none;
background-color: #e7e7ec;
}

.module-photo { 
border: 0; 
background: none; 
}

.module-photo .module-content { 
margin: 10px; 
}

.module-photo img { 
border: 0; 
}

.module-list-item,
.archive-list-item {
padding: 1px 0 1px 14px;
background: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-bg.gif) 0 0.2em no-repeat;
}

/* special list bullets */

.module-archives .module-list-item {
background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-entry-bg.gif);
}

.module-recent-comments .module-list-item {
background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-comment-bg.gif);
}

.module-feed .module-list-item {
background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/li-entry-bg.gif);
}

.typelist-thumbnailed { 
margin: 0 0 20px 0; 
}

.typelist-thumbnailed .module-list-item {
margin: 1px 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbb;
padding: 0;
background: none;
background-color: #fff;
}

.typelist-thumbnail { 
background: #e3db9e; 
}

.module-featured-photo { 
width: 445px; 
}

.module-featured-photo .module-content { 
margin: 0 0 5px 15px; 
}

.module-featured-photo img { 
width: 415px; 
}

.module-recent-photos { 
border: 0; 
}

.module-recent-photos .module-content { 
margin: 0 0 0 15px; 
}

.module-recent-photos .module-list { 
margin: 0; 
}

.module-recent-photos .module-list-item {
width: 64px; /* mac ie fix */
margin: 0 6px 6px 0;
padding: 0;
background: none;
}

.module-recent-photos .module-list-item a {
border: #bbb 1px solid;
padding: 1px;
background-color: transparent;
}

.module-recent-photos .module-list-item a:hover {
border-color: #235961;
background: #cccccd;
}

/* calendar tweaks */
	
.module-mmt-calendar { 
width: 445px; margin: 0; 
}
		
.module-mmt-calendar .module-header,
.layout-timeline .module-recent-photos .module-header {
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #bbb;
padding: 5px 15px;
color: #888899;
background: none;
font-size: 13px;
font-weight: bold;
text-align: right;
}
	
.module-mmt-calendar .module-content { 
margin: 15px; 
}
	
.module-mmt-calendar table {
width: 415px;
background: #cccccd;
}
		
.module-mmt-calendar th {
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #bbb;
padding: 2px;
text-align: right;
font-weight: bold;
}
	
.module-mmt-calendar td {
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #bbb;
padding: 2px;
text-align: right;
font-weight: normal;
background: none;
background-color: #fff;
}
	
th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 {
border-right: none;
}
	
.day-photo a {
border: #bbb 1px solid;
padding: 1px;
background-color: transparent;
}
	
.day-photo a:hover {
border-color: #235961;
background: #cccccd;
}

/* artistic tweaks */

.layout-artistic #beta-inner { 
padding-top: 30px; 
}

/* moblog1 tweaks */
	
.layout-moblog1 #alpha { 
width: 190px; 
}

.layout-moblog1 #beta { 
width: 345px; 
}

.layout-moblog1 #gamma { 
width: 165px; 
}
	
.layout-moblog1 .module-recent-photos { 
margin: 0; 
}

.layout-moblog1 .module-recent-photos .module-content { 
margin: 10px 0 0 15px; 
}

/* moblog2 tweaks */
	
.layout-moblog2 #alpha { 
width: 85px; 
}

.layout-moblog2 #beta { 
width: 300px; 
}

.layout-moblog2 #gamma { 
width: 194px; 
}

.layout-moblog2 #delta { 
width: 120px; 
margin-left: 1px; 
background-color: #d8d3b9; 
}
	
.layout-moblog2 .module-photo .module-content { 
margin: 10px; 
}

.layout-moblog2 .module-photo .module-content img { 
width: 100px; height: auto; 
}
	
.layout-moblog2 .module-recent-photos { 
margin: 0; 
}

.layout-moblog2 .module-recent-photos .module-content { 
margin: 10px 0 0 10px; 
}

/* timeline tweaks */

.layout-timeline #alpha { 
width: 325px; 
}

.layout-timeline #beta { 
width: 390px; 
}

.layout-timeline #gamma { 
width: 170px; 
}

.layout-timeline #delta { 
width: 175px; 
}
	
.layout-timeline .module-recent-photos .module-content { 
margin: 10px 0 0 15px; 
}

.layout-timeline .module-recent-photos .module-list-item { 
margin: 0 10px 10px 0; 
}

/* one-column tweaks */

body.layout-one-column { background-image: url(http://i38.photobucket.com/albums/e107/bel_layouts/btvsats118/wesley-lilah_scienceturnsmeon_back.gif); }
	
.layout-one-column #container { 
width: 780px; 
}

.layout-one-column #banner { 
width: 780px; 
}

.layout-one-column #alpha {
background: none;
background-color: transparent;
width: 750px;
}
	
.layout-one-column #alpha-inner { 
background: none;
}

/* two-column-left tweaks */

.layout-two-column-left #alpha { 
width: 200px; 
background-color: #cccccd;
}

.layout-two-column-left #beta { 
width: 535px; 
}

/* two-column-right tweaks */

.layout-two-column-right #alpha {
width: 535px;
background: none;
}
	
.layout-two-column-right #alpha-inner { 
background: none;
}
	
.layout-two-column-right #beta {
width: 200px;
background: none;
background-color: #cccccd;
}
	
.layout-two-column-right #beta-inner { 
background: none;
}

/* three-column tweaks */
	
.layout-three-column #alpha { 
width: 190px; 
background-color: #cccccd;
}

.layout-three-column #beta { 
width: 340px; 
}

.layout-three-column #gamma { 
width: 190px; 
background-color: #cccccd;
}

| 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/btvsats118 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 Bloggish in the search box. Then select the theme called Unstyled (last page of the gallery) 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 Yes (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 Text option and entering personalized texts to the Page and Navigation, 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-11-26 05:49 pm (UTC)

From:

spy-barbie.livejournal.com

no subject

eu adoro seus layout, sabia? a unica coisa q nao me agrada sao os headers, lol, nao gosto desses seriados...

e esse tá lindo!!

soh uma pergunta: tem como usar ele numa configuração menor? tipo, o header e as tables de entries ta meio largas... dava p/ diminuir pra algo como... 600pxl? e os icons, vao ficar pequenos assim mesmo? tem como deixar no tamanho original? no meu caso, que é conta paga.

thanks! :D

Date: 2006-11-28 06:29 pm (UTC)

amavel-bel.livejournal.com

Hehehe, brigada Lucy. Eu sei que você não curte as séries do Joss, mas eu não consigo deixar de fazer layouts a respeito. Eu sei, eu sei, sou um caso perdido :-P.

Mas na boa, eu não me importo de que as pessoas peguem os meus layouts e troquem os headers. Só gostaria que de alguma forma fosse mencionado que o layout original foi feito por mim, mas que foi modificado pela pessoa e tal.

Sobre a sua pergunta, não bastaria somente pegar esse layout e configurar a largura das entries para 600px, teria que também mudar o background, pois a parte central da imagem de background (que fica sendo o fundo das entries) tem exatamente a largura do header (780px). Ou seja, teria que fazer um novo background.

Haja vista essa problemática, eu comecei a fazer um outro layout, dessa vez com um tema genérico non-fandom-related, com largura de 600px nas entries. Vou tentar postar ele o mais rápido possível e daí você pode usá-lo ou modificá-lo ao seu bel prazer, okay?

Agora, só uma coisa que me deixou deveras encafifada... Que história é essa de icons pequenos? Pra mim eles aparecem no tamanho padrão 100x100. Pra você estão menores é?

Beijos

Bel

Date: 2006-11-28 09:55 pm (UTC)

pois é, os icones do usuário, logo abaixo do nome, estao pequenos, muito pequenos. tipo, menor que 50X50! eu tb nao entendi!

Date: 2006-11-29 06:07 pm (UTC)

Estranho isso. Também tenho conta paga e pra mim aparece tudo normal. Tem como você fazer uma screencap da tela do layout pra eu dar uma olhada? Pode mandar por e-mail (bel.pereira ARROBA gmail.com).

Date: 2006-11-26 08:39 pm (UTC)

elisi

Very, very nice - Wes/Lilah is a favourite of mine!

Date: 2006-11-28 06:56 pm (UTC)

Ah, thanks, hun!!! I like this couple very much. I was hoping Wes could save Lilah, bring her to the good guys side somehow but... Well, their chemistry was great anyway.

Date: 2006-11-27 12:42 am (UTC)

yourlibrarian

lillianmorgan would have loved this!

Date: 2006-11-29 06:23 pm (UTC)

Hehehe, I bet she would ;-).

Date: 2006-11-27 10:21 pm (UTC)

rua1412.livejournal.com

This layout is gorgeous! Compliments! I fell in love with bloggish now and all because of you :)

Date: 2006-11-29 06:26 pm (UTC)

Awww, thanks, darling. Surely I will make more layouts using this style ;-).

Date: 2006-11-29 06:27 pm (UTC)

Very happy to hear it!

Date: 2006-11-29 06:40 pm (UTC)

^_^

Date: 2006-11-29 06:47 pm (UTC)

PS just finished to use one of your background for my Holidays layout :grin:

Date: 2006-12-08 11:01 am (UTC)

You can use my backgrounds any time, sweetie.

*kisses*

Date: 2006-11-28 12:48 am (UTC)

nighttechno.livejournal.com

Wow, ficou lindo, adorei os efeitos no banner.
E o novo estilo ficou legal. Sem contar que esse casal merecia um layout assim.

Beijos ;)

Date: 2006-11-29 06:29 pm (UTC)

Brigadinha, luv. Bem, você sabe o tempão que faz que estou me enrolando pra fazer esse layout. Demorou demais pra sair. Mas acho que compensou a demora, pois fiquei satisfeita com o resultado. E fazer os dois funcionarem bem num layout não foi difícil, rola uma química legal entre eles ;-).

Beijos

Date: 2006-11-28 02:02 am (UTC)

crazybohemian18.livejournal.com

Yay! I like it a lot. Wesley/Lilah is one of my favorite ships from AtS.

Date: 2006-11-29 06:39 pm (UTC)

Thank you!!! Wes/Lilah is a very interesting couple and it's been a long time since I started thinking about making a layout featuring them. Finally I managed to make it. Glad to know you like it ;-).

Date: 2006-11-28 03:49 am (UTC)

miss-fangirl.livejournal.com

Ew I hated Wesley/Lilah, it's like 'hello!! she's an evil whore get over yourself wes!! you want fred so go after her and stop sleeping with the enemey!!' That really made me dislike Wes for a while...but alas I miss him. :{
But anyway, very nice layout, as always...&heats;

Date: 2006-11-29 06:48 pm (UTC)

I was a Fred/Wes shipper, but I liked Wes/Lilah chemistry. I was always hoping Wes could save Lilah from the dark side and, somehow, she contributed to changed the way I used to see Wes. He got more mature, darker, rougher and I liked him that way because it gave the character more layers, more things to work with, to thing about. Well, life isn't always flowers and poetry, hehe.

Thanks for the feedback, hun. Glad you liked the layout, even if you didn't like the theme.

Hugs.

Date: 2006-12-01 01:29 am (UTC)

inkingwords.livejournal.com

Amazing layout, sweetie!

Date: 2006-12-08 11:00 am (UTC)

Thank you so much, darling!!!

*hugs*

Date: 2008-03-19 06:22 pm (UTC)

seeley-tempe.livejournal.com

Wow, I'm arrived here and I have found a layout beautiful as this after two years :p
I just wanted to say that I simply love this theme, one of my favourite shipper. Compliment, really a great work :)
I think I'm going to use it as new layout, I'll credit of course ;)

Date: 2008-06-30 06:31 pm (UTC)

Thanks a lot!!! I thought this ship deserved a layout, 'cos I never found one about it.

And sorry for answering you so late. Just saw your comment.

Bel's Journal

Wesley/Lilah - Science turns me on

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

^_^

no subject

no subject

no subject

no subject

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