mySpace URL userProfileURL style hide image

mySpace URL space, Styling, Hiding, Moving, Replace

Some quick links in case you don't want to read the whole article, and really learn about this space:

How the URL Space is Structured and How it Fits into the Page Structure
Remove the URL Space
Hide only the URL space Header, Keep your URL name
Replace the URL Space with Image

How the URL Space is Structured and How it Fits into the Page Structure
To understand the laying (div, table, cell, class) of this space, refer to this page.
MySpace page showing Layering of Div, Table, Cell, Class
Scroll down to the URL space (left side under the contact table).
Look at the key, to the right.
The table, which is the core of the URL space, is assigned class="userProfileURL".
Notice that the class is not restricted to the table.
Two Rows (tr) have been assigned the same class="userProfileURL").

The url box is built using a combination of these levels:
table table table.userProfileURL
This is the class. This is the best way to address this area for hiding, unhiding, replacing with a picture, and anything else you may want to do with it.

table table table.userProfileURL td: this is where the blue background, which serves as a border, is set.
table table table.userProfileURL table tr or
table table table.userProfileURL table tr.userProfileURL
There are two of these. This is where the white background is defined (this is one of two places where the tr is used to create the background color, the other is the bottom menu. I usually ditch this along with the grey background to the bottom menu like this:
tr {background-color:transparent;}
However, if I have done the above, to ditch the gray behind the bottom menu, and I still want the white that goes with the URL, I can add this line
table table table.userProfileURL table tr {background-color:white}
or just
tr.userProfileURL {background-color:white}

The URL box text is in its own div, this makes it easy to remove
table table table.userProfileURL table div {display:none;}
OR
table.userProfileURL tr.userProfileURL {display:none;}
If you only want to make the text transparent, and do not want to remove the space it occupies, then instead of {display:none} use {visibility:hidden}
Remove the URL Space

<style>
{! ditch the URL and the space it occupied !}
table table table.userProfileURL {display:none;}
{!-eliminate whitespace caused by carriage returns and clear Gifs -!}
table.contacttable {margin-bottom:-20px;}
</style>

IF you have removed your contact table, replace table.contactTable with table.profileInfo, in the above code block. You want to use the class just ABOVE the location where the URL is being removed from.

Hide only the URL space Header, Keep your URL name

<style>
table.userProfileURL table table {display:none;}
</style>

Replace the URL Space with Image
place the code at the top of the about me.

<span class="off">!-Replace URL space with an Image-!
!-if this code stops working check <a href="http://xiii.us/v/">here for myspace code fixes and updates</a>
</span>
<style>table.userProfileURL
{background-image:url("http://i1.tinypic.com/6bc3p13.jpg"); 
background-repeat:no-repeat; background-position:center center; width:302px; height:30px;}
table.userProfileURL div {display:none }
table.userProfileURL td {visibility:hidden}
</style>

IF the above code does NOT work, and you suspect the reason is an over riding command, which uses the keyword important, than try the below code block:

<span class="off">!-Replace URL space with an Image-!
!-if this code stops working check <a href="http://xiii.us/v/">here for myspace code fixes and updates</a>
</span>
<style>table.userProfileURL 
{background-image:url("http://i1.tinypic.com/6bc3p13.jpg") !important; 
background-repeat:no-repeat !important; 
background-position:center center !important;
width:302px; height:30px;}
table.userProfileURL div {display:none !important }
table.userProfileURL td {visibility:hidden !important}
</style>

Hide URL on Band Page
For the band page it is a little more difficult. I really thought myspace would apply the new classes to the band page by now, which is why I didn't cover this sooner. But the question showed up in a forum, and I ended up posting the code there.

I have a few solutions here, pick your side effects:
The text is easy, it is in a div.

<style>
table table table table div {display:none;}
<style>

The above effects that div in the comment space, that has class commentlinks. You can recover that if desired. I would just assume keep it hidden, as good as an idea as it is, it is more trouble than it is worth.

Now for that thin blue border (which is really a background to a cell).
It is the background coloring at this level
table table table td

If you make it transparent, you effect the general table and the shows, in a way that is not easy to recover.
But you can try it and see what you think:

<style>
table table table td {background-color:transparent}
</style>

OR instead of getting rid of the blue border thing, one can instead just cover it. I think that this solution is actually the best choice:

<style>
table table table table div {display:none}
table table table.contactTable { position:relative; top:0px; margin-bottom:-45px; }
</style>

Thank you for visiting; Have a nice day


hide myspace url bar

remove url space completely