InsaneJournal

Tweak says, "a new bell for your bycicle?"

Doesn't give a shit about what you think (lace_and_cream) wrote in abeautifulmind,
@ 2011-11-27 10:50:00

Entry tags:

!journal layouts, maker: lace_and_cream, style: s2 bloggish

Static Preview
Live Example:

lace_and_cream
Modified examples:

mrsbellariddle

pll_mods

The Code

/* S2 Bloggish Layout 
http://asylums.insanejournal.com/abeautifulmind + http://lace-and-cream.insanejournal.com */

body {background-color:#bb9966;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
}

a, a:visited, a:hover { 
color:#996644;
}

#container { 
width:650px;
margin: 0px auto;
padding:2px;
}

#container-inner {
width:640px;
}

#banner {
width:640px;
background-image:url("http://i303.photobucket.com/albums/nn127/immortalaussie/Banners/969972-naomi-watts.jpg");
height:360px;
}

h1#banner-header { display:none;
}

h2#banner-description {
display:none;
}

#pagebody { width:640px;
background-color:#668888;
}

#beta { background-color:#668888;
color:#000000;
width:500px;
}
#alpha { background-color:#668888;
color:#FFFFFF;
width:140px;
}

.content-nav, .content-nav a, .content-nav a:hover { color:#660000;
}

h2.date-header { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#554422;
background-color:#668888;
}

.skiplinks { font-size:9px;
color:#00FFF;
}

.entry { border:2px;
border-color:#990000;
width:490px;
color:#542327;
background-color:#FFFFFF;
-moz-border-radius: 15px;
border-radius: 15px;
}

h3.entry-header {color:#FFF;
font-size:16px;
text-align:center;
}

.entry-userpic {display:none;
}

.entry-content {line-height:normal;
}
.entry-body {line-height:normal;}

.metadata {display:inherit;
}

.ljtags { float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#00FFFF;
}

.entry-footer {background:background-color:#FFFFFF;
color:#000000;
}

.module {width:140px;
background-color:#668888;
color:#664400;
padding:1px;
}

.module-photo {display:none;
}

.module-viewlinks { background-color:#668888;
color:#FFFFFF;
}
.module-calendar {display:none;!important}

.module-typelist {font-size:10px;
color:#664400;
background-color:#668888;
}
.module-categories {
color:#664400;
background-color:#668888;
}
.module-pagesummary  {display:none;}
.module-syndicate {display:none;}
.module-powered {display:none;}
.module-header {font-size:14px;
color:#554422;
background-color:#668888;
}
.module-content {font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}	
ul.module-list {background-color:#668888;
color:#bb9966;
}
li.module-list-item a {color:#fff}

.comments {width:500px;
background-color:#fff;
color:#FF0000;
text-align:center;
text-transform:uppercase;
}

h3.comments-header { width:600px;
font-size:14px;
color:#000;
}

h3.comment-header { font-size:12px;}
.comment-userpic {float:right;}
.comment-content {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#668888;
background-color:#fff;}
.comment-footer {font-size:9px;
color:#ee8811;
}
.comment-replies {background-color:#fff;
color:#000000;
}

-> Header is 600px wide and is 360px high.
Feel free to modify as you like, but leave credit in the code/profile etc thanks!

1. Click on customize journal
2. Under Basics select s2
3. Under Look and Feel Choose Bloggish
4. Style = None
5. Click Custom Options
6. Choose Two Column (sidebar on left)
7. Copy the above code into the box
8 PLEASE CREDIT

abeautifulmind
9. DO NOT HOTLINK THE IMAGES PLEASE
10. Comments aren't necessary but appreciated. I would love to know people are using my layouts

(Post a new comment)

	musesandicons 2011-12-01 03:19 am UTC (link)
	Beautiful! (Reply to this) (Thread)

	lace_and_cream 2011-12-04 10:50 pm UTC (link)
	Thanks bb :) (Reply to this) (Parent)

	karazor_el 2011-12-11 03:29 am UTC (link)
	Using it here, thanks so much! (Reply to this) (Thread)

	lace_and_cream 2011-12-11 03:32 am UTC (link)
	Np :) (Reply to this) (Parent)

	black_satin 2011-12-11 05:57 pm UTC (link)
	very beautiful! could you tell me if this will support the custom link list? thanks (Reply to this) (Thread)

	lace_and_cream 2011-12-11 10:29 pm UTC (link)
	Thank you! It does support it yes, I have this journal set up with one if you want to see it in action? (Reply to this) (Parent) (Thread)

	emedraut 2011-12-12 06:02 am UTC (link)
	thank you so much! i got it! :) customized for this journal (Reply to this) (Parent) (Thread)

	lace_and_cream 2011-12-12 06:05 am UTC (link)
	Oh that looks awesome! :D (Reply to this) (Parent) (Thread)

	emedraut 2011-12-12 06:30 pm UTC (link)
	i'm very happy with it, thanks so much again for the layout :D :D :D (Reply to this) (Parent) (Thread)

	lace_and_cream 2011-12-13 06:20 am UTC (link)
	NP :D (Reply to this) (Parent)

