A Redesigned Scrubbles.net

Hey there — notice something different? I’ve redesigned Scrubbles.net. This is the first true sitewide retooling in five years. Although I still have some kinks to work out, I’m happy with the swanky retro-computer look we’ve got going here.

This redesigning process began about a year ago, actually, in search of a good WordPress theme. I’ve noticed that many of the popular and nicer looking WP themes have one element that works, and a whole bunch of other elements that don’t work. Either the typography is fabulous and the layout is lousy, or the sidebar is beautifully designed but the rest of it uses terrible colors. It’s always something. I was about at the end of my rope before coming across a gorgeous and subtle theme called Vanilla Cart. Top to bottom, I love it. For the logo fonts, I went with Eurostile condensed and Gala (which cost a lot, but it’s absolutely perfect — sometimes one has to spend money for perfection). I also brought back this weblog’s original tagline, which hasn’t been seen here since about 2002. There’s even a new cartoon portrait of yours truly on the sidebar.

Although I currently have about 80% of the redesign in place, there are a couple of issues with the CSS that I’m sending out a plea for help on. Specifically:

  • I have a kickass repeating background for the redesign, similar to the one on my Twitter profile — but I can’t get it to work. I’ve tried everything on this theme’s CSS stylesheet, but the only changes result in a pure white background. Any CSS experts out there who can help?
  • This theme also has an option for you to use your own logo — but when I tried it, the logo was positioned down at the white space above the blog entries. I want it positioned above the “Home” and “About Me” tabs (which is where the blog name and description are normally positioned if one does not use a graphic logo). How can I move it up to its proper place without screwing everything up?

8 Thoughts on “A Redesigned Scrubbles.net

  1. It’s looking great, Matt!

  2. Good work Matt :) I specially liked the Twitter background.

  3. Brad In Worcester on September 20, 2009 at 7:12 am said:

    Forgotten how much I’d missed “Ephemeral Gleanings”, et al…
    Dig the colors, dig the layout, but on your “headshot”, is the red dot your “mouth”,
    and the horizontal line beneath it your “chin-line”?
    Or
    Is the red dot “something else” and your “mouth” is that horizontal line, rendering your chin-line “moot”?
    I’m getting Dizzy over this.

  4. Stop being dizzy. You need medication? The round shape is my mouth and the line below it is my ever-present double chin, Brad!

  5. Brad In Worcester on September 22, 2009 at 8:52 am said:

    Got it.
    Thanks.

  6. Matt, the new design is really growing on me. Can’t wait to see if you’re able to add a “textured” background similar to your Twitter page!

    One suggestion–where’s the link in the blogroll to your last.fm. user page? I’m sure people would love to see what you’re listening to (since the marvelous Marvelettes get heavy rotation in your iTunes!) and I’d love to see more people discovering that site, too. Cheers to many more years of fun at scrubbles.net!

  7. Thanks, Dan. I deleted the last.fm link a couple of months ago when I was thinking about disconnecting that, but now that you lit a fire it’s been restored. Notice that I am the #1 Marvelettes listener there!

    I still love this design, but it loads too slowly. It looks okay on my Mac, but apparently in Windows Internet Explorer it looks like crap with everything jumbled and the sidebar missing. I have support queries on the two main problems (background pattern and misplaced logo), but if I don’t get answers soon I’ll have to change themes. AGAIN.

  8. Orange you glad that you redesigned your site? Looks good! The new Scrubbles font was worth every penny, and I like your new headshot — but I must admit that I thought your chin was a zipped-closed mouth (as if that would ever happen!)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Post Navigation