|
[CM] Fancy Slide Login-Box + Social Icons (Floating Button)
1 Attachment(s)
Brought to you by https://vborg.vbsupport.ru/external/2012/10/1.gif Fancy Slide - Popup Login-Box https://vborg.vbsupport.ru/external/2012/10/3.gif (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 https://vborg.vbsupport.ru/external/2012/10/22.png 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: Code:
<link rel="stylesheet" href="loginbox.css" type="text/css" media="screen" />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 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-BoxInstalled but having conflicts with my Template
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: Code:
<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 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: Code:
var myLogin = new mooSlide2({ slideSpeed: 1500, fadeSpeed: 500, toggler:'login', content:'loginPanel', height:220, close: false, effects:Fx.Transitions.Bounce.easeOut , from:'top'}); |
This looks so cool! I would love to give it a try. But I already have a style.css in my forum root. What should I do? Thanks.
|
I will make you another one! Just for you :D Give ma few mins, Thanks for commenting!
|
Quote:
|
Quote:
Ohh its you Taurus1,,, Sorry couldnt recognise you bro,, But go a head, It should be ready! Good luck |
Maaan....not often that we get such fantastic support here. Thank you so much. Gonna instal this a bit later on, and will let you know how it went.
|
Quote:
And btw, 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 Once again, you are welcome and thanks for your heads-up comments..:up: |
1 Attachment(s)
Wow. Just wow. This is a real nice addon. Can you tell me how to do it this way?
On that other site I really like how it closes - and then opens when clicked. Please tell us how that is done! |
it make problem for my forum, when i edit headinclude template, my activity stream, facebook fan page ..... placed behind forum navabars and being hide.
|
:up:
Quote:
|
| All times are GMT. The time now is 10:58 PM. |
Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
| X vBulletin 3.8.12 by vBS Debug Information | |
|---|---|
|
|
 More Information |
|
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|