vedder
2011-12-12 05:40 am UTC (link)

i hate to be a giant bitch because i think your overall layout is beautiful but is there some way you can credit me for:

"entry { border:2px;
border-color:#990000;
width:490px;
color:#542327;
background-color:#FFFFFF;
-moz-border-radius: 15px;
border-radius: 15px;"

that piece of coding? i (

laser/

ccillian) wrote it myself specifically for overrides and people seem to have view sourced me and failed to credit where it came from even though there were notes in my source code that asked for credit. it took me a lot of time and energy to get it just right. sorry for being a pain in the ass! ♥

(Reply to this) (Thread)

	lace_and_cream 2011-12-12 05:43 am UTC (link)
	I'm happy to but that must be a pure coincidence as I actually went through a tutorial on s2_bloggish and coded the entire thing from scratch as I wanted to actually understand how it worked - I'd tried editing bloggish before and got so confused. (Reply to this) (Parent) (Thread)

	vedder 2011-12-12 05:45 am UTC (link)
	i'm sorry for accusing then, you obviously don't need to credit me whatsoever! i definitely didn't create the actual code of course (i don't think anyone around these parts can "create" html from scratch), i only made them override-friendly (figured out where they belonged and made the width/height/px adjustments) and was the first to do so. (Reply to this) (Parent) (Thread)

	lace_and_cream 2011-12-12 05:46 am UTC (link)
	It's alright I know it can be a pain for people to lift code etc and not give credit where credit is due etc! If I ever did I assure you I would credit of course :) (Reply to this) (Parent) (Thread)

	vedder 2011-12-12 05:48 am UTC (link)
	what happened was someone used them on webs.com and i said "hmm... i wonder if i could make journal entries appear rounded with this same set of code..." and about 2 hours or so later i had a set of acceptable overrides. anyway, i actually bookmarked this layout you made for later use! (Reply to this) (Parent) (Thread)

	lace_and_cream 2011-12-12 05:51 am UTC (link)
	Ah yeah makes sense! I actually got the idea from websites I'd coded in the past myself so makes sense. Plus they just look awesome :D Thanks, I'm glad you like it! (Reply to this) (Parent)

	lace_and_cream 2011-12-12 05:44 am UTC (link)
	Or whatever LJ comm it is with the tutorial on how to make a bloggish layout. (Reply to this) (Parent) (Thread)

	vedder 2011-12-12 05:46 am UTC (link)
	not a problem hun! again, sorry for accusing you. i just know they've been making the rounds lately and given i slapped together the overrides they originally came from i just jumped to conclusions. (Reply to this) (Parent) (Thread)

	lace_and_cream 2011-12-12 05:47 am UTC (link)
	It's fine truly :) (Reply to this) (Parent)

	qcore 2011-12-14 10:01 pm UTC (link)
	I'm using this here with credit and will be using on whatever Wonder Woman account I make. Thanks! (Reply to this) (Thread)

	lace_and_cream 2011-12-14 10:14 pm UTC (link)
	Np at all :) (Reply to this) (Parent)

	herringprincess 2012-04-02 11:48 am UTC (link)
	Hey Alex! Am using a modified version at thecuckoo. Thanks :-) (Reply to this) (Thread)

	lace_and_cream 2012-04-04 07:51 am UTC (link)
	Looks good :D (Reply to this) (Parent) (Thread)

	herringprincess 2012-04-12 11:16 pm UTC (link)
	And drburke and noimthedoctor and magicdragon and pigmaiden and infrontofmyeyes. And I changed thecuckoo and all the community journals. I went with a little matching theme for that game :-) (Reply to this) (Parent) (Thread)

	lace_and_cream 2012-04-14 12:51 am UTC (link)
	It works and looks awesome :D (Reply to this) (Parent)

	benshill 2012-04-26 06:10 pm UTC (link)
	Using a slightly modded version in this journal with credit in UI. thanks! (Reply to this) (Thread)

	lace_and_cream 2012-04-27 08:46 am UTC (link)
	NP, looks good :D (Reply to this) (Parent)