for the search, my way to preload images! haha

Search for in

How to Customize the Pictures Page

MySpace Website Tutorials | Submited Oct 6, 2007

Written by: John

If you'd like to customize your picture page on myspace then this tutorial should be able to help you out. It has all the basics from changing the background to the font colors.
To customize the pictures page, you have to put the codes in the captions of your photos. Theres only a set limit of how many characters can fit within the captions of the pictures page, so you wont be able to jam everything in there. I recommend using J6.bz to make your image urls shorter.

To see any of these effect working


you have to go to your profile, and then click on the pictures link there to view your pictures. It will not work / show up correctly on the page that you're editing the captions at.
The styles that you added to the pictures caption will only show up on the page with that picture on it. It will not show up on every page, if you would like to do that you'll have to edit captions of more pictures.

To put a picture as the caption


<img src="url_to_pic">

Add Music / Videos to the caption


<embed src="http://path.to/the/song/or/video.mp3" height="25" width="100">

Make the white, and blue go away


<style>div{background:transparent!important}</style>

To put a Background Image on the page



<style>body{background:url(TINY_URL)}</style>

Make background Not repeat


(You can also have this as repeat-y or repeat-x if you'd like)
<style>body{background-repeat:no-repeat}</style>


To Center the Background


<style>body{background-position:center}</style>

Have a Background Color


<style>body{background-color:red}</style>

Change all the Link Colors


<style>a{color:999999!important}</style>

Hide the links above the advertisment


<style>div div div{visibility:hidden}table{visibility:visible}</style>

Make the red » things go away


<style>strong{visibility:hidden;}</style>

Change the Text Color


<style>td{color:00ff00}</style>

Make a Polaroid Effect on the Pictures


This requires the use of 2 picture captions, and make sure the first code is in a picture's caption before the second code
<style>td img{border:1px solid;border-color:white}</style>

<style>td a img{border-width:10px 10px 50px 10px!important}</style>


tags Tags: Pictures gallery customize background

9Thumbs up  Thumbs down1

Related Tutorials
How to Customize the Pictures Page
SEAMLESS TILES IN PSP
Cutting Images From Background (part 1)
Cutting Images from Background (part 2)
Cutting Images from Background (part 3)
Fade Image into Background
Images in HTML
Hiding tables on your profile
Aligning text/pictures
Blog Customizing
PSP Animated Seamless Backgrounds
Triple Backgrounds
18 Comments
  Beat!ful D!saster ~ 07/23/08, 10:54pm
Picture..
It's not f-ing working.. how do u paste the code in where it says "tiny url"? do u delete the parenthesis? do u put the codes in every picture caption? its not working.. =/
  John ~ 05/10/08, 2:06pm
Picture..
dang.. It looks like myspace just blocked the style tags from the picture captions..
Adding an image to your picture page does work though.. I dont know why they disabled the style tags there..
  thugmami84 ~ 05/07/08, 11:43am
Picture..
[cry] i'm so mad these codes dont work no more i dont know what tom did but it made me mad as hell please help if u can [smack]
  Spike'sWickedPlum ~ 03/28/08, 7:08am
Picture..
Thanks so much!!! This works great...and it look awesome!!!
  :[TR4SH!]: ~ 02/21/08, 6:08pm
Picture..
i cant get the music to play on my pix page...
iv tryed like a million times already.
:/
  starynight ~ 01/10/08, 7:30pm
Picture..
these work great, thanks!
  Me ~ 01/06/08, 6:16am
Picture..
I agree w/ Brandon. I've tried over and over to no end.
  franxie ~ 12/11/07, 5:25am
Picture..
Ok I still can't get the backgrounds to work, I've tried over and over [confused]
  User Picture.. ~ 11/30/07, 9:47am
Picture..
Thanks very helpful !!!!
  User Picture.. ~ 11/24/07, 8:07am
Picture..
my pic caption still doesnt work [sad]
  User Picture.. ~ 11/19/07, 6:19pm
Picture..
ok thnks john
  John ~ 11/19/07, 3:47pm
Picture..
let me look that to find a code that works and I'll update the tutorial here
  User Picture.. ~ 11/19/07, 3:00pm
Picture..
hey how do you add music???
  Mr. ∃v¡l ~ 11/16/07, 1:00pm
Picture..
[shrugs]
I tried it about 2 weeks ago and it showed the code.
Glad it works now [yay]
  John ~ 11/16/07, 2:50am
Picture..
Brandon, I just tried it out and html / css seems to work for me in the pic captions.
  KristalzZz ~ 11/14/07, 9:28pm
Picture..
you have two "make the red things go away" =] and hey, do you know anywhere i can go to learn how to make a Myspace overlay-layout?
  John ~ 11/14/07, 7:47pm
Picture..
whattt, well damn.. thats news to me..
  Mr. ∃v¡l ~ 11/14/07, 6:57pm
Picture..
I don't think this works anymore since myspace filtered html from the pic captions. [sad]

1 


Sorry, you have to be a member to comment tutorials