Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Results 1 to 6 of 6

Thread: Site Sticky!

  1. #1
    Join Date
    Mar 2005
    Location
    Leeds
    Posts
    3,423
    Tokens
    0

    Latest Awards:

    Default Site Sticky!

    Can any body tell me the code for the Site sticky. [As Seen On Habbox.us]
    I think its java script yeah?

  2. #2
    Join Date
    Aug 2004
    Location
    UK
    Posts
    11,283
    Tokens
    2,031

    Latest Awards:

    Default

    Use that youve lost your whole firefox aduance. They dont close in firefox and simply make it inpusble to surf a page.
    plus No body likes popups, that appear on load. Even if they are supposdly useful.

    My advice is do not use popups at all. esplay not that one, as it doesnt work in most browsers

  3. #3
    Join Date
    Jul 2004
    Location
    Webby Forums!
    Posts
    1,879
    Tokens
    0

    Latest Awards:

    Default

    or put it so It isnt in the middle of the frame or covering th navigation because as mentor says no other browsers can close it...


    Chilimagik.net // Reviews, Band Biographies, News, Pics + Loads More!!
    [Thybag.co.uk - Vive la revolutione]

  4. #4
    Join Date
    Jul 2004
    Location
    Webdesigning Forum
    Posts
    455
    Tokens
    0

    Default

    Quote Originally Posted by Luckyrare™
    Can any body tell me the code for the Site sticky. [As Seen On Habbox.us]
    I think its java script yeah?
    There are several, but i wouldn't advise using them, nearly i think all, don't work on firefox,
    But here it is anyway put this under <head> tags
    <style type="text/css">

    #fadeinbox{
    position:absolute;
    width: 300px;
    left: 0;
    top: -400px;
    border: 2px solid black;
    background-color: lightyellow;
    padding: 4px;
    z-index: 100;
    visibility:hidden;
    }

    </style>


    <script type="text/javascript">

    /***********************************************
    * Sticky Note script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Visit DynamicDrive.com for hundreds of DHTML scripts
    * This notice must stay intact for legal use
    * Go to http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    //Specify display mode. 3 possible values are:
    //1) "always"- This makes the fade-in box load each time the page is displayed
    //2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
    //3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
    // For example, 2 would display the box about (1/2) 50% of the time the page loads.

    var displaymode="always"

    var enablefade="yes" //("yes" to enable fade in effect, "no" to disable)
    var autohidebox=["yes", 5] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
    var showonscroll="yes" //Should box remain visible even when user scrolls page? ("yes"/"no)
    var IEfadelength=1 //fade in duration for IE, in seconds
    var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)

    ////////No need to edit beyond here///////////

    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.Mo zOpacity)+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(off set, 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"
    }


    </script>
    Then this after the <body>
    <DIV id="fadeinbox" style="filter:progidXImageTransform.Microsoft.RandomDissolve(duration= 1) progidXImageTransform.Microsoft.Shadow(color=gray,direct ion=135) ; -moz-opacity:0">

    INSERT ANY HTML TO DISPLAY HERE. DO NOT REMOVE OUTER MOST DIV.<br>
    Script © <a href="http://www.dynamicdrive.com">Dynamic Drive</a><br>

    <div align="right"> <a href="#" onClick="hidefadebox();return false">Hide Box</a>
    </div>
    </DIV>
    Just realised theres some smileys in there, nevermind, go to:http://www.dynamicdrive.com/dynamici...stickynote.htm

  5. #5
    Join Date
    Jul 2004
    Location
    Webby Forums!
    Posts
    1,879
    Tokens
    0

    Latest Awards:

    Default

    Lol :p Very good!


    Chilimagik.net // Reviews, Band Biographies, News, Pics + Loads More!!
    [Thybag.co.uk - Vive la revolutione]

  6. #6
    Join Date
    Jul 2004
    Location
    Webdesigning Forum
    Posts
    455
    Tokens
    0

    Default

    It's alrite, it fades and stuff,
    works in IE, and netscape

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •