Major Additions - SCANU's Xenforo Login Slide Panel

Description

This modification shows an elegant login panel that looks like the Xenforo's one. Look at the screenshots for more!

Demo

Live Demo

Video Demo: Coming Soon..

Installation

Upload the product via admincp and go in Settings->Xenforo Login Panel for customize the mod.
To have the feature for login with username or email adress like Xenforo see this post by HMBeaty: thank him for this awesome feature.
For the update just redownload and reupload the file, make sure that overwriting is set to Yes.

Translations

Russian Translation v1.0.2
Greek Translation v1.1.2
Please post your translation in a reply so everyone can use it.

Restrictions/ Reported issues

This modification should not work if you have edited header and headinclude templates, in the next version I will add a better compatibility.

PLEASE VOTE THIS MOD FOR MOTM CLICK HERE, AND CLICK MARK AS INSTALLED

To get support:

1. Mark this mod as Installed
2. Copy/Pasted errors or screenshots
3. URL/link to site

Follow me on twitter for updates

Many thanks to Boofo for his basing php code and to my brother Clear for the styling.

If you like italian G-funk/rap please try out this music or this music

[Scanu]

That is very strange i wonder if you did a mistake and you install 1.1? Please try to redownload and reinstall the lastest version (1.1.2) and remember to set overwrite to yes. I need to be sure that utf-8 is the problem, thank you.

[zascok]

Just did, the same problem. Try it yourself I will keep it in the for another hour

http://askalon.ws/forum.php

[Scanu]

Hi zascok thank you very much for let me see your site with the problem on, unfortunately no one do it and it's harder for me to see the problem. You seem to have to old javascript, there are two possibilities
1 Did you edit this template? (is it red in the template list?). If so maybe it won't update the js with the new's one and it continues to use your code..
2 Check Product version on your admincp

[zascok]

No I didn't not edit the template

and the product version in CP is

Xenforo Login Panel by SCANU 	1.1.2 	This product make your login form as the xenforo's one: a slide panel

Could you please publish the new js and tell me where exactly to replace it? So we will take it from there. Let's see if that is the trouble.

Here is what I have in login_panel_javascript

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
    // Expand Panel
    $("#_open").click(function(){
        $("div#_panel").slideDown("{vb:raw vboptions.slide_velocity}");
<vb:if condition="$vbulletin->options['bounce_on_off']">
        $("#_panel").animate({"height": "+={vb:raw vboptions.bounce_px}px"}, "{vb:raw vboptions.bounce_velocity}");
        $("#_panel").animate({"height": "-={vb:raw vboptions.bounce_px}px"}, "{vb:raw vboptions.bounce_velocity}");
</vb:if>
        $(".everything").animate({opacity: 0.{vb:raw vboptions.blur_opacity}}, "{vb:raw vboptions.slide_velocity}");
        $(".everything").addClass( "blur" );
    });    
    
    // Collapse Panel
    $("#_close").click(function(){

        $("div#_panel").slideUp("{vb:raw vboptions.slide_velocity}");
        $(".everything").removeClass( "blur" );
        $(".everything").animate({opacity: 1}, "{vb:raw vboptions.slide_velocity}"); 
  });
     
        // Switch buttons from "Log in or Sign up" to "Close Panel" on click
    $("._toggle a").click(function () {
        $("._toggle a").toggle();
    });

    
     // Hide log in options
        $("._hide").change(function(){
            $("#_scanu_password,._lostPassword").slideUp("fast");
            $("._stay_logged").fadeOut("fast");
            $("#_panel").animate({"height": "-=52px"}, "fast");
            $("#_register_button").show();
            $("#_login_button").hide();
            document.reg_log.action = "register.php";
            $("#1").attr("name", "");
            $("#2").attr("name", "");
            $("#3").attr("name", "");
            $("#4").attr("name", "");
    });
    
      // Show log in options
    $("._show").change(function(){
        $("#_scanu_password,._lostPassword").slideDown("fast");
        $("._stay_logged").fadeIn("fast");
        $("#_panel").animate({"height": "+=52px"}, "fast");
        $("#_register_button").hide();
        $("#_login_button").show();
        document.reg_log.action = "login.php?{vb:raw session.sessionurl}do=login";
        $("#s1").attr("name", "s");
        $("#s2").attr("name", "do");
        $("#s3").attr("name", "vb_login_md5password");
        $("#s4").attr("name", "vb_login_md5password_utf");
  });       
});
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
	$(window).load(function(){
		$('input:-webkit-autofill').each(function(){
			var text = $(this).val();
			var name = $(this).attr('name');
			$(this).after(this.outerHTML).remove();
			$('input[name=' + name + ']').val(text);
		});
	});
}
</script>

WOW You Are Right. Just Replaced the script from the xml of 1.1.2 copy -paste into templates mention above , And it works!



!Thank you!

[zascok]

tested IE9 x64, FF, Opera, Opera-mini and Android Thanks Scanu (bought you a coffee) If you ever need an ideas about a new hack-to -make let me know I have couple of ideas

Besides I didn't hat to translate anything for the front-end, the phases all the same so my translation for 1.0.2. can be used for 1.1.2 as well.

[Scanu]

Oh i'm glad that you make it working, thank you for your donation, it's really appreciated i'll consider this for my next paid mod , ideas are welcomed but remember that i have a lot of queued mods so i need time.

[scottct1]

I went to your site to check this demo out and it gave me some poem instead about death.

I hope the author is ok and its just his forum that died.

[Scanu]

Lol Sorry demo isn't available anymore

[GamerPerfection]

This works and is awesome. I've got it on my site here: www.gamerperfection.com

[smirkley]

Think I am going to love this mod,... if I can get it to work that is.

Only having two problems,..

1 - log in with email addy doesnt work
2 - login button on a cms page is missplaced and shows up after the Stay Logged In phrase.

Using vB4.2.0 PL3 Suite

Thanks again, and looking forward to making this a permenent addition.