If applied, page transition effects will occur when you enter or leaving a webpage. The effects can be added to your Friendster profile.

Note: These effects only works in Internet Explorer.

You can use following HTML code to add the effects:

<meta content="TRANSITION" http-equiv="EVENT" />

You need to replace "EVENT" attribute by "Page-Enter" or "Page-Exit" to apply the effect when you enter or exit a page. And the "TRANSITION" attribute should be replaced by the transition effect you want to apply.

Here's a list of general transition effects.

• Page Enter-Blend

<meta content="blendTrans(Duration=2.0)" 
http-equiv="Page-Exit" />

• Page Exit-Box In

<meta content="revealTrans(Duration=2.0,Transition=0)" 
http-equiv="Page-Exit" />

• Circle Out

<meta content="revealTrans(Duration=1.0,Transition=3)" 
http-equiv="Page-Exit" />

• Wipe Up

<meta content="revealTrans(Duration=1.0,Transition=4)" 
http-equiv="Page-Exit" />

• Wipe Down

<meta content="revealTrans(Duration=1.0,Transition=5)" 
http-equiv="Page-Exit" />

• Wipe Right

<meta content="revealTrans(Duration=1.0,Transition=6)" 
http-equiv="Page-Exit" />

• Wipe Left

<meta content="revealTrans(Duration=1.0,Transition=7)" 
http-equiv="Page-Exit" />

• Vertical Blinds

<meta content="revealTrans(Duration=1.0,Transition=8)" 
http-equiv="Page-Exit" />

• Horizontal Blinds

<meta content="revealTrans(Duration=1.0,Transition=9)" 
http-equiv="Page-Exit" />

• Checkerboard Across

<meta content="revealTrans(Duration=1.0,Transition=10)" 
http-equiv="Page-Exit" />

• Checkerboard Down

<meta content="revealTrans(Duration=1.0,Transition=11)" 
http-equiv="Page-Exit" />

• Random Dissolve

<meta content="revealTrans(Duration=1.0,Transition=12)" 
http-equiv="Page-Exit" />

• Split Vertical In

<meta content="revealTrans(Duration=1.0,Transition=13)" 
http-equiv="Page-Exit" />

• Split Vertical Out

<meta content="revealTrans(Duration=1.0,Transition=14)" 
http-equiv="Page-Exit" />

• Split Horizontal In

<meta content="revealTrans(Duration=1.0,Transition=15)" 
http-equiv="Page-Exit" />

• Split Horizontal Out

<meta content="revealTrans(Duration=1.0,Transition=16)" 
http-equiv="Page-Exit" />

• Strips Right Down

<meta content="revealTrans(Duration=1.0,Transition=17)" 
http-equiv="Page-Exit" />

• Strips Right Up

<meta content="revealTrans(Duration=1.0,Transition=18)" 
http-equiv="Page-Exit" />

• Strips Left Down

<meta content="revealTrans(Duration=1.0,Transition=19)" 
http-equiv="Page-Exit" />

• Strips Left Up

<meta content="revealTrans(Duration=1.0,Transition=20)" 
http-equiv="Page-Exit" />

• Random Bars Horizontal

<meta content="revealTrans(Duration=1.0,Transition=21)" 
http-equiv="Page-Exit" />

• Random Bars Vertical

<meta content="revealTrans(Duration=1.0,Transition=22)" 
http-equiv="Page-Exit" />

• Random

<meta content="revealTrans(Duration=1.0,Transition=23)" 
http-equiv="Page-Exit" />

And another list of transition effects which only work on Internet Explorer 5.5+:

• Blinds

<meta content="progid:DXImageTransform.Microsoft.Blinds(Duration=2)" 
http-equiv="Page-Exit" />

• Barn

<meta content="progid:DXImageTransform.Microsoft.Barn(Duration=2)" 
http-equiv="Page-Exit" />

• CheckerBoard

<meta content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=2)" 
http-equiv="Page-Exit" />

• Fade

<meta content="progid:DXImageTransform.Microsoft.Fade(Duration=2)" 
http-equiv="Page-Exit" />

• GradientWipe

<meta content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2)" 
http-equiv="Page-Exit" />

• Inset

<meta content="progid:DXImageTransform.Microsoft.Inset(Duration=2)" 
http-equiv="Page-Exit" />

• Iris

<meta content="progid:DXImageTransform.Microsoft.Iris(Duration=2)" 
http-equiv="Page-Exit" />

• Pixelate

<meta content="progid:DXImageTransform.Microsoft.Pixelate(Duration=2)" 
http-equiv="Page-Exit" />

• RadialWipe

<meta content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=2)" 
http-equiv="Page-Exit" />

• RandomBars

<meta content="progid:DXImageTransform.Microsoft.RandomBars(Duration=2)" 
http-equiv="Page-Exit" />

• RandomDissolve

<meta content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=2)" 
http-equiv="Page-Exit" />

• Slide

<meta content="progid:DXImageTransform.Microsoft.Slide(Duration=2)" 
http-equiv="Page-Exit" />

• Spiral

<meta content="progid:DXImageTransform.Microsoft.Spiral(Duration=2)" 
http-equiv="Page-Exit" />

• Stretch

<meta content="progid:DXImageTransform.Microsoft.Stretch(Duration=2)" 
http-equiv="Page-Exit" />

• Strips

<meta content="progid:DXImageTransform.Microsoft.Strips(Duration=2)" 
http-equiv="Page-Exit" />

• Wheel

<meta content="progid:DXImageTransform.Microsoft.Wheel(Duration=2)" 
http-equiv="Page-Exit" />

• ZigZag

<meta content="progid:DXImageTransform.Microsoft.ZigZag(Duration=2)" 
http-equiv="Page-Exit" />

You can just copy the code and change the each attribute based on your preference. For example, below is the code to apply pixelate effect when enter the page and circle out effect when exit.

<meta content="progid:DXImageTransform.Microsoft.Pixelate(Duration=3)" 
http-equiv="Page-Enter" />
<meta content="revealTrans(Duration=2.5,Transition=4)" 
http-equiv="Page-Exit" />
 

As far as I know, the code with meta tags should always be placed on head section of a webpage. Anyway, the effects will be working fine if you just add the code into your Now Playing section.

The "<" and ">" signs will be converted automatically when you apply it in your edit profile, so you need to copy paste the whole code again each time you edit your profile for this effect to works properly.