I’ve accomplished something I’ve always wanted to do with my site – have multiple styles and let the user choose their preference. As promised, I deliver onto you, “Back in Black”, which is essentially my latest revision with the old colours. A bit more bold, as all the links are coloured where as they were only underlined with colour in my previous incarnation. The style switcher stores a cookie on your computer, so every time you come back (granted you haven’t cleared your cookies) you’ll see the style of your choice. Fun!

Pretty in Pink and Back in Black styles

26 Comments

AC/DC rules!

Lol, just kidding.

Congrats, this one looks even better than the pink one, but "Pretty in Pink" is just a little more peaceful 😉

Awesome.

With this "Back in Black" one, the "Currently Playing," "Rocking My Socks," and "Portfolio" headers on the home page have text visible behind them. Correct me if I’m wrong, but I doubt that’s what you intended on doing (You can see it in the screen shots that you posted).

Awesome. Excellent job switching it up!

I wasn’t happy with the White. Too bright maybe 😛

I like the black version much better, did you think about using javascript for an instant style sheet change?

@Nao: Thanks for pointing that out. Totally missed those. The image replacement technique doesn’t work so well when you’re using transparent images, so I hide the text by making it the same colour as the background. But I must have missed those ones.

@Robert: Yeah, I was playing with a couple different switchers last night. One JS and one PHP. Problem being, I need to make some template changes as well. I’m going to try and replace things that prevent me from using a simple JS/PHP solution when I get a chance.

Nice job Matt!

I hate to say it, but I’m Back to Black. 😉 The pink was well done, but too bright for my taste. 🙂

Don’t get me wrong, the white site rocks, but im back in black as well, it feels alot more "comfy"

Lookin’ very slick Matt. I must say that I’m also much more fond of the black layout.

Matt, I hope you’re keeping the stats of the people clicking the switcher, to see how many prefer the black one.

No way man… stop messing with your website and making us all look lazy 😉

Cheers for the switcher, I haven’t decided which version to use yet, perhaps a lighter font colour on the the elctric pink would soften the comments area and improve the contrast a little? That could be a clincher for me…

Not picking holes, just a suggestion… also laughing my ass off at "None More Black" in your playlists…

Kinda ironic huh?

Matt, so did you write your own solution for the switcher, or did you use another one out there. If so, which one? I have been wanting to do the same thing with wordpress also. Awesome by the way. later.

I am such a fan of the "pretty in pink" site. I also think it’s awesome that you put the "Back in Black" site up for those who fell in love with your darkside. I could walk into the next room and tell you that, but I wanna comment too, I feel left out!

the pretty in pink version was a nice scheme but the black version is a little bit easier on my eyes for some reason. but i just prefer the site in black anyway

@Deanna – Is that like IMing when dinner’s ready?

I’m a fan of both. I think black at night (since I’m in a fairly dark room) and pink in the day (since I’m in a room with a lot of light).

Yeah I agree with Trovster… would be interresting to see how many users go "back to black" 😛

It’s my pref.

That’s sweet. One thing you may want to work on is the button used to switch styles. When I first saw it I thought that by clicking one of the colored squares I could change the scheme to that color.

awesome site dude!! am loving the design !! have a question for you !

how on earth did you manage to get that "Previous Entries" to work on the main page … it looks sooo clean and slick..

would love it if you could share some knowledge

thanks a ton,

T.

You should set up a poll or (even cooler) use a lil PHP magic to send data to a database when a user changes the style (and to take it further make a pepper to grab this data) so you can get some stats about who’s using which style.

Comments are automatically closed on articles over 5 years old.