Customizing your profile

[PathOfTheRighteousMan]

- Customizing your profile -

Anyone can customize their profile and it's really easy.
So give it a try, better than having a boring standard profile.

---------------
Do NOT send me a PM (Private Message) asking about your profile or customizing it.
I will not respond to any PM's about this thread if I don't know you.
Ask those questions here in this thread
---------------
Backup any code already in your profile before using any codes or open a second profile to test it out

FAQ:

• Where do I put the code?
  All codes, unless otherwise stated, go in the About Me section.
  
• What about using the CSS advanced option?
  Ask here
  
• Where can I get the color codes?
  Hexadecimal codes
  
• Where can I get the codes to customize my profile myself?
  Pimp-My-Profile.com
  Use the Myspace 1.0 layouts and put the code in the Custom CSS section.
  
• Where can I get background images for my profile?
  http://www.hdwallpapers.net/
  
• Any other questions?
  Ask in this thread or here.

CODES

• I want my profile to look like someone elses
  Just send them a private message asking them for the code or where they got it.
  
  
• Comment/Message button
  

  <a href="http://www.teenspot.com/profiles/USERNAME/comments/new"><img src="http://www.myteenspotlayout.com/graphics/comments/1/commenbutton8.gif" border="0"></a>

• View picture button
  

  <a href="http://www.teenspot.com/profiles/USERNAME/pictures"><img src="http://i48.tinypic.com/2cxw2uw.png" border="0"></a>

• Center the Contact box
  

  <style>table#autonumber10 table#autonumber11 {width:800px; position:center;}</style>

• Make text Align to a certain area
  Change 'xxxx' to either right or left
  

  <div style="text-align:xxxx;"> TEXT HERE </div>

• Add a link in your profile
  If adding a hyperlink
  

  <a><a href=" LINK "/>TEXT</a>

  Just a link
  

  http://www.WHATEVER WEBSITE.com

• Add as Friend link
  There is no way to get an 'Add Me' / 'Add as Friend' link.
  But if your profile is set to private then when someone goes on your profile they will see links to add you.
  Or just leave the contact box shown,
  
  
• How to make your profile transparent
  Put the code below in here
  

  table, tr, td {
    background-color:transparent; border:none; border-width:0;
  } 
    table table table { 
    background-image:url('http://i37.photobucket.com/albums/e91/Lordhelpus/25.png'); 
    background-repeat:repeat; 
   }
  a:link img {filter:alpha(opacity=50);} a:visited img {filter:alpha(opacity=50);} a:hover img {filter:none;}

• How to center everything
  To center all text put the following at the start of each area you want to center ( Personal spot, about me, etc) :

   <center>

  Then put this at the very end in each area you want to center :

   </center>

• Hide 'About Me'
  

  <style>table#autonumber15 table#autonumber19 table#autonumber20 {width:1px; position:absolute; left:50%;top:600px; margin-left:-1500px;z-index:3;}</style>

• How to put pictures in your profile
  

  <a><img src=" IMAGE URL "</a>

• Hide Comments And Comment Box
  

  <style>#Autonumber15 #Autonumber24{display:none;}</style>

• Hide Comment Box Only
  

  <style>#Autonumber34{display:none;}</style>

• Hide Comments Only
  

  <style>#autonumber15 #autonumber24{visibility:hidden;}#autonumber34{vis ibility:visible!important;}#autonumber25{display:n one;}</style>

• Hide everything except Personal Space
  Place this in your "Personal Space" section at the very beginning.
  

  <style>table#AutoNumber24{display:none;}table#auto number15 table#autonumber19 table#autonumber20 {display:none;}table#autonumber15 table#autonumber19 table#autonumber22{display:none;}table#autonumber1 3{display:none;}table#autonumber10 table#autonumber11 {width:753px; position:absolute; left:50%;margin-top:28px; margin-left:-377px;z-index:3;}</style><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Place your content starting here!

• Move Profile Down
  Adjust the height by changing the "500" where it says "margin-top:500px".
  

  <style>table#AutoNumber9 {margin-top:500px;}</style>

• Hide Personal Space
  

  <style>table#autonumber17{display:none;}</style>

• Hide Random Pics
  

  <style>table#autonumber13{display:none;}</style>

• Hide Contact Box
  

  <style>table#autonumber10 table#autonumber11 {display:none;}</style>

• Move Contact Box
  Adjust the numbers where it says "top:###" and "margin-left:###" to move it where you want.
  

  <style>table#autonumber10 table#autonumber11 {width:600px; position:absolute; left:50%;top:400px; margin-left:-150px;z-index:3;}</style>

• Move Random Pics
  Adjust the numbers where it says "top:###" and "margin-left:###" to move it where you want.
  

  <style>table#autonumber13 {width:600px; position:absolute; left:50%;top:400px; margin-left:-150px;z-index:3;}</style>

• Move About Me
  Adjust the numbers where it says "top:###" and "margin-left:###" to move it where you want.
  

  <style>table#autonumber15 table#autonumber19 table#autonumber20 {width:310px; position:absolute; left:50%;top:600px; margin-left:-383px;z-index:3;}</style>

• Hide Friends Only
  

  <style>table#AutoNumber24 table#AutoNumber7{display:none;}</style>

• Hide Specifics, Interests, And Member Facts
  

  <style>table#autonumber15 table#autonumber19 table#autonumber22{display:none;}</style>

• Hide Everything
  Put this in the "Custom CSS" section
  

  table#autonumber26,table#autonumber9,table#autonum ber15,table#autonumber16,table#autonumber17,iframe ,p font{display:none!important;}

• Move Personal Space
  Adjust the numbers where it says "top:###" and "margin-left:###" to move it where you want.
  

  <style>table#autonumber17 {width:765px; position:absolute; left:50%;top:400px; margin-left:-383px;z-index:3;}</style>

• Remove Teenspot Logo
  

  <style>table#AutoNumber29 img {display:none;}</style>

• Comment Scrollbox
  Will not show up in Internet Explorer
  

  <style>#AutoNumber24 tr td table#AutoNumber24{display: block !important;width: 500px !important;height: 300px !important;overflow: auto !important;}</style>

  
  
  PROFILE LAYOUTS
• My Profile code
  Put this in the About me:
  

  <style>
  table#autonumber10 table#autonumber11 {
      width: 800px;
      position: center;
  }
  </style>
  <style>
  table#AutoNumber24 table#AutoNumber7 {
      display: none;
  }
  </style>
  <style>
  table#autonumber13 {
      display: none;
  }
  </style>
  </center>
  <style>
  body {
      background-color: 000000;
      background-image: url(PUT YOUR OWN IMAGE URL HERE);
      background-position: Top Center;
      background-attachment: fixed;
      background-repeat: repeat-y;
  }
  </style>

  Put this in the Custom CSS section:
  

  table, tr, td {
    background-color:transparent; border:none; border-width:0;
  } 
    table table table { 
    background-image:url('http://i37.photobucket.com/albums/e91/Lordhelpus/25.png'); 
    background-repeat:repeat; 
   }
  a:link img {filter:alpha(opacity=50);} a:visited img {filter:alpha(opacity=50);} a:hover img {filter:none;}

• Skinny Layout Codes
  Example of how it looks
  Place this in your "Personal Space" section at the very beginning.
  

  <style>iframe{zoom:75%;}table table td img {display:none;}table table table td img {display:inline;}table {width:470px;}table table {width:auto;}table table td {padding:3px;}table table table td {padding:0px;}table table table {width:235px !important;text-align:center;}td a imgl {width:50px !important;height:50px !important;}table table table table table, table table table table table td {width:0px !important; padding:0px !important;}embed, object {display:block; width:200px; height:200px;}#AutoNumber29, #table1{width:470px !important;}#AutoNumber28{width:470px !important;}#table1 img{display:none;}#table1 a font{font-size:8pt !important;}#AutoNumber11 a img{width:75px !important;height:75px !important;}#AutoNumber11 img{width:10px !important;height:10px !important;}#autonumber20 img{width:200px !important;}#autonumber20 div img{width:auto !important;}#autonumber17 {width:470px !important;}a {text-decoration:none;}font { font-size:8pt!important;}a font {font-size:8pt!important;}a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active {font-size:8pt!important;}<style>

  *IMPORTANT*
  If you are using a MyTeenSpotLayout code in your profile there is an extra step you must take. You have to go through the layout code and find "font-size:10pt!important", remove the "!important" part. There will be 3 of these in every layout, so make sure to get all 3. Done.
  

- Credits
Me for formatting all of this which took a very long time.
IdEatYouAlive for getting the codes from the site.
MyTeenSpotLayout for all the codes.

[IdEatYouAlive]

Nice work.

[PathOfTheRighteousMan]

Thanks. Took an age to do it.

[Nikias]

Nice. I'd say lets sticky this but lets be honest, we'll still get several posts a week/day asking how to customize a profile.

[Angantyr]

tl;dr

+ it seems like a ridiculous amount of work

[IdEatYouAlive]

Sometime when I can be arsed I'll get into myteenspotlayout and 'borrow' their codes. Can PM you POTRM them so that you can update this thread with them.

[PathOfTheRighteousMan]

Cool thanks.

[PathOfTheRighteousMan]

bump for good measure

[PathOfTheRighteousMan]

Finished now.

[princess-bitch]

uh dunno if i post here or not, but you see where it says your location, well my wont show up =/ and i cant fix it! help?

[PathOfTheRighteousMan]

uh dunno if i post here or not, but you see where it says your location, well my wont show up =/ and i cant fix it! help?

I wish I could have that option. Hm, I have no idea how to fix that. Ask here. If the mods can't help then it's probably just a bug.

[ellitheSTUNNA-]

there actually is a "add as friend" link.
it's just lame, and it requires you to do other things than just press the usual;
Do you really want to add "askjdakjhkj"?
|Yes| |No|

[PathOfTheRighteousMan]

If it requires you to do more than clicking a link and clicking YES then it doesn't work. Currently there is no alternate way. Just Leave the contact box shown, remove the friends list and set the contact box to center.

[eyinnn]

what would be the link for someone's comment box????

[PathOfTheRighteousMan]

http://www.teenspot.com/profiles/USERNAME/comments/new

[Sverri]

What's up with the <left> tag?

[PathOfTheRighteousMan]

It was asked as a question in the other thread, included it in this. Aligning text, etc.

[Sverri]

It was asked as a question in the other thread, included it in this. Aligning text, etc.

<left> is not an HTML tag. Only <center> is an HTML tag.

Aligning text to the left is done using:

<div style="text-align:left;"> TEXT HERE </div>

[PathOfTheRighteousMan]

<left> is not an HTML tag. Only <center> is an HTML tag.

Aligning text to the left is done using:

<div style="text-align:left;"> TEXT HERE </div>

updated that then. The source I got it from was incorrect.

[Wasion92]

Heya great thread, for what ever reason my comment wall is now in the centre of my profile. Do you know how i would go about putting it back to the default setting where it sits on the right side?