This Enter Page trick works in Overlay(tested and checked again). I got this trick from a viewer of my profile, seems like no one posted this trick, and so I am here to share. Forum Moderators: Please delete this post if ever someone posted this already.
Live Preview:
http://h1.ripway.com/Darrylfamador/Shikamaru.html
Don't worry. That link is a replica of my real Friendster profile, an Overlay which I used before.
Codes:
1.) These codes must be pasted in the head section. I strongly recommend right below the TITLE portion.
*Above this code: <style type="text/css"> *
[quote]<META http-equiv=Page-Enter content=BlendTrans(Duration=1.5)>
<META http-equiv=Site-Exit content=BlendTrans(Duration=1.5)>[/quote]
2.) These codes must be pasted above </head> portion.
[quote]<script type="text/javascript">
function clickToggle(target) {
obj=(document.all) ? document.all[target] : document.getElementById(target);
obj.style.display=(obj.style.display=='none') ? '' : 'none';
}
</script>[/quote]
3.) These codes must be pasted right below the </head> portion. Edit the [b]Bolded[/b] Parts.
[quote]<BODY BGCOLOR=[b]BG color[/b] LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<a href="javascript:clickToggle('interface');javascript:clickToggle('enter')"><IMG id=enter style="display:show;position:absolute;left:1;top:1;z-index:100" SRC="[b]Image URL[/b]" WIDTH=[b]1024[/b] HEIGHT=[b]768[/b] border=0 ALT="Hover on the image then Click it." ></a>
<div id=interface style="display:none" align="center">[/quote]
For the 'Enter Image', I suggest you go to [url=http://glitter-graphics.com]Glitter-Graphics.com[/url] and search for 'Enter' images.
*Other image sites:
- [url=http://photobucket.com]Photobucket.com[/url]
- [url=http://imageshack.us]Imageshack[/url]
- [url=http://tinypic.com]Tinypic[/url]
Well Done. =Þ
Last edited by Dfamador (2008-05-22 10:41:17)