[b]Description:[/b]Sticky Note is an attractive DHTML script that pops up at the center of the page to display anything of your choice. It's an effective yet graceful way to reach out to your visitors. [b]following features to it:[/b] Specify the duration of the fading effect Specify whether sticky note should follow the user around even if he/she scrolls the page. Script functional in FF1+, IE5+, NS6+, and Opera 7+, and simply does not appear in older DHTML browsers. [url=http://www.friendster.com/profiles/adnpht][color=green][i]DEMO[/i][/color][/url] [b]Step 1:[/b] Add this in you CSS file [quote][spoiler]#fadeinbox{ position:absolute; width: 300px; left: 0; top: -400px; border: 2px solid black; background-color: lightyellow; padding: 4px; z-index: 100; visibility:hidden; }[/spoiler][/quote] [b]Step 2:[/b] Edit the [color=red]red[/color] part [quote][spoiler]adnpht="<div id='fadeinbox' style='filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135) ; -moz-opacity:0'><img src='[b][color=red]URL OF IMAGE[/color][/b]' style='float:left;'><font face='verdana' color='#000000'>[b][color=red]YOUR OWN STICKY NOTE[/color][/b]</font><div align='right'><a href='#' onClick='hidefadebox();return false'>Hide Box</a></div>"; flow=document.getElementById('flo_wrapper'); river=document.createElement("div"); river.innerHTML=adnpht; flow.parentNode.insertBefore(river,flow); var displaymode="always" var enablefade="yes" var autohidebox=["no", 5] var showonscroll="yes" var IEfadelength=1 var Mozfadedegree=0.05 if (parseInt(displaymode)!=NaN) var random_num=Math.floor(Math.random()*displaymode) function displayfadeinbox(){ var ie=document.all && !window.opera var dom=document.getElementById iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset var docwidth=(ie)? iebody.clientWidth : window.innerWidth docheight=(ie)? iebody.clientHeight: window.innerHeight var objwidth=objref.offsetWidth objheight=objref.offsetHeight objref.style.left=docwidth/2-objwidth/2+"px" objref.style.top=scroll_top+docheight/2-objheight/2+"px" if (showonscroll=="yes") showonscrollvar=setInterval("staticfadebox()", 50) if (enablefade=="yes" && objref.filters){ objref.filters[0].duration=IEfadelength objref.filters[0].Apply() objref.filters[0].Play() } objref.style.visibility="visible" if (objref.style.MozOpacity){ if (enablefade=="yes") mozfadevar=setInterval("mozfadefx()", 90) else{ objref.style.MozOpacity=1 controlledhidebox() } } else controlledhidebox() } function mozfadefx(){ if (parseFloat(objref.style.MozOpacity)<1) objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree else{ clearInterval(mozfadevar) controlledhidebox() } } function staticfadebox(){ var ie=document.all && !window.opera var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset objref.style.top=scroll_top+docheight/2-objheight/2+"px" } function hidefadebox(){ objref.style.visibility="hidden" if (typeof showonscrollvar!="undefined") clearInterval(showonscrollvar) } function controlledhidebox(){ if (autohidebox[0]=="yes"){ var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000 setTimeout("hidefadebox()", delayvar) } } function initfunction(){ setTimeout("displayfadeinbox()", 100) } function get_cookie(Name) { var search = Name + "=" var returnvalue = "" if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset) if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){ if (window.addEventListener) window.addEventListener("load", initfunction, false) else if (window.attachEvent) window.attachEvent("onload", initfunction) else if (document.getElementById) window.onload=initfunction document.cookie="fadedin=yes" }[/spoiler][/quote] Simply add the code in your js ext. [b]Credits:[/b] [color=green]Dynamic Drive[/color] [b]Modified by:[/b] [color=green]aidenlive[/color]