Your Huckleberry Bloggish Layout

[seleneheart]

Click thumbnail for a full size preview.





This layout will work for Firefox 3 and Safari. It will not work in IE. The zip file includes all graphics, the stylesheet and installation instructions.

Download the zip file.

Comments

[misery-chick.livejournal.com]

I really like it, except for the background... this flowery wallpaper just isn't my cup of tea. I absolutely love the rest, though

[seleneheart]

*g* I always include a list of hex codes for the colors in the stylesheet, so people can change things up if they want.

[misery-chick.livejournal.com]

I might just do that tomorrow... right now I'm working on a moodtheme and it uses up all of my creative energy. I've mem'd it, so thank you ♥

[misery-chick.livejournal.com]

Oh, and you don't mind if I play around with it, right? I might just add one or two pieces of code of my own and change the colors (but I'd still give you all of the credit, of course!)

[seleneheart]

Oh, sure! Knock yourself out! Actually, this layout is a bit of an experiment . . . I included two different headers and also the graphic for the flower on the header is included as a separate file.

[cercenightshade.livejournal.com]

Yay - a new layout!

I like it - very nice. Saving :)

Errrrr Help

[deependofshalo.livejournal.com]

Hiya

Attempting to use this gorgeous layout but for some reason .. all the left hand navigation items appear at the end of all the entries and not where they should. Could you take a look and tell me how I cocked this up :/ Would be ever so grateful

Alison

Re: Errrrr Help

[seleneheart]

On the page where you choose your theme, make sure you chose the 'unstyled' version of bloggish. Also, at the bottom of the page, choose the two column left layout.

Let me know if that doesn't work.

Re: Errrrr Help

[deependofshalo.livejournal.com]

You are a genious :) TY

Re: Errrrr Help

[seleneheart]

Yay! Glad it's sorted.

[longfatalchase.livejournal.com]

totally fabulous, thank you! using, with credit!

[andthemutants.livejournal.com]

It's lovely.
I'm willing to use it.
I'll credit, 'course.

[cercenightshade.livejournal.com]

hi -

just wanted to let you know I asked s2bloggish if there was a way to fix the skewness in Internet Explorer, and it turns out there's a quotation mark here next to Tahoma:

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
margin: 5px 0 0px 0;
border-bottom: none;
padding: 5px 5px;
background: #f2efe3;
color: #382a0d;
font-family: "Tahoma, sans-serif;
font-size: large;
text-align: left;
}

Just remove it, and it looks just fine in IE. I'm using this layout at my Insanejournal (http://dee-groovy.insanejournal.com) :)

[seleneheart]

Dangit!! I've fixed that code before, I must've missed that one. Grr. *glares at brain*

Thank you so much for the heads up though!!

[the-magdalin.livejournal.com]

Hi! I'm using this layout and will c&c. Just like to tweak one thing, though: I want to change the color of the header font. Which part of the css code do I tweak? Thanks for all your hard work. It's beautiful.

[seleneheart]

This code is what changes the font color for your journal title and subtitle. Just change the hexcode number from #382a0d to whatever you like.

#banner-header
{
	
	margin: 50px 10px 10px 100px;
	padding: 5px 15px 5px 15px
	font-family: "poor richard", serif;
	color: #382a0d;
	font-size: xx-large;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
}

#banner-description
{
	margin: 10px 100px;
	font-size: x-large;
}

Also, there's a typo that messes this up in IE, check here for where it is. I haven't had a chance to fix it in the zip file. http://community.livejournal.com/acme_graphics/28045.html?thread=335757#t335757

[the-magdalin.livejournal.com]

seleneheart,

thanks muchly. I notice that the userpic box for journal entries is cramped and long user names get cut off (can't be read clearly). Can the theme be tweaked in order to make the columns wider? I'm primarily thinking of the width of the white journal entry boxes. Forgive me if I'm coming across garbled, but my knowledge of coding is very limited.

[seleneheart]

If I'm understanding correctly, you want to make the entries part wider?

This is the code to change:

.layout-two-column-left #container {
	width: 800px;
	}

Make the width 900px instead, and then also change this:

.layout-two-column-left #beta {
width: 600px;
float: right;
}

Make the width of the beta container 700px. The side bar is 200px, so that plus the content needs to add up to your total content width.

Also, the header won't line up perfectly at the top anymore because it's only 800px wide. You can change that also or leave it. It shouldn't be that noticeable because of the background tiles.

[the-magdalin.livejournal.com]

applied the changes, and it looks nifty (not as squished). How do I change the color of the entries under "comments"? I want to lighten the color from either the dark purple? or the deep brown? against the "greengrunge" bg in order to see it better. Thanks again!

[seleneheart]

I didn't style that part, but to change the font color of the comments themselves, you need to take .comment-content from it's current location, which is here:

.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content

And then you need to put in the following codes to style it yourself:

.comment-content { 
	color: #ffffff;
	margin: 10px;
}

The hex code I put it is for white, so you can go from there.

[the-magdalin.livejournal.com]

sorry to keep pestering you, but I'd like to change the default (not hover) colors of the individual items under the *links* and *tags* lists. Also, is there a way to increase or alter the right hand userpic window so each person's LJ handle (under the pic) doesn't get cut off on the right and can't be seen? Thanks again!