WordPress.org

Ready to get started?Download WordPress

Forums

Basic 4 Column Theme Needed (34 posts)

  1. mythusmage
    Member
    Posted 7 years ago #

    Layout consisting of left sidebar, main content, left-right sidebar, and right-right sidebar. No fancy geegaws or fussy bits. I have tried the 4 column themes from Small Potato and Milo 317, and they're not what I'm looking for.

    Prefer a light, warm theme. Sidebars with a slightly darker background than main content. Widget ready, no plugins or widgets incorporated or required.

    Suggestion: Call them columns and put all 4 into the index.php file. That way you'll have fewer files to worry about.

    If you know of a theme like that, or are willing to cobble together something for a tech flubber like me, add a reply below.

  2. MichaelH
    Member
    Posted 7 years ago #

    If you haven't seen them look at these Four column themes.

  3. mythusmage
    Member
    Posted 7 years ago #

    There were two themes I hadn't seen before, but while both are technically 4 columns, they have only one sidebar. I'm looking for three sidebars.

    BTW, four column skins for Sandbox or Jewelry Box are fine.

  4. Justin Tadlock
    Member
    Posted 7 years ago #

    I might could put together something simple for you. I think I might have something that could easily be turned into a 4-column theme. Just need to add a left sidebar.

    Check out http://justintadlock.com/archives/2007/04/15/blogging-simply-wordpress-theme, and let me know if this is something you're interested in, only with 4 columns.

    Of course, the colors can be changed. Let me know, and I'll see what I can do. If you have any color preferences, tell me because I can put it together quicker if I know what I'm designing.

    I'll have to do it over the weekend since I don't have enough time during the week.

  5. mythusmage
    Member
    Posted 7 years ago #

    Should work. Light brown header and footer, light tan for the main content, light green for the sidebars, with the left sidebar wide enough for the Technoratic widgets I've got. Don't forget to send it off to the WordPress Themes site when it's ready.

    Thank you.

  6. mythusmage
    Member
    Posted 7 years ago #

    (Here I go complicating things)

    Header: Dark green with blog title and motto in dark brown.

    Footer: Pale green (palest web safe shade you can find :) )

    Sidebars: Light brown.

    Main Content: Light green.

    (Aint I particular? :) )

  7. Justin Tadlock
    Member
    Posted 7 years ago #

    I'll get to it on Friday. And, I'd rather you be as particular as you can because that'll help the process. Coming up with the design is the hardest part. Implementing it is the not-so-hard part.

    One question about the colors though: Are you referring to the text colors or the background colors? Just want to be clear.

  8. mythusmage
    Member
    Posted 7 years ago #

    Background colors, with the exception of the header, where the font color should be a dark brown. Obviously the colors can't be specified with a mnemonic.

    Where fonts are concerned, header and title fonts in keeping with the tree look. Either that, or something Medieval or arcane. But readable in any case.

    As an alternative supply guidelines for specifying background and font colors in a read-me, and let people decide on what they want the theme to look like. The same for replacement fonts,in case folks want a sea-look, or mountain-look, or something different.

    (Noticed as I was laying out background colors that it was the same basic color progression as you'd get with a tree with undergrowth at the bottom, a vine climbing up, and a crown with branches peeking through.)

  9. Justin Tadlock
    Member
    Posted 7 years ago #

    All right. I'm going to get to working on this now. Just wanted to let you know I'm still on board.

  10. mythusmage
    Member
    Posted 7 years ago #

    Just checking on progress.

    (You ever notice that the more certain you are that a project is going to be a breeze, the more problems you have?)

  11. Justin Tadlock
    Member
    Posted 7 years ago #

    I know exactly what you mean. I've been working on three different themes over the weekend, and I thought this one would be the easiest. The color scheme is really getting me.

    I had to stop yesterday so that I could write an ethics paper and a journalism paper.

    Today, however, I'm finished with classes. I just have to go to this journalism thing this afternoon, and I'll be back at it after that. I'll give you something to at least look at tonight.

  12. mythusmage
    Member
    Posted 7 years ago #

    Had the feeling. :)

    Now, are you using background colors, or images? What in the way of bling are you incorporating? Are you using it as a test bed for my suggestions on theme organization and layout?

    However you're doing it, I think it's better you have something you're comfortable working on. And others are comfortable working with.

  13. Justin Tadlock
    Member
    Posted 7 years ago #

    Since you wanted something basic, I decided to use my original theme I showed you, which doesn't have any background images. I tried every green and brown in the book, and couldn't come up with exactly what you wanted.

    Eventually, I found a color scheme that I think works. You can download the first version here: http://justintadlock.com/downloads/simply-tree.zip.

    There's still a few things that need to be done though. Let me know what you think needs to be done to it, and I'll get right on it.

    It's fluid width just in case you have some 800x600 users. You might want the link styles changed in the sidebars; I'm not sure.

    Just let me know. I obviously need to update the readme.txt file and the rest of the documentation, but I'll put that together once I release it.

  14. mythusmage
    Member
    Posted 7 years ago #

    Okay, just had a look, and I spotted problems. Basic layout is good, but the header and footer need to be distinct. And to span the theme in the case of the footer.

    Header and Footer: Make those a dark green. Keep the font color, that works. Make them both deeper as well. Blog title larger, and justified left.

    Content: Go to a light green, black for the font. I much prefer dark on light.

    Over all it looks good. If you like, you can offer it to others to playtest, see what they have to say and what they come up with. You could also offer two variations on the theme, Simply Tree Dark (with the content area its present color), and Simply Tree Light using my color preference.

    And thank you for your help.

  15. Justin Tadlock
    Member
    Posted 7 years ago #

    I also prefer dark on light, but my biggest problem when doing this was finding a suitable light green. Maybe now the I've put it together, I can find something that will match.

    I'm a little confused on the header and footer thing now. You said make them dark green. The header is already a dark green, except for the description. And, the footer's background color is dark green, with a white font color. So, you said keep the font color, but they are two different font colors.

    I'll start working on your suggestions though.

  16. mythusmage
    Member
    Posted 7 years ago #

    Oh. Eyes sharp, like brick. Mind swift, like turtle. Though now that I think about it, better to have header and footer in the same font and color.

    Of course, since it is your work, I have no disagreement with you making a variety of versions available.

    Simply Tree

    Dark, Light.

    One Column.

    Two Column Left, Two Column Right

    Three Column Centered, Three Column Left, Three Column Right.

    Four Column Left, Four Column Center Left, Four Column Center Right, Four Column Right

    There is one thing you might want to do, include instructions for changing background color, and an example list of color values and/or links to the appropriate resources.

  17. Justin Tadlock
    Member
    Posted 7 years ago #

    I know I should've gotten this done by now. But, in my defense, it was my birthday on Tuesday, and I'm in the middle of final exams. I'll definitely get it done in the very near future.

  18. mythusmage
    Member
    Posted 7 years ago #

    Finals are quite understandable, birthdays are a bit iffy. :)

    Seriously, focus on the important stuff. Your professors may want to give you some leeway, but university bureaucrats never do.

  19. Justin Tadlock
    Member
    Posted 7 years ago #

    Okay, I've finished the new version, which didn't take that long. I just needed some time to sit down and do it. I think I found a light green that works with the theme, you be the judge.

    There might be a few things here and there that need to be tweaked, but I always prefer to wait until I've found the color scheme first.

    The download link.

    Let me know what else needs to be done, and I'll have it finished in no time. I'm through with finals and I have five days of freedom before graduation. So, plenty of time to work on stuff.

  20. mythusmage
    Member
    Posted 7 years ago #

    Okay, the placement of the header background could use a bit of tweaking. It overlays the top of the body, obscuring links in the side bars. Then there's extra dates with each post. I also noticed you included a darkstyle.css file. Should one dispose of that if one prefers the light style, or is there a way to switch between the two?

    Overall it's a clean look.

  21. Justin Tadlock
    Member
    Posted 7 years ago #

    Not sure what you're talking about when you say the header background overlays the top of the body because the header's background is transparent.

    I see what you're talking about with the extra date. That's something I have to tweak in Firefox because stuff is getting pushed up to the top from the bottom. Probably a float issue.

    The darkstyle.css file is just the original CSS file that I wanted to hang on to. There won't be a way to switch between the two. I'll probably offer two different versions of the theme.

    Well, if you don't have any other suggestions, I'll be releasing this tonight. Of course, I'll update it with proper instructions and make sure it's compatible with all browsers. I just wanted to get the basic look and color scheme done.

    So, if you do have any other recommendations, now would be the time to add them. I'm assuming I have a go.

  22. mythusmage
    Member
    Posted 7 years ago #

    It's just that there's a dark band across the main content area, just under the header.

    BTW, how do you make the header deeper?

  23. Justin Tadlock
    Member
    Posted 7 years ago #

    Never saw a dark band in IE, Firefox, or Opera. And, you'll have to explain what you mean by "deeper." I can tell you how to make it bigger, wider, letters closer together, darker. I can move it around the page. But, deeper?

    I've finished though. You can download the new version. Also, take note that I've changed the name to "Simply Tree Light" because I'm going to release the dark version of it at some point.

    It might be later tonight or probably some time tomorrow before I release it publicly. So, if you want to give it one last test run, and find all those little errors that designers inevitably forget about, please do so.

  24. mythusmage
    Member
    Posted 7 years ago #

    Parse error: syntax error, unexpected $end in /home/mythmag/public_html/wp/wp-content/themes/simply-tree-light/sidebar.php on line 182

    Might be more, but I haven't checked

  25. Justin Tadlock
    Member
    Posted 7 years ago #

    I want to make sure you didn't erase this line:

    <?php if ( function_exists('dynamic_sidebar')
    && dynamic_sidebar('Sidebar 1') ) : else : ?>

    and leave this line:
    <?php endif; ?>

    I think that might give you an error like that.

    Also, are you using the latest version of WordPress?

    I did find an XHTML error that I'll need to fix before I release the final version though. As you can tell, I'm kind of slow about doing that.

  26. mythusmage
    Member
    Posted 7 years ago #

    It was my doing. I uploaded a clean copy from my computer, and that worked fine. With one small problem, likely caused by my antedeluvian browser.

    You may want to set up a testblog with Simply-Tree-Light on it and use the W3C validator to check it by the front page URL.

    Anyway, you up to doing an absolutely bare bones four column theme? No background colors etc., just the absolute minimum for a blog with a header, footer, and three sidebars.

  27. Justin Tadlock
    Member
    Posted 7 years ago #

    huh?

  28. mythusmage
    Member
    Posted 7 years ago #

    Antedeluvian browser.

  29. Justin Tadlock
    Member
    Posted 7 years ago #

    I just set up a test blog online yesterday. I needed a place to set up everything for test runs. It's at http://justintadlock.com/wordpress-themes. I'm still putting everything together on it though.

    I was saying "huh?" to when you only had "It" written.

    As far as the absolute minimum goes, I can just take all, almost all, the styling off this theme and leave it like that.

  30. mythusmage
    Member
    Posted 7 years ago #

    Just had a look at the page and noticed you're using Simply Tree Light there. And that a few problems are missing. I currently have Spam Karma running, but what could be causing the obscuring band is puzzling.

    What changes do I need to make to remove background colors etc.?

    (editing failure)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags