InsaneJournal

Tweak says, "Whatchu talkin' 'bout, Willis?"

Mam'selle Manon (mhari) wrote in freelayouts,
@ 2008-08-22 17:24:00

Current mood:	accomplished
Entry tags:	[s2] bloggish

Bloggish: Primavera

(temporary live preview at

gwenhwyfach)

Layout Style: Bloggish
Resolutions: 800x600 or above
Browsers: Firefox (best), IE

1. In Customize, select "S2 - For users who don't know HTML or CSS, or make only minor alterations." Save.
2. In Look and Feel, select Bloggish from the first dropdown, and (None) from the third dropdown. Save.
3. In Custom Options, next to "Layout type", select "Two column (Sidebar on Right)".
4. Scroll down to the end of the page. Next to "Use layout's 'Base Weblog' stylesheet", select Yes.
5. Paste the code into the big box labeled "Custom stylesheet". Save.

Codes:
Yellow version (preview):

body {background: url(http://i525.photobucket.com/albums/cc333/ljmhari/bloggish-spring-bg.png) top center repeat-y #FFC; font-size: 12px;}
#container {width: 700px;}
a:link, a:visited {color: #687; font-weight: bold; text-decoration: none;}
a:hover, a:active {color: #885; text-decoration: underline;}

#banner {background: #DDA; font-family: Verdana, Geneva, sans-serif; text-transform: uppercase; letter-spacing: .7em; margin: 0;}
#banner-header {background: #ACB; padding: 10px;}
#banner-description {background: #DDA; padding: 5px 10px;}
#pagebody-inner {background: #DDA;}

#alpha {width: 450px; float: left;}
#beta {width: 175px; float: right; text-align: left;}

h2.date-header {background: #ACB; padding: 10px; width: 100% !important;}
h2.module-header {background: #ACB; padding: 10px; width: 100% !important;}
h3.entry-header {margin-top: 0; color: #687; font-weight: bold; border-bottom: 1px solid #ACB;}

div.entry {background: #FFF; text-align: justify; padding: 10px; margin-left: 1em; width: 438px}
div.entry-userpic {padding-top: 14px;}
div.module-content {background: #FFF; padding: 10px; margin-left: 0; margin-right: 1em !important; width: 143px;}
div.module-photo {display: none;}
div.ljtags {font-weight: bold; text-transform: lowercase;}

Blue version (preview):

body {background: url(http://i525.photobucket.com/albums/cc333/ljmhari/bloggish-spring-blue.png) top center repeat-y #CCF; font-size: 12px;}
#container {width: 700px;}
a:link, a:visited {color: #67B; font-weight: bold; text-decoration: none;}
a:hover, a:active {color: #8CD; text-decoration: underline;}

#banner {background: #BDE; font-family: Verdana, Geneva, sans-serif; text-transform: uppercase; letter-spacing: .7em; margin: 0;}
#banner-header {background: #ABF; padding: 10px;}
#banner-description {background: #BDE; padding: 5px 10px;}
#pagebody-inner {background: #BDE;}

#alpha {width: 450px; float: left;}
#beta {width: 175px; float: right; text-align: left;}

h2.date-header {background: #ABF; padding: 10px; width: 100% !important;}
h2.module-header {background: #ABF; padding: 10px; width: 100% !important;}
h3.entry-header {margin-top: 0; color: #67B; font-weight: bold; border-bottom: 1px solid #ABF;}

(Post a new comment)

	vespatrix 2008-08-23 05:27 pm UTC (link)
	most excellent (Reply to this)

	absolutionbot 2008-08-24 08:22 am UTC (link)
	This is very nice, I really like it. I'll give it a try. (Reply to this)

	tonichelle 2008-09-24 07:14 pm UTC (link)
	took the blue version, and am using it at the moment! thanks! quick question - is there a way to add a header to the layout? or is that a no go? (Reply to this) (Thread)

	mhari 2008-09-24 07:22 pm UTC (link)
	It could be done, but it would take some fiddling. (Reply to this) (Parent)

	themusicliveson 2008-10-17 03:15 am UTC (link)
	This is very pretty and simple! I love it. (Reply to this)

	princessgwyn 2008-12-14 01:10 am UTC (link)
	This is great, I'm using it for this journal. Thanks! (Reply to this)

	frenchvictory 2010-07-05 04:05 pm UTC (link)
	I love this! Thank you! <3 (Reply to this)

	lizzy_meh 2010-08-24 02:05 am UTC (link)
	Es genial!! Thank you~!! 8DD (Reply to this)