1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Unmaintained Floating Sign in / Sign up box

Makes the small sign in / sign up box float as you scroll

  1. MagnusB

    MagnusB Well-Known Member

    MagnusB submitted a new resource:

    Floating Sign in / Sign up box (version 1) - Makes the small sign in / sign up box float as you scroll

    Read more about this resource...
     
    bogus likes this.
  2. bogus

    bogus Guest

    Just saw that somewhere today and wanted it installed in my new board ;)

    Thanks a lot
     
  3. MagnusB

    MagnusB Well-Known Member

    No worries :) I have been wanting to share this for some time, but I just haven't gotten around to it...
     
  4. MagnusB

    MagnusB Well-Known Member

    MagnusB updated Floating Sign in / Sign up box with a new update entry:

    Hover opacity change and minor fix

    Read the rest of this update entry...
     
  5. Adam Howard

    Adam Howard Well-Known Member

    I was helping someone and they had a custom skin. The new code doesn't work, but the old code did.

    Should anyone still need the original fload_login

    PHP:
    <script type="text/javascript">
    $(function() {
        $(
    window).scroll(function(){
            ($(
    window).scrollTop() > 20) ?
                $(
    '#loginBarHandle').stop().animate({'opacity':'0.5'},400).css({'position':'fixed','top':'0px','z-index':'60','height':'20px''right' '30px'}):
                $(
    '#loginBarHandle').stop().animate({'opacity':'1'},400).css({'position':'absolute','top':'0px','height':'20px''right' '0px'});
        });
    });
    </script>
     
  6. MagnusB

    MagnusB Well-Known Member

    They probably needed the top still set, so you can just change this:
    Code:
    <script type="text/javascript">
    $(function() {
        $(window).scroll(function(){
            ($(window).scrollTop() > 20) ?
                $('#loginBarHandle').stop().animate({'opacity':'0.5'},400).css({'position':'fixed','top':'0px','z-index':'60','height':'20px', 'right' : '30px'}):
                $('#loginBarHandle').stop().animate({'opacity':'1'},400).css({'position':'absolute','top':'','height':'20px', 'right' : '0px'});
        });
    to
    Code:
    <script type="text/javascript">
    $(function() {
        $(window).scroll(function(){
            ($(window).scrollTop() > 20) ?
                $('#loginBarHandle').stop().animate({'opacity':'0.5'},400).css({'position':'fixed','top':'0px','z-index':'60','height':'20px', 'right' : '30px'}):
                $('#loginBarHandle').stop().animate({'opacity':'1'},400).css({'position':'absolute','top':'0px','height':'20px', 'right' : '0px'});
        });
    The only difference between the old one and this one (except the hover effect), is the fact that I "unset" the top style element when your screen is at the top position. That way the box stays below the log in drop down, instead of at the top of the screen.
     
  7. SneakyDave

    SneakyDave Well-Known Member

  8. MagnusB

    MagnusB Well-Known Member

    Nice, I have already linked it in the description body :)
     
    SneakyDave likes this.
  9. Donny

    Donny Active Member

    Can this be modified to float the sidebar?
     
  10. SneakyDave

    SneakyDave Well-Known Member

    This is basically an unmaintained addon, I will update it to reflect that. I'm not even sure if it works on Xf 1.4 or 1.5.

    sorry, I thought this was regarding my addon of this javascript code. Don't know how easy it would be to transfer.
     
    Donny likes this.

Share This Page