Geek Out!

live.pirillo.com

More Information

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

Views: 2

Tags: Geeks, Music, Personal, Playlist, Stylish

Comment

You need to be a member of Geeks to add comments!

Join Geeks

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.
Comment by JoelP on November 11, 2008 at 12:31am
Thanks Lumpy. =P
Comment by John "Lumpy" Lemke on October 22, 2008 at 9:35am
Nice work there JoelP!
Comment by JoelP on October 14, 2008 at 6:44pm
No problem ;)
Comment by Krystyn on October 14, 2008 at 5:03pm
Hey thanks, Joel. :)
Comment by JoelP on September 26, 2008 at 3:20pm
Thanks everyone!
Comment by Valdorsha on September 26, 2008 at 5:31am
Excellent tut Joel! Thank you for sharing =)
Comment by Mark Hi Geeks on September 26, 2008 at 4:01am
thats cool good job
Comment by everett on September 25, 2008 at 7:56pm
awesome guide, thanks!
Comment by JoelP on September 25, 2008 at 2:32am
Thanks, hope you understood it. :)

© 2013   Created by Chris Pirillo.

Badges  |  Report an Issue  |  Terms of Service