Forum Home Enhancements - [CM] Fancy Slide Login-Box + Social Icons (Floating Button)

Brought to you by

Fancy Slide - Popup Login-Box



(Uses Motools)


Credits for Source: www.Web-Kreation.Com
Credits for Social Icons: www.Addthis.com

Idea & Inspiration: Tempus from vBulletin-Mods.co.uk
Watch Full Video Tutorial on Youtube:
http://www.youtube.com/watch?v=GwfjFAG7AYk


This is a Fancy Login-Box showen on your forumhome! Its made for Forumhome only and for Guests ofcourse. Its a simple but a fancy popup login-box! On the right I have added Social Sharing Icons from Addthis.com, and there is also a COUNTER showing how many have shared your site..

Notice that there is used Motools to run this, So you might be carefull not mixing other Jquery + Motools on your site! This is configured to work a vBulletin Default Theme! Ofcourse it will work on other vB4.2 Themes as well, Just that Motools is not good with other Jquery or Javascript used!

Image of Actual Login-Box

Installation:

First of all, Download the Upload.zip file from the attachments below, and the "XML Product"! Upload the content of "Upload.zip" to your forum root!
1) Now go to yout ADMINCP, and then Styles & Templates >> Style Manager >> And the Style you use, on it right side on the DropDown-Menu choose Edit Templates.

2) Now look for "headinclude" Template, Click on open the headinclude template.

Now add the following code on the VERY TOP!

And add this on top:

<link rel="stylesheet" href="loginbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="mooslide.css" type="text/css" media="screen" />

Click SAVE and goto next step.

3) Now you should Install the XML Product by going to Plugins & Products, and Manage Products, Scroll down and click on [Add/Import Product]!

Now click on the BROWSE button and LOCATE the "XML Product" called "product-popup_login", Choose and click IMPORT!

THATS IT, We are done, Make sure to click Installed if you use this. Visible for Guests only! If you wanna see the LoginBox, you will have to log-out and go to your forums home page!

Troubleshoots & Help

Installed but having conflicts with my Template

1. After Install Forum showes STRETCHED out, how to fix it?
2. After Install my other jquery and javscript addons stopped working?

Here is what you can try if you have any of the issues mentioned on top.......

In my Tutorial on top, go to STEP 2, and as you can see there are 2 LINES of codes that you should add in your HEADERINCLUDE template.. But Instead of adding BOTH of the lines. We only add ONE! But this time we add it in the HEADER Template and not Headerinclude..

So Go a head and ADD THIS code below ALL of the other codes, all the way down, in your HEADER template.....

Code to add:

<link rel="stylesheet" href="mooslide.css" type="text/css" media="screen" />

Thats it,,,,,,,,,, Check if it works better



Next - Popup Login Box Options / Size & Color

ADMINCP (Settings)

If you want to change the options, you can go to your SETTINGS and "Fancy Popup Login-Box", there you can choose who should see it who should not!

You can also change the Color of the FLOARBUTTON and Size, plust where it should show up, on your forumhome!


Change Box Color

If you wanted to change the Colors for the LOGIN-Box, then check the file called loginbox.css & mooslide.css! Open it with a TEXT Editor, and there you have all the options there! Plus the WIDTH of the Login-Box

Notice: If you wanted to change the Height of the box, then its not in any of the CSS files, but its in the the XML product file, Open it with a TEXT-EDITOR and find the following line below:

Find:

var myLogin = new mooSlide2({ slideSpeed: 1500, fadeSpeed: 500,  toggler:'login', content:'loginPanel', height:220, close: false, effects:Fx.Transitions.Bounce.easeOut , from:'top'});

As you can see in the code there is the "height:220", Change it to what you like!

[Nirjonadda]

Does It work without manual Template edit on 4.1.10 ?

[ChiNa]

Originally Posted by Nirjonadda

Does It work without manual Template edit on 4.1.10 ?

You mean on a Custom Template right? It works an any Template and on almost all vBulletin Versions! So go for it mate.. Good luck

[ahobilam]

Sri:
I tried it but it is not working for me in 4.2 fixed width customized style.
Thanks

[ChiNa]

Originally Posted by ahobilam

Sri:
I tried it but it is not working for me in 4.2 fixed width customized style.
Thanks

Thank you for reporting back, can you please pm me your STYLE NAME and I will try install it for myself and see If I can fix this up for you... Thanks

[Nirjonadda]

Originally Posted by ChiNa-Man

You mean on a Custom Template right? It works an any Template and on almost all vBulletin Versions! So go for it mate.. Good luck

Without "headinclude" Template manual edit ?

[Naijasite]

installed and follow every procedure . and it works well for vb 4

Thanks alot

[ChiNa]

Originally Posted by Naijafinder

installed and follow every procedure . it doesn't work on VB 4.2.0. noting show on the forumhome

Originally Posted by Nirjonadda

Without "headinclude" Template manual edit ?

New UPDATES: 18-Nov-2012

Here is it AGAIN, Installed & Succeed

Message To: @Naijafinder and @Nirjonadda, and to all of you guys who didnt make it work!

New Update: I just INSTALLED IT AGAIN to see if it really is not working, but it worked the first time as it always did for me.. I have installed it on many vBulletin 4.2 versions! LP2 and LP3!

[b]I have also made a video TUTORIAL on youtube to show how to Install it! Watch the full TUTORIAL on youtube! And check the new spot for the CSS code..

Watch Full Video Tutorial On Youtube
http://www.youtube.com/watch?v=GwfjFAG7AYk

Click HERE to watch the VIDEO TUTORIAL or on the TOP-LINK

Please report back how it went, If you face any problems durring the Installation, then feel free to PM me and I will help you personally to make it work!

Regards CM

[silpher]

hello,

could u help me plz how to call login-box when a user clicks on a link?

[Naijasite]

I just installed and its working fine. It would have been so good it it can replace the Vbulletin login box.

[ChiNa]

Originally Posted by Naijafinder

I just installed and its working fine. It would have been so good it it can replace the Vbulletin login box.

Thanks a lot for replying back! Glad you made it! And thanks for following up on this thread! I am planning to make another box soon! I let you know mate! I will message to all of the users who have installed it!