Customize "View Pictures" page

Brad · 04-21-2006, 02:29 AM

PLACE EACH CODE IN THE CAPTIONS TO EACH PICTURE
Enter individual style codes small enough to fit in each picture
caption, you can find the edit caption section through the Upload /
Change Photos link on your homepage..

For a background picture:
<body background=" http://tinyurl.com/ENTER YOUR PIC URL INTO THIS SITE AND PLACE THE URL HERE">

*You can also use tinypic.com for this..

For a background color:

<body bgcolor="COLOR_CODE">

To allow your background picture or color to show up:
<style>table, td {background:transparent}</style>

To make the background picture stay put when you scroll:
<style>body{background-attachment:fixed;}</style>

(If needed) To make your background not repeat:
<style>body{background-repeat: no-repeat;}</style>

To make your text visible:
<style>body, table, td, .text{color:COLOR_CODE</style>

To change the color of the links:
<style>a:link {color:COLOR_CODE! important;}</style>

To give the pictures a translucent look in firefox (the .80 variable can be changed as desired):
<style>body{-moz-opacity:.80;opacity:.80;}</style>

To give the picture a translucent look in IE (the 85 variable can be changed as desired):

<style>img{filter:alpha(opacity=85);}</style>

Or this code to put a gray filter on all the images in IE:
<style>img {filter:gray;}</style>

To take the translucent effect or any other filter off of the pictures when you rollover them with the mouse in IE:

Or this code to flip the pictures when you hover over them:
<style>a:hover img{filter:fliph;}

Remember, with this method, you can only use ten lines of code, and each line must fit fully in the caption box. Make sure each tag is complete (and closed off) before entering the code.

Warning: There is a drawback to coding your photo area this way: each picture will only have the individual code on it when clicked on.

By the way, If you want to take the code off your captions: just go to add caption, and leave the area blank, and then submit a blank caption. It will erase any previous caption left, and leave the area blank once more.

When attempting this type of coding: DO NOT LEAVE THE STYLE TAG OPEN..

CORRECT: <style>code</style>
BAD: <style>code</style
BAD: <style>code</
BAD: <style>code

Khit · 04-21-2006, 04:38 AM

Life saver!!! thanx... muah!!!

i used to have to go to "how to's" all the time, but that's gone now... (what happened?) coz' when i changed the pix on my view more pix, there went the codes too... very frustrating...
i've bookedmarked this page, i hope you don't mind brad!

Originally Posted by Brad

PLACE EACH CODE IN THE CAPTIONS TO EACH PICTURE
Enter individual style codes small enough to fit in each picture
caption, you can find the edit caption section through the Upload /
Change Photos link on your homepage..

For a background picture:
<body background=" http://tinyurl.com/ENTER YOUR PIC URL INTO THIS SITE AND PLACE THE URL HERE">

*You can also use tinypic.com for this..

For a background color:

<body bgcolor="COLOR_CODE">

To allow your background picture or color to show up:
<style>table, td {background:transparent}</style>

To make the background picture stay put when you scroll:
<style>body{background-attachment:fixed;}</style>

(If needed) To make your background not repeat:
<style>body{background-repeat: no-repeat;}</style>

To make your text visible:
<style>body, table, td, .text{color:COLOR_CODE</style>

To change the color of the links:
<style>a:link {color:COLOR_CODE! important;}</style>

To give the pictures a translucent look in firefox (the .80 variable can be changed as desired):
<style>body{-moz-opacity:.80;opacity:.80;}</style>

To give the picture a translucent look in IE (the 85 variable can be changed as desired):

<style>img{filter:alpha(opacity=85);}</style>

Or this code to put a gray filter on all the images in IE:
<style>img {filter:gray;}</style>

To take the translucent effect or any other filter off of the pictures when you rollover them with the mouse in IE:

Or this code to flip the pictures when you hover over them:
<style>a:hover img{filter:fliph;}

Remember, with this method, you can only use ten lines of code, and each line must fit fully in the caption box. Make sure each tag is complete (and closed off) before entering the code.

Warning: There is a drawback to coding your photo area this way: each picture will only have the individual code on it when clicked on.

By the way, If you want to take the code off your captions: just go to add caption, and leave the area blank, and then submit a blank caption. It will erase any previous caption left, and leave the area blank once more.

When attempting this type of coding: DO NOT LEAVE THE STYLE TAG OPEN..

CORRECT: <style>code</style>
BAD: <style>code</style
BAD: <style>code</
BAD: <style>code

ianbian11 · 08-25-2006, 07:24 AM

how do u put a picture below a picture as a caption??

mszbr0wn3y3sz · 02-18-2007, 03:25 PM

I NEED HELP..I ACCIDENTLY PUT TWO CODES IN ONE OF MY PICTURE CAPTION AND NOW I CANT CHANGE IT BACK TO HOW IT WAS AND ALL MY PICTURES ARE ALL MESSED UP

**kirksydney** · 02-18-2007, 05:45 PM

Originally Posted by mszbr0wn3y3sz

I NEED HELP..I ACCIDENTLY PUT TWO CODES IN ONE OF MY PICTURE CAPTION AND NOW I CANT CHANGE IT BACK TO HOW IT WAS AND ALL MY PICTURES ARE ALL MESSED UP

Just go to the EDIT PHOTOS and remove the codes on the caption.

**kirksydney** · 02-18-2007, 05:49 PM

Originally Posted by ianbian11

how do u put a picture below a picture as a caption??

Upload your pic to www.tinypic.com and put the image tag of the image on the caption area of the picture.

babiighurl18 · 02-19-2007, 08:01 AM

I PUT A CODE IN A CAPTION AND I THINK I PUT THE CODE IN WRONG AND NOW IT WONT LET ME CHANGE IT BECAUSE THE ADD CAPTION BUTTON DOESNT SHOW UP..HOW DO I CHANGE IT?

sue_storm^ · 03-26-2007, 09:59 AM

how can i add pictures up to 100? i was able to view some profiles with more than 50 pictures saved.. how can that be?.. please help.. thanks