Replace Name on Top by an Image
February 16, 2007
This code will hide your name on top of profile, instead of it, it allows you to use an image to place the name.
Replace the code image width to your image’s width; image height to your imgae’s height;replace image url here to the image’s url.
So, for example, you would like to replace the name text with this image: http://www.site.com/image.jpg, the image is 300px * 100px size. You will need to change the code to width: 300px; height: 100px; background-image:url(‘http://www.site.com/image.jpg’);, the rest remains same.
Screenshots:
- before:
- after:

Instructions:
- Copy and paste the code into About Me section
- Save your editing and preview. Done. =)
<style type="text/css">
.nametext {
display:block;
width:(image width)px;
height:(image height)px;
background-image:url('image url here');
padding: 0;
margin: 0;
text-indent: -9999px;
}
</style>
March 9, 2007 at 2:58 am
mmmmammmmammamam
March 9, 2007 at 2:59 am
yggggggg
March 10, 2007 at 4:43 am
hot
April 5, 2007 at 1:20 pm
It’s not working, wich sucks ass.
But um do you have any other suggestions?
April 8, 2007 at 1:29 pm
Actually… It DOES work.
However, there are a couple errors on the script.
Here is the corrected script (using my examples):
[quote]
.nametext {
display:block;
width:200px;
height:86px;
background-image:url(“http://img459.imageshack.us/img459/8416/signaturemyspacetz5.png”);
background-repeat:no-repeat;
padding: 0;
margin: 0;
text-indent: -9999px;
}
[/quote]
April 8, 2007 at 1:31 pm
Take 2 on quoting code (I’m not familiar with this here platform:
.nametext {
display:block;
width:200px;
height:86px;
background-image:url(“http://img459.imageshack.us/img459/8416/signaturemyspacetz5.png”);
background-repeat:no-repeat;
padding: 0;
margin: 0;
text-indent: -9999px;
}
April 8, 2007 at 1:35 pm
Ok, I give up!
myspace-replace-name-with-image-code.txt
April 11, 2007 at 10:12 pm
Thanks for the code M3L, you rock.
April 23, 2007 at 10:29 pm
this sucs it just blocks out my name
April 29, 2007 at 9:46 pm
how do i kno my image’s size?
April 29, 2007 at 9:46 pm
nevermind =]
May 3, 2007 at 6:39 pm
M3’s version worked for me, and I’m new to this myspace stuff (though I know html) looks like the only difference is the background tag.
Thanks for the tips-both ya’s :)
June 14, 2007 at 3:51 pm
I can do it. But it cuts haly my pic off:S?
June 15, 2007 at 5:28 pm
hi! i have this layout:
http://www.myspacemaster.net/myspace-layouts/preview/4008
and I want to show my topfriends. how can I make it?
June 22, 2007 at 11:22 pm
whatz da deal
July 1, 2007 at 10:16 pm
1st time i did it, it was just blank, blocked my name out.
2nd time, it was just my name o.O
;[[
July 6, 2007 at 5:47 am
it just blocks out my name; any ideas?
July 8, 2007 at 7:20 pm
noo. it doesnt work :( and i was really looking forwards 2 it.
crap.
July 13, 2007 at 12:29 am
okay so how do you just change the font writing and size of it nevermind putting a picture..?
August 2, 2007 at 7:00 am
FOOLS
August 2, 2007 at 10:30 pm
i love this
August 9, 2007 at 11:43 pm
doesnt work for me it jus blockes it out
August 12, 2007 at 11:00 pm
this fucki doesnt work dorks
August 12, 2007 at 11:01 pm
does anyone me to faire caca dessus
September 2, 2007 at 2:00 am
yeah it doesn’t work.
just blocks name but won’t put image.
:/
September 3, 2007 at 10:17 am
it doesnt wrk….
blocks name but wont put the image
September 4, 2007 at 5:07 pm
doesnt work :(
darrrrrrnnn
how do u change the colour of the font on ur name..
never mind this thingy
September 24, 2007 at 1:17 am
yeah it doesn’t work.
just blocks name but won’t put image.
October 10, 2007 at 12:35 pm
the president of china has my babies !
D:
October 10, 2007 at 12:37 pm
toot toot chugga chugga ,
big red car !
SiNG with me , CHiLDREN !
October 10, 2007 at 12:39 pm
;)
;)
;)
;)
October 16, 2007 at 10:56 pm
this sucks balls!
your shaaat don’t worrrrk nigguh
October 24, 2007 at 1:50 am
DHiiSz SHiET D0NT W0Rkk!!=/
iiT jUSz HiiDESz MAH NAME bUt iiT
D0Nt PUT N0 iiMAgE iiNSTEAD!!
November 4, 2007 at 5:00 am
dd
November 16, 2007 at 7:47 am
Does anyone know how to center your default picture on the Profile page? I don’t need to center the page, I just want my PICTURE in the top left box centered. Thanks!
December 3, 2007 at 6:06 pm
Hello there
I’m looking for codes for bands profiles, I’ve seen that codes for personal profiles don’t work with band’s. Do you know where I could find these other ones?. Thanks for your blog ;)
December 15, 2007 at 8:21 am
yeah it doesn’t work.
just blocks name but won’t put image.
January 7, 2008 at 2:32 am
you have to remove the quotes in the code in order for it to work
not this= background-image:url(“http:/blahblah.jpg”);
do this= background-image:url(http:/blahblah.jpg);
February 10, 2008 at 10:21 pm
it workes for me xD
February 13, 2008 at 4:01 pm
GAMATO
February 22, 2008 at 1:32 am
hi what u
February 22, 2008 at 1:33 am
hi what uiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
February 22, 2008 at 1:34 am
HOLA ME LLAMO GALDINO MIS MEJORES GUSTOS SON
February 23, 2008 at 10:13 pm
yeah this works only with certain picture websites (i.e. Photobucket or TinyPic)
March 3, 2008 at 11:11 am
But WHERE in the About Me section do you paste it in?? Before all the other stuff or after? Or anywhere?
April 7, 2008 at 8:35 pm
Thank You got it too work after a few tries :)
May 24, 2008 at 2:41 pm
honestly amazing thanks so much!
, and guys it’s not that complex to figure out..lol
May 24, 2008 at 2:43 pm
.
June 15, 2008 at 7:11 pm
This DOES WORK!!!!!!!!! :D
i used this code..
.nametext {
display:block;
width:310px;
height:60px;
background-image:url(‘http://i29.tinypic.com/mkf95e.jpg’);
background-repeat:no-repeat;
padding: 0;
margin: 0;
text-indent: -9999px;
}
For those that didnt work.. you all can use this code just replace my info with urs!
July 8, 2008 at 7:30 am
yeah all you gotta do is remove the quotes from the url
July 15, 2008 at 1:16 am
haha cheers guys!!! much love!
johntheone!
August 8, 2008 at 12:09 am
THIZ FUKN SHIT IZ A DAM JOKE IT DONT EVEN FUKN WORK
August 13, 2008 at 8:02 pm
Thanks a lot
i didnt get it at first but reading everones comments and help i got it done.
thanks again
August 26, 2008 at 4:46 pm
it doesnt work, D:
November 27, 2008 at 7:47 pm
it does the same for me, it just blanks over my name, it doesnt show the picture in the url.
:\
December 17, 2008 at 6:40 am
can someone explain why even after i removed the quotes and everything half the image gets cut off? and how do you get the exact PX size of the image i gave it the info from the program but im not sure its the same measurments.
January 8, 2009 at 10:05 pm
yess it is shit it jus blocks
ya name n you cant c shit
thats gamin
February 5, 2009 at 11:10 am
For all of you idiots that don’t know how to do a damn thing this works fine…..you’re just to stupid to figure it out. If you have other code in your profile make sure you use seperate style tags. EG:
.nametext {
display:block;
width:280px;
height:59px;
background-image:url(“http://img999.imageshack.us/img999/9999/Image.png”);
background-repeat:no-repeat;
padding: 0;
margin: 0;
text-indent: -9999px;
table, tr, td {
background-color:transparent;
}
table, tr, td {
background-color:transparent;
border:none;
border-width:0px;
}
table table table {
width:100%; max-width: 600px; } table table table table { width:100%;;
}
body, .bodyContent {
background-image:url(http://img999.imageshack.us/img999/9999/Background.png);
background-position:Center Center;
background-attachment:fixed;
background-repeat:no-repeat;
border-width:0px;
border-style:Solid;
cursor:default;
}
table table {
border:0px;
}
table table table table {
border:0px;
background-image:none;
background-color:transparent;
}
table table table {
border-style:Solid;
border-width:0px;
background-image:url(http://content.pimp-my-profile.com/tp/aaaaaa-70-tp.png);
background-repeat:repeat;
background-attachment:fixed;
}
table, tr, td, li, p, div,.text,.redtext, .blacktext12 {
color:000000;
}
.whitetext12, .orangetext15 {
color:ffffff;
}
.lightbluetext8, .blacktext10, .redbtext,.btext {
color:000000;
}
.nametext {
color:000000;
}
img {
filter:none;
}
It should work fine as long as you use seperate style tags like I said
April 23, 2009 at 7:59 pm
you up there, suck too.
May 16, 2009 at 9:07 pm
Here’s the 2.0 version for those of you using it:
div.basicInfoModule div.basicInfoDetails h2 {
background-image:url(http://yourimagehere.com);
background-repeat:no-repeat; color: transparent; position:relative; line-height: 1.32cm;
}
It works provided your image isn’t over over 50px high. The image I used is 150×50. If it’s the wrong size for what you’re using, just adjust the “line-height” portion by small increments accordingly.
May 21, 2009 at 3:42 pm
Качество друзей тоже надо учитывать. Дональд Трамп, например, на двадцатку потянет.
May 22, 2009 at 11:45 pm
Пора переименовать блог, присвоив название связанное с доменами :) может хватит про них?
May 23, 2009 at 9:27 pm
Суперский пост! Блог уже в ридере )
May 26, 2009 at 7:47 am
Как всегда на высоте!
August 6, 2009 at 3:01 am
thankyouthankyouthankyouthankyou :) :) :)
August 13, 2009 at 5:22 pm
just remove the px part of the code. that was my problem.
December 12, 2009 at 4:16 am
it doesn’t even work on mines.
it just show two stupid dot on the about meh.
and then thats it. =[