"View My" Graphic Links | Myspace 2.0

Simply copy the below code into your CSS box in Myspace 2.0 for this to work. It can not go into the about me and won't work in Myspace 1.0 either.

IMPORTANT NOTICE: This code will not work if you have the "Playlists" or "Reviews" link enabled by default The maximum number of links this code will work with is 4. I've included an image that has graphics for all links (Photos, Videos, Blogs, Playlists, Reviews, and Gifts). Myspace still has yet to put unique selectors on these links so you have to deal with odd/even classes for the time being.

Here is how it is structured:
odd:first-child (1st link - Always Photos)
even (2nd link)
odd (3rd link)
last (4th link - Always Gifts)

Possible Combinations:
Photos, Videos, Playlists, Gifts (Default that's included below)
Photos, Videos, Reviews, Gifts
Photos, Blogs, Playlists, Gifts
Photos, Blogs, Reviews, Gifts
Photos, Playlists, Reviews, Gifts
Photos, Videos, Gifts
Photos, Blogs, Gifts
Photos, Playlists, Gifts
Photos, Reviews, Gifts
Photos, Gifts

I've provided the graphics for each link for you so just mess around with the background positions until you find the one that suites your needs. I'm sorry if this is difficult for you but it's Myspace's fault for not classing anything. Hopefully in the future they will add classes to them so I can write a single, simple code. Until then...good luck! lol

{! Provided by: myspace.com/lesterkyle !} div.pageLinks em {display: none;} div.pageLinks ul li { float: left; } div.pageLinks ul li a { display: block; width: 40px; height: 30px; text-indent: -10000em; padding: 0; text-align: left; background: url(http://i47.tinypic.com/2s8s2hg.png) no-repeat; } div.pageLinks ul li.odd:first-child a { background-position: 0px 0px; } div.pageLinks ul li.even a { background-position: -39px 0px; } div.pageLinks ul li.odd a { background-position: -83px 0px; } div.pageLinks ul li.last a { background-position: -165px -2px; } div.pageLinks ul li.odd:first-child a:hover { background-position: 0px -30px; } div.pageLinks ul li.even a:hover { background-position: -39px -30px; } div.pageLinks ul li.odd a:hover { background-position: -83px -30px; } div.pageLinks ul li.last a:hover { background-position: -165px -32px; }

amazing:D

Love this using

THANK YOU!!!

Great Work!

NICE =D

Author	lesterkyle
Submitted on	Mar 13, 2009
Page views	12,216
Favorites	48
Comments	5
Reviewer	decaydancefbr
Approved on	Mar 15, 2009

graphic, logo, photos, videos, blogs, text, hide