Customise MySpace Part 2 - Your Name

Please note that the images in this post are currently missing due to a move in domains - I’ll get them back ASAP or advise that they are gone forever.

On the standard MySpace profile your name is in text in the top left hand corner.

Owwww that's boring

Now what if you wanted to change this to something a little more cool like:

Ah that's better

The code you will use is:



span.nametext {font-size:0.5pt; display:block;
background-image:
url(http://yoursite.com/yourimage.jpg);
background-repeat:no-repeat;
background-position:center;
overflow:none; background-attachment:scroll;
text-align:center; width:200px; height:50px;
color:white;}

The image itself you’ll want to be careful with it’s background colour so it matches your existing background and also the size - it’ll be cropped if you don’t change the text-align tag to your dimensions. Another word about the size is remember anything you do here will effect the rest of the page - if you put an image too tall it’ll push everything down.

I loaded this into the “who I’d like to meet” section just to keep it seperate from the other CSS we put in the other day - really I would normally put it all in the one CSS but again I’m breaking it all up for these purposes.

The name still appears but tiny and in white so it doesn’t show up against the background colour - you need to change yours to reflect your own background colour (remember leave out the #).

And there you have it you now have an image for your name!

All done

Popularity: 10% [?]

Share and Enjoy:
  • StumbleUpon
  • TwitThis
  • Technorati
  • Digg
  • Google
  • Facebook
  • del.icio.us
  • e-mail
  • YahooMyWeb
  • Bumpzee
  • blogmarks
  • Furl
  • Live
  • Reddit

More posts like this:

Trackback URL


4 Comments on "Customise MySpace Part 2 - Your Name"

  1. admin
    Kimly
    19/01/2007 at 10:04 pm Permalink

    but what if you just want an background color on there

  2. admin
    Lee
    20/01/2007 at 11:13 am Permalink

    Hi Kimly - if you just want to change the background colour of the name panel and only the name area then you would use this code:

    To be honest I haven’t tested this so use with caution and if it doesn’t work just let me know!

  3. admin
    Emily
    26/01/2007 at 3:28 am Permalink

    I think this is an old blog, and I don’t know if you look at it anymore, but this is exactly what I need, but that code doesn’t show up for me. It just says “The code you will use is:”

    And then it’s blank. :( If possible, can you help?
    Thank you.

  4. admin
    Lee
    26/01/2007 at 8:21 am Permalink

    I just emailed you Emily but as you can see it’s back up now!

Hi Stranger, leave a comment:

ALLOWED XHTML TAGS:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe to Comments