vb.org Archive - Major Additions - SCANU's Xenforo Login Slide Panel

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)

- - Major Additions - SCANU's Xenforo Login Slide Panel (https://vborg.vbsupport.ru/showthread.php?t=284767)

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:

Mark this mod as Installed
Copy/Pasted errors or screenshots
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

Change log

- 1.0 First release on Vbulletin.org

- 1.0.5
- Fixed bug that deletes footer template
- Added Facebook Login
- Better compatibility with custom styles
- Less code
- Fixed a bug with the javascript template
- More ordinated templates

- 1.1
- Fixed Facebook Connect and corners bug
- Fixed some W3 Validation problems

- 1.1.2
- Auto focus on email/username input when panel gets opened
- Fixed blank register.php page
- Fixed check version link in the product

- Work in progress: 1.2
- You can close the panel clicking anywhere (except the panel)
- Added the possibility to add some text/images (html) on the left of the panel
- CSS customization settings!
- Fixed CMS problem
- Fixed opacity setting
- I'm looking for new feature request you can request your feature responding to this thread

Do you have problem with the autotemplate edit and you still see the old login form?
Go in the header template, search this:

Code:

<ul class="nouser">

                        <vb:if condition="$show[\'registerbutton\']">

                                <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>

                        </vb:if>

                                <li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>

                                <li>

                        <script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>

                        <form id="navbar_loginform" action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">

                                <fieldset id="logindetails" class="logindetails">

                                        <div>

                                                <div>

                                        <input type="text" class="textbox<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />

                                        <input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />

                                        <input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />

                                        <input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />

                                                </div>

                                        </div>

                                </fieldset>

                                <div id="remember" class="remember">

                                        <label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>

                                </div>



                                <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />

                                <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />

                                <input type="hidden" name="do" value="login" />

                                <input type="hidden" name="vb_login_md5password" />

                                <input type="hidden" name="vb_login_md5password_utf" />

                        </form>

                        <script type="text/javascript">

                        YAHOO.util.Dom.setStyle(\'navbar_password_hint\', "display", "inline");

                        YAHOO.util.Dom.setStyle(\'navbar_password\', "display", "none");

                        vB_XHTML_Ready.subscribe(function()

                        {

                        //

                                YAHOO.util.Event.on(\'navbar_username\', "focus", navbar_username_focus);

                                YAHOO.util.Event.on(\'navbar_username\', "blur", navbar_username_blur);

                                YAHOO.util.Event.on(\'navbar_password_hint\', "focus", navbar_password_hint);

                                YAHOO.util.Event.on(\'navbar_password\', "blur", navbar_password);

                        });

                        

                        function navbar_username_focus(e)

                        {

                        //

                                var textbox = YAHOO.util.Event.getTarget(e);

                                if (textbox.value == \'<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>\')

                                {

                                //

                                        textbox.value=\'\';

                                        textbox.style.color=\'{vb:stylevar input_color}\';

                                }

                        }



                        function navbar_username_blur(e)

                        {

                        //

                                var textbox = YAHOO.util.Event.getTarget(e);

                                if (textbox.value == \'\')

                                {

                                //

                                        textbox.value=\'<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>\';

                                        textbox.style.color=\'{vb:stylevar shade_color}\';

                                }

                        }

                        

                        function navbar_password_hint(e)

                        {

                        //

                                var textbox = YAHOO.util.Event.getTarget(e);

                                

                                YAHOO.util.Dom.setStyle(\'navbar_password_hint\', "display", "none");

                                YAHOO.util.Dom.setStyle(\'navbar_password\', "display", "inline");

                                YAHOO.util.Dom.get(\'navbar_password\').focus();

                        }



                        function navbar_password(e)

                        {

                        //

                                var textbox = YAHOO.util.Event.getTarget(e);

                                

                                if (textbox.value == \'\')

                                {

                                        YAHOO.util.Dom.setStyle(\'navbar_password_hint\', "display", "inline");

                                        YAHOO.util.Dom.setStyle(\'navbar_password\', "display", "none");

                                }

                        }

                        </script>

                                </li>

                                <vb:if condition="$vboptions[\'enablefacebookconnect\']">

                                        {vb:raw facebook_header}

                                </vb:if>

                        </ul>

And delete all this code now you're done if you are still having problems reply to this thread

You reserved 3 spots? lol You must have a lot to post about this mod.

Ahaah yeah i know :D

Hey Scanu, I really appreciate most of the mods you do, By chance do you take Requests?

Is the font just like that by default, or does it read from the Theme Styling?

It's like that by default but if you know basic html/css you can edit. Maybe in the next version i will add options to the pca for the font

Looks great :)

But let me ask you one question, why panel is still there after you login, where is log out button ?

Can you fix that??? By my humble opinion if panel is gone after logging in this mod will be just great.

Thank you

How does it work with Custom Styles.

Quote:

Originally Posted by goxy63 (Post 2341918)

Looks great :)

But let me ask you one question, why panel is still there after you login ?

Can you fix that??? By my humble opinion if panel is gone after logging in this mod will be just great.

Thank you

Same question

Quote:

Originally Posted by Preech (Post 2341934)

How does it work with Custom Styles.

Same question

Jep, dont work on my Custom-Design too.

It appears on the wrong frame.

Quote:

Originally Posted by goxy63 (Post 2341918)

Are you talking about the screenshots? Because if you download the mod the panel is just for guest

Quote:

Originally Posted by Preech (Post 2341934)

How does it work with Custom Styles.

If you changed some code of header and headinclude it should not work but it can, you can still try it and see if it works, in the next version i will add better compatibility

Just tested this on your site with the demo link but once logged in its still shows.Is there any way to remove once a member so only guests see the Panel?

http://img15.imageshack.us/img15/8071/testqnc.jpg

Yeah the version of the demo isn't the same of the topic's one. If you download the new product you will se it just as a guest :) I will update the site and the screenshots soon

Quote:

Originally Posted by Scanu (Post 2341874)

It depends

Well, I've been trying to seek out someone that could possible do a Quick moderation. I know VBAdvanced does it, But trying to get VBadvanced enable Quick Moderation is a massive pain in the ass.

Quote:

Originally Posted by Scanu (Post 2341988)

Yeah the version of the demo isn't the same of the topic's one. If you download the new product you will se it just as a guest :) I will update the site and the screenshots soon

Thanks Scanu:up:

Quote:

Originally Posted by Scanu (Post 2341983)

Are you talking about the screenshots? Because if you download the mod the panel is just for guest

nope, I registered at your forum and there it still shows when I am logged in, and also there is no log out button.

Ohhh just saw this:

Quote:

Originally Posted by Scanu (Post 2341988)

Yeah the version of the demo isn't the same of the topic's one. If you download the new product you will se it just as a guest :) I will update the site and the screenshots soon

How about log out button there ?

Thanks

If you are a guest you don't need log out button lol

Updated to fix a footer template bug, i've updated the demo site (now it's shown only to guest) and the screenshots too

I have this tagged, as soon as facebook login is intergrated I'll give it a whirl :)

Quote:

Originally Posted by Scanu (Post 2342024)

Updated to fix a footer template bug, i've updated the demo site (now it's shown only to guest) and the screenshots too

Much better mate Class idea and looks very well!

Nice work, thank you.

Quote:

Originally Posted by Hakan39 (Post 2342057)

Nice work, thank you.

You're welcome if you use it please Mark as Installed

Quote:

Originally Posted by Scanu (Post 2342002)

If you are a guest you don't need log out button lol

:D

There is no log out button when I am logged in mate, on your site, there was none this morning when I checked last time.

Thanks

edited:

Now on your site it all looks ok, thank you for this nice addon
Cheers

mark as install and Tag Modification :p:p:p

Quote:

Originally Posted by Scanu (Post 2342073)

You're welcome if you use it please Mark as Installed

marked as the installation because i using it. really is very nice. thank you again.

facebook login????????????????????????????????????????????? ?

Quote:

Originally Posted by whitedd (Post 2342392)

facebook login????????????????????????????????????????????? ?

First post??????????????????????????????????????????????

Quote:

Restrictions/ Reported issues

Actually there is not the Facebook Login, it will be ready in the next version.
This modification should not work if you have edited header and headinclude templates, in the next version I will add a better compatibility.

<a href="https://www.vbulletin.com/order/index.php" target="_blank">https://www.vbulletin.com/order/index.php</a>
vbulletin.com login
i like it

Waiting for next Version 1.1 Please Update as soon possible !
- Facebook Login integration
- Better compatibility
- You can close the panel clicking anywhere (except the panel)
- More options

I'm working on it right now, i will release it in a week at the most

As i saw that many people want facebook login I released a 1.0.2 update with it

Quote:

Originally Posted by Scanu (Post 2342608)

As i saw that much people wants facebook login I released a 1.0.2 update with it

1.0.2 is facebook login????

Quote:

Originally Posted by letipro (Post 2342611)

1.0.2 is facebook login????

Yes, it is.

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01361 seconds Memory Usage 1,858KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (16)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: