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:

  1. Copy and paste the code into About Me section
  2. <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>

  3. Save your editing and preview. Done. =)

51 Responses to “Replace Name on Top by an Image”

  1. Angel Says:

    mmmmammmmammamam

  2. Angel Says:

    yggggggg

  3. N() maTTA wat m()()d iam iN u caN aLWAyZ pUT @ smil3 oN ma FAC3 Says:

    hot

  4. Cheyenne Says:

    It’s not working, wich sucks ass.
    But um do you have any other suggestions?

  5. M3Li55@ Says:

    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]

  6. M3Li55@ Says:

    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;
    }

  7. M3Li55@ Says:

    Ok, I give up!

    myspace-replace-name-with-image-code.txt

  8. w7w7w7 Says:

    Thanks for the code M3L, you rock.

  9. Sonny154534 Says:

    this sucs it just blocks out my name

  10. meee Says:

    how do i kno my image’s size?

  11. meee Says:

    nevermind =]

  12. Pamela Says:

    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 :)

  13. scott Says:

    I can do it. But it cuts haly my pic off:S?

  14. lukas Says:

    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?

  15. stephanie Says:

    whatz da deal

  16. Kay Says:

    1st time i did it, it was just blank, blocked my name out.

    2nd time, it was just my name o.O

    ;[[

  17. dara Says:

    it just blocks out my name; any ideas?

  18. tatianaaa Says:

    noo. it doesnt work :( and i was really looking forwards 2 it.
    crap.

  19. emily Says:

    okay so how do you just change the font writing and size of it nevermind putting a picture..?

  20. Anonymous Says:

    FOOLS

  21. janie Says:

    i love this

  22. mike w Says:

    doesnt work for me it jus blockes it out

  23. georgia Says:

    this fucki doesnt work dorks

  24. felicia Says:

    does anyone me to faire caca dessus

  25. adrianna Says:

    yeah it doesn’t work.
    just blocks name but won’t put image.

    :/

  26. franklyn Says:

    it doesnt wrk….
    blocks name but wont put the image

  27. abs Says:

    doesnt work :(
    darrrrrrnnn
    how do u change the colour of the font on ur name..
    never mind this thingy

  28. steph Says:

    yeah it doesn’t work.
    just blocks name but won’t put image.

  29. gay face Says:

    the president of china has my babies !
    D:

  30. im a lesbian Says:

    toot toot chugga chugga ,
    big red car !
    SiNG with me , CHiLDREN !

  31. CLiCK MY NAME !!!!!!!!!! Says:

    ;)

    ;)

    ;)

    ;)

  32. yourmomma Says:

    this sucks balls!
    your shaaat don’t worrrrk nigguh

  33. yERA Says:

    DHiiSz SHiET D0NT W0Rkk!!=/
    iiT jUSz HiiDESz MAH NAME bUt iiT
    D0Nt PUT N0 iiMAgE iiNSTEAD!!

  34. Anonymous Says:

    dd

  35. Maui Girl Says:

    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!

  36. robby Says:

    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 ;)

  37. i no its hard but no stalking me Says:

    yeah it doesn’t work.
    just blocks name but won’t put image.

  38. josh Says:

    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);

  39. genesses Says:

    it workes for me xD

  40. GREEKS DO IT BETTER Says:

    GAMATO

  41. Galdino Says:

    hi what u

  42. Galdino Says:

    hi what uiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

  43. Galdino Says:

    HOLA ME LLAMO GALDINO MIS MEJORES GUSTOS SON

  44. Anonymous Says:

    yeah this works only with certain picture websites (i.e. Photobucket or TinyPic)

  45. nickcochrane Says:

    But WHERE in the About Me section do you paste it in?? Before all the other stuff or after? Or anywhere?

  46. Similak Child Says:

    Thank You got it too work after a few tries :)

  47. dan Says:

    honestly amazing thanks so much!
    , and guys it’s not that complex to figure out..lol

  48. .. Says:

    .

  49. Yesi Says:

    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!

  50. ... Says:

    yeah all you gotta do is remove the quotes from the url

  51. johntheone Says:

    haha cheers guys!!! much love!

    johntheone!

Leave a Reply