Making Your Geeks Music Playlist Personal (easy)

This is probably one of the geekiest things you'll ever do here on geeks, but I'm sure you have thought "Can I change my music plalist color?"... right? Well I'm going to teach you how!

First and foremost! Join the #CSShelp Group on Geeks (http://geeks.pirillo.com/group/csshelp)

Now, let's get started!

First step is to figure out, "hmm what color do I want? do I want it transparent? Do I want an image? or what?"

Well, here's the ALL the codes so it makes your job a little easier selecting one.

Copy one of these into your Edit Theme>Advanced>under everything else

Solid Background Color:

.music .xg_module_body{
background: #000;
}

#000 is a hexcode, I'll teach you about those later on.

Transparent Background:

.music .xg_module_body{
background: none;
}

No explaining there, easy pz. :)

Image Background:

.music .xg_module_body{
background: url(image.jpg);
}

You should put your image url in it's respective place.

Alright, on to Hex Codes!

What is a hex code? here's the wiki;

"In mathematics and computer science, hexadecimal (also base-16, hexa, or hex) is a numeral system with a radix, or base, of 16. It uses sixteen distinct symbols, most often the symbols 0–9 to represent values zero to nine, and A, B, C, D, E, F (or a through f) to represent values ten to fifteen.

Its primary use is as a human friendly representation of binary coded values, so it is often used in digital electronics and computer engineering. Since each hexadecimal digit represents four binary digits (bits)—also called a nibble—it is a compact and easily translated shorthand to express values in base two." - wikipedia.com

Well that sounded way too geeky for my taste, so I dumb it down.

Hex codes in the CSS sense tell the browser what color to display an object or text by using letters and numbers.

Anyways, cut the history channel out and let's get back to coloring that Music Playlist!

After you've joined #CSShelp you should notice a flash app on the main page. Creating a hex code is as easy as sliding the cursor around and selecting your preferred color!

When you have your color selected, copy the small 6 character hex code over to your "solid background" code and voila, your music playlist is stylish and fits your personality!

I hope this wasn't too geeky for you and I hope you enjoyed it!

Thanks for reading!

J

Tags: geeks, music, personal, playlist, stylish

< Previous Post

Comment

You need to be a member of Reviews, News, and How To Geeks to add comments!

Join this Ning Network

Comment by SassySweetBren on January 19, 2009 at 10:04am: Your page was shocking when I clicked on it first thing when coming on.

Then I saw your blog.

Cool. Thanks for sharing.