Codes & Tweaks

Need help in customizing your myspace profile? Here you can find a variety of codes, with easy to use instructions.

There's a quick link menu here at the top to help you find any specific code you're looking for.


Basic Changes:

• How do I change the background color?
• How do I change the text colors?
• How do I change the scrollbar colors?

Your Own Images:

• How do I add an image for a background?
• How do I add a custom cursor?
• How do I add my own online icon?
• How do add my own banner?
• How do add my own contact table image?

Image Filters:

• How do I make images fade when someone hovers on them?
• How do I make images wave when someone hovers on them?
• How do I make images flip over when someone hovers on them?
• How do I make images flip sideways when someone hovers on them?
• How do I make images turn grey when someone hovers on them?
• How do I make images invert colors when someone hovers on them?
• How do I make images circle in when someone hovers on them?
• How do I make images blur in when someone hovers on them?

Misc Profile Changes:

• How do I remove the interests titles?
• How do I center my friends and comments?
• How do I reverse my profile?
• How do I put my text in a scrollbox?

Pictures Page Changes:

• How do I add a background image?
• How do I add a fixed background image?
• How do I make the picture table transparent?

Other Changes:

• How do I hide my last login?

Basic Changes

How do I change the background color? Add to "about me" section:
<style type="text/css"> table, td { background-color:transparent; border:none; border-width:0;} body {background-color: #000000;} </style>


How do I change the text colors? Add to "about me" section:
<style type="text/css"> .btext {color:HEADER COLOR HERE;} .blacktext10 {color:COMMENTS DATE COLOR HERE;} .blacktext12 {color:NETWORK TITLE COLOR HERE;} .lightbluetext8 {color:GENERAL INTERESTS COLOR HERE;} .nametext {color:MAIN NAME COLOR;} .orangetext15 {color:BLURBS HEADING COLOR;} .redbtext {color:FRIENDS HEADER COLOR;} .text {color:STATS COLOR;} .whitetext12 {color:CONTACTING COLOR;} a:link {color:LINK COLOR;} a:hover {color:HOVER LINK COLOR;} a:active {color:ACTIVE LINK COLOR;} a:visited {color:VISITED LINK COLOR;} </style>


How do I change the scrollbar colors? Add to "about me" section:
<style type="text/css"> <!-- BODY { scrollbar-face-color: color_code; scrollbar-highlight-color: color_code; scrollbar-3dlight-color: color_code; scrollbar-darkshadow-color: color_code; scrollbar-shadow-color: color_code; scrollbar-arrow-color: color_code; scrollbar-track-color: color_code; } --> </style>

Your Own Images

How do I add an image for a background? Add to "about me" section:
<style type="text/css"> body{background-image:url("IMAGE URL"); background-attachment:fixed;} </style>


How do I add a custom cursor? Add to "about me" section:
<style type="text/css"> body {cursor: url(URL OF CURSOR FILE); } </style>


How do I add my own online icon? Add to "about me" section (image properties 80x20):
<style type="text/css"> table table table td.text div img {visibility:hidden;} table table table td.text div { background-image:url("ONLINE IMAGE URL"); background-repeat:no-repeat;} table table table td.text table table div img {visibility:visible;} table table table td.text table table div { background-image:none;} </style>


How do I add my own banner? Add to "about me" section (image properties 431x71):
<style type="text/css"> table table table td {vertical-align:top ! important;} span.blacktext12 { visibility:visible !important; background-color:transparent; background-image:url("BANNER IMAGE URL"); background-repeat:no-repeat; background-position:center center; font-size:0px; letter-spacing:-0.5px; width:431px; height:71px; display:block !important; } span.blacktext12 img {display:none;} </style>


How do I add my own contact table image? Add to "about me" section (image properties 300x150):
<style type="text/css"> .contactTable { width:300px !important; height:150px !important; background-image:url("CONTACT TABLE IMAGE URL"); background-repeat:no-repeat; background-color:transparent; background-attachment:scroll; background-position:center center; padding:0px !important;} .contactTable table, table.contactTable td { background-color:transparent; background-image:none; padding:0px !important;} .contactTable a {display:block; height:28px; width:115px;} .r{} .contactTable a img {visibility:hidden; border:0px !important;} .contactTable .text {font-size:1px !important;} </style>

Image Filters

How do I make images fade when someone hovers on them? Add to "about me" section:
<STYLE>a:hover img {filter: alpha(opacity=30);}</STYLE>


How do I make images wave when someone hovers on them? Add to "about me" section:
<STYLE>a:hover img {filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10);}</STYLE>


How do I make images flip over when someone hovers on them? Add to "about me" section:
<STYLE>a:hover img {filter: FlipV;}</STYLE>


How do I make images flip sideways when someone hovers on them? Add to "about me" section:
<STYLE>a:hover img {filter: FlipH;}</STYLE>


How do I make images turn grey when someone hovers on them? Add to "about me" section:
<STYLE>a:hover img {filter: Gray;}</STYLE>


How do I make images invert colors when someone hovers on them? Add to "about me" section:
<STYLE>a:hover img {filter: Invert;}</STYLE>


How do I make images circle in when someone hovers on them? Add to "about me" section:
<STYLE>a:hover img {filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);}</STYLE>


How do I make images blur in when someone hovers on them? Add to "about me" section:
<STYLE>a:hover img {filter: Blur(Add = 1, Direction = 225, Strength = 10);}</STYLE>

Misc Profile Changes

How do I remove the interests titles? Add to "about me" section:
<style>.LIGHTBLUETEXT8{DISPLAY:NONE;VISIBILITY:HIDDEN}</style>


How do I center my friends and comments? Add to the very bottom of "who I'd like to meet" section:
</td></tr></table>


How do I reverse my profile? Add to the very bottom of the "about me" section:
<style type="text/css"> table {direction:rtl;} table table table {direction:ltr;} </style>


How do I put my text in a scrollbox? Add to the section you want the box in.
You can change height, width, border size and color:
<DIV style="width:200px;height:100px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;"> Your content in here.</DIV>

Pictures Page Changes

To use these codes, you need to add one code to each photo caption area. Go to your upload/change photos page, and click the "edit caption" for a picture. Add one code to that caption, another code to another picture caption, etc.

For adding an image background, you're going to want to keep the URL small, so I would suggest uploading your image to TinyPic (click here) for the shortest possible URL. Then, just add the URL of your image into the background code.

How do I add a background image?
<body background="URL HERE">


How do I add a fixed background image?
<style>body{background-attachment:fixed;}</style>


How do I make the picture table transparent?
<style>table, td{background:transparent}</style>

Other Changes

How do I hide my last login? Add this code to the "about me" section of your edit profile space:
<style type="text/css">.lastlogin {visibility:hidden;}</style>
Add this code to the city area of your basic information:
<span class=lastlogin>

---

Copyright © 2009, MyJadedReality.com | Jaded Network | All Rights Reserved
Neopets Content © Neopets.com, used with permission. | CC | CN