Customizing your profile

**Dioz** · 05-31-2012 07:41 AM

Same way as putting a normal image in. Read the first post of this thread

**ilovetennis** · 06-11-2012 08:29 PM

anyone want to give me a comment box? or anything for a link so that way someone can still leave me comments

**Dioz** · 06-11-2012 08:36 PM

Originally Posted by ilovetennis

anyone want to give me a comment box? or anything for a link so that way someone can still leave me comments

CLICK HERE

If you scroll down and READ the information it will tell you.

This isn't a thread for asking questions that are answered in the first post already.

__________________________________________________ _
__________________________________________________ _

- 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

Code:

<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

Code:

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

Center the Contact box

Code:

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

Make text Align to a certain area
Change 'xxxx' to either right or left
Code:
```
<div style="text-align:xxxx;"> TEXT HERE </div>
```
Add a link in your profile
If adding a hyperlink
Code:
```
<a><a href=" LINK "/>TEXT</a>
```
Just a link
Code:
```
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

Code:

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) :
Code:
```
 <center>
```
Then put this at the very end in each area you want to center :
Code:
```
 </center>
```

Hide 'About Me'

Code:

<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
Code:
```
<a><img src=" IMAGE URL "</a>
```

Hide Comments And Comment Box

Code:

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

Hide Comment Box Only

Code:

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

Hide Comments Only

Code:

<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.

Code:

<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".
Code:
```
<style>table#AutoNumber9 {margin-top:500px;}</style>
```

Hide Personal Space

Code:

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

Hide Random Pics

Code:

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

Hide Contact Box

Code:

<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.

Code:

<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.

Code:

<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.

Code:

<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

Code:

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

Hide Specifics, Interests, And Member Facts

Code:

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

Hide Everything
Put this in the "Custom CSS" section

Code:

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.

Code:

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

Remove Teenspot Logo

Code:

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

Comment Scrollbox
Will not show up in Internet Explorer

Code:

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

Code:

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

Code:

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.

Code:

<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.
MyTeenSpotLayout for all the codes.

**alidancer** · 07-04-2012 03:16 PM

how do you upload a youtube video onto your page?

**Dioz** · 07-04-2012 11:49 PM

Originally Posted by alidancer

how do you upload a youtube video onto your page?

Click here for a screenshot

Go on YouTube.

Click Share

Then click Embed

Then tick the box Use old embed code

After that, click in the box that says Customised and enter 900

Now, go to the code for the video (The orange box) and right click it.

Finally, click Copy, then go to any part of your profile in the Editing section and paste the code to wherever you want it.

**LongStrongGee** · 09-17-2012 05:44 PM

I can't put any video or anything on my profile. It just shows the embed code or the web site address. Help!

**HersheyDollAJ** · 10-09-2012 03:58 AM

How do you add a video

**LouV** · 11-15-2012 05:57 AM

How do you create a link so people can message you if you have everything hidden but the Personal Spot? I got the Comment alright, but I couldn't get the messages one. What is the coding for that?

Thanks!

~ Lou

**Charlene_boo** · 12-15-2012 08:42 AM

Thanks

**DoItYourselfDumbass** · 01-03-2013 12:16 PM

How can I get the section titles like About me and Personal spot only go away not the whole section?

**michaelyin** · 01-03-2013 05:59 PM

Originally Posted by DoItYourselfDumbass

How can I get the section titles like About me and Personal spot only go away not the whole section?

It says clearly in the first post. Copy the relevant code into your "about me" in edit profile. if adding more code, make it on a new line.

Originally Posted by LouV

How do you create a link so people can message you if you have everything hidden but the Personal Spot? I got the Comment alright, but I couldn't get the messages one. What is the coding for that?

Thanks!

~ Lou

If you go to your profile, right click on the button which allows people to send you a private message. Choose "Copy link Address" and then paste into random textbox. The numbers in the end is your user id number. Use this instead of your username when making the link. Your ID is 4348080

**LonelyBeach** · 02-19-2013 08:39 PM

Hey I need someone to teach me code. Any Genius Computer Ppl out there man?

**MicachuLovesU** · 04-11-2013 04:35 PM

How do you make a picture show up in Personal Spot?

TeenSpot

Thread: Customizing your profile

Thread Tools

Posting Permissions

Hot News

Is your group of friends big or small?

Justin Bieber makes party guests sign a waiver

Do you believe in Astrology?

Fun News