Customise MySpace Part 2 - Your Name
October 25th, 2006
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.
Now what if you wanted to change this to something a little more cool like:
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!
Popularity: 6% [?]
More posts like this:
Categories: Web Design | Tags: myspace
but what if you just want an background color on there
[Reply to this comment]
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!
[Reply to this comment]
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.
[Reply to this comment]
I just emailed you Emily but as you can see it’s back up now!
[Reply to this comment]