yg-ladies
omo, how did you change the color and the image of your music widget? \o/ *between, tnx for reblogging!* ^^

Go to customize ► edit HTML ► and search for (ctrl+f):

#music {padding: 

Replace the background hex triplets with a different one…(a hex triplet is something like #ffffff that is the hex triplet for white, by the way.)

For example, I start off with:

#music {padding: 20px 0 5px 0;background: #e7f3fd;width:230px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;z-index: 9999;}

#musictab {font-family:georgia;text-shadow: 0 1px 0 #000;height:30px;padding: 0 0 8px 0;background:#000000;border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;width: 50px;} 

To make the music widget black, I replace ‘#e7f3fd’ with ‘#000000’ so it would become:

#music {padding: 20px 0 5px 0;background: #e7f3fd;width:230px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;z-index: 9999;}

#musictab {font-family:georgia;text-shadow: 0 1px 0 #000;height:30px;padding: 0 0 8px 0;background:#000000;border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;width: 50px;} 

The first background hex triplet is the part that shows up when you place your cursor over the tab. The second background hex triplet is the tab colour.

I tried to explain in the best way possible…x’D.

➜ 3 months ago • Feb 22,2012 → 2 notes
tagged #FAQ

  1. magikyul posted this