Register Members List Search Today's Posts Mark Forums Read

Mod Options
[CM] Fancy Slide Login-Box + Social Icons (Floating Button) Details »
[CM] Fancy Slide Login-Box + Social Icons (Floating Button)
Mod Version: 1.00, by ChiNa (Coder/Designer) ChiNa is offline
Developer Last Online: Jul 2019 I like it Show Printable Version Email this Page

vB Version: 4.2.0 Rating: (5 votes - 4.00 average) Installs: 36
Released: 29 Oct 2012 Last Update: 29 Oct 2012 Downloads: 311
Not Supported Auto-Template Additional Files External Content  

Brought to you by

Fancy Slide - Popup Login-Box

(Uses Motools)

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

Idea & Inspiration: Tempus from
Watch Full Video Tutorial on Youtube:

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, 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


First of all, Download the file from the attachments below, and the "XML Product"! Upload the content of "" 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:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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

Download Now

Only licensed members can download files, Click Here for more information.


Click image for larger version

Name:	Settings.png
Views:	276
Size:	34.5 KB
ID:	142035  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Forum Home Enhancements [CM] Fancy Popup Notice (Fading Effect) ChiNa vBulletin 4.x Add-ons 42 26 May 2020 12:11
Mini Mods Login Popup - Adds a DHTML popup login form w/ forgotten password & register links Analogpoint vBulletin 3.6 Add-ons 41 28 May 2010 19:18

Old 11 Jan 2013, 15:27
jorgejgm jorgejgm is offline
Join Date: Jan 2008
Thanks, great mod.

Originally Posted by EgyptPrime View Post
for me its only show on forum home only how i can do it for all pages ?
Same problem. Only show in forum home.
I install the code in the header, default template in vbulletin 4.2.0

Reply With Quote
Old 08 Feb 2013, 04:24
dizzynation's Avatar
dizzynation dizzynation is offline
Join Date: Jun 2011
The "Login" button looks like it says "Logim" - Great Mod BTW

Reply With Quote
Old 08 Feb 2013, 04:28
dizzynation's Avatar
dizzynation dizzynation is offline
Join Date: Jun 2011
Doesn't seem to work with Safari - Doesn't appear, and off centers everything

Uninstalled until fixed

Reply With Quote
Old 17 Mar 2013, 19:16
pcam pcam is offline
Join Date: Oct 2009
[DBtech] vBSlider

I tried the alternative template edit method to work with [dbtech] vBSlider and when the slider is active, clicking on the Login button provided by this mod takes you to the activity log instead of the pop down box.
Reply With Quote
Old 17 Mar 2013, 19:48
pcam pcam is offline
Join Date: Oct 2009
Is there a way to get this to work with vBAdvanced CMPS or the integrated CMPS so it's on root as well as /forum or whichever location holds the forums?
Reply With Quote
Old 22 Mar 2013, 15:50
jiffylb1's Avatar
jiffylb1 jiffylb1 is offline
Join Date: Aug 2006
Real name: pokerlife
works great on forum after putting in it in the header instead of headerinclude. Now how can I get ti to work on my home page cms portal and not just in the forum see the forum ti works but not in header on the cms
Reply With Quote
Old 10 Jan 2014, 20:29
Justinphx Justinphx is offline
Join Date: Jan 2012
Works great on 4.2.2. However, I am using this mod: and no matter what change suggestions you noted in this thread, there is a conflict on the forumhome page.
Reply With Quote
Old 27 Feb 2014, 20:54
betts02's Avatar
betts02 betts02 is offline
Join Date: Jun 2009
Got it set up and working but it asks me to log in when im already logged in
Reply With Quote
Old 21 May 2014, 10:43
AwesomeMetalB AwesomeMetalB is offline
Join Date: Nov 2011
This is one of the best Add-ons I have seen on VB, so well done for the implementation of this.

The question I have might seem very basic and might have been already answered. I want to change the top margin and left margin to make it centered.

I have gone through all the codes from the CSS and the XML document, I have also used the inspection tool and found:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

These elements are inline and I can not find them anywhere, could someone let me know the best way to make theses adjustments.

Do I need to add this to the css files?

Thank you very much

Daniel of "Awesome Metal Bands"
Reply With Quote
Old 14 Aug 2016, 01:32
ryanranjit ryanranjit is offline
Join Date: Jul 2011
can it be implemented on all pages

Hi, It's an awesome plugin, but can we show it on every page ?

i.e. the login button is visible only on Forum page.
Reply With Quote

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

New To Site? Need Help?

All times are GMT. The time now is 00:02.

Layout Options | Width: Wide Color: