Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Add-ons

Reply
 
Thread Tools
[CM] Fancy Slide Login-Box + Social Icons (Floating Button) Details »»
[CM] Fancy Slide Login-Box + Social Icons (Floating Button)
Version: 1.00, by ChiNa ChiNa is offline
Developer Last Online: Feb 2023 Show Printable Version Email this Page

Category: Forum Home Enhancements - Version: 4.2.0 Rating:
Released: 10-28-2012 Last Update: 10-28-2012 Installs: 37
Auto-Templates
Additional Files  
No support by the author.

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:
Code:
<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:
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

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:
Code:
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!

Download Now

File Type: xml product-popup_login.xml (7.1 KB, 284 views)
File Type: zip Upload.zip (39.6 KB, 352 views)

Screenshots

File Type: png Settings.png (34.5 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.
3 благодарности(ей) от:
Black Snow, concepts, nacaruncr

Comments
  #12  
Old 10-30-2012, 05:13 PM
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Posts: 457
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Krusty1231 View Post
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!
Hi Mate, This one you have in the image is not published yet! Me and Tempus have worked on it but are not releasing it for now!

I will let you know when..
Reply With Quote
  #13  
Old 10-30-2012, 05:14 PM
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Posts: 457
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by JhonDoz View Post
it make problem for my forum, when i edit headinclude template, my activity stream, facebook fan page ..... placed behind forum navabars and being hide.
JhonDoz Mate, Try to put the CODE below everything else in your headerinlclude!
If that didnt work, then try put it on top! And if THAT didnt work, contact me then I will help you in private! OK
Reply With Quote
  #14  
Old 10-30-2012, 07:50 PM
Black Snow Black Snow is offline
 
Join Date: Jul 2012
Location: Scotland
Posts: 471
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Krusty1231 View Post
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!
lol stu, that's my secrect along with ChiNa-Man. Guess you know who I am now....
Reply With Quote
  #15  
Old 10-30-2012, 07:51 PM
Black Snow Black Snow is offline
 
Join Date: Jul 2012
Location: Scotland
Posts: 471
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by twenty1 View Post
:up:

Yes, that drop-down login/register seems pretty cool. And it's on top of the page with a more flow system to it if you know what I mean. I like this add-on! Would be amazing if you got the layout from the picture's Krusty1231 added!:up::up:
Maybe one day I will release it when I decide to make a better one or I retire from forums.
Reply With Quote
  #16  
Old 10-30-2012, 09:36 PM
Krusty1231's Avatar
Krusty1231 Krusty1231 is offline
 
Join Date: Jul 2010
Location: Canada
Posts: 366
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Black Snow View Post
lol stu, that's my secrect along with ChiNa-Man. Guess you know who I am now....
LMAO I figured with the live link up there, I had a better chance asking here than there. Seems my PM's go unanswered anyway. It just makes me work harder for my "how to's"....thanks tho!
Reply With Quote
  #17  
Old 10-30-2012, 09:42 PM
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Posts: 457
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Krusty1231 View Post
LMAO I figured with the live link up there, I had a better chance asking here than there. Seems my PM's go unanswered anyway. It just makes me work harder for my "how to's"....thanks tho!
Hi thanks for your response back, Krusty1231

Its allright, I just spoke with my mate who were a part of making the SlideBox login too! I also showed him the messages on here! But I understand tho why, its like a cook that doesnt wanna expose his secret dish! And we have to respect that..So we have decided to keep it unreleased for now!

But check out Scanu's login-Slide like Xenforo here: https://vborg.vbsupport.ru/showthread.php?t=284767
Reply With Quote
Благодарность от:
Krusty1231
  #18  
Old 10-31-2012, 06:27 AM
JhonDoz JhonDoz is offline
 
Join Date: Jul 2012
Posts: 8
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by ChiNa-Man View Post
JhonDoz Mate, Try to put the CODE below everything else in your headerinlclude!
If that didnt work, then try put it on top! And if THAT didnt work, contact me then I will help you in private! OK
Hey brother
i have put CODE in every where and tried but same result! please see attach image:
Attached Images
File Type: jpg hitu.JPG (138.1 KB, 0 views)
Reply With Quote
  #19  
Old 10-31-2012, 09:29 AM
Black Snow Black Snow is offline
 
Join Date: Jul 2012
Location: Scotland
Posts: 471
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Krusty1231 View Post
LMAO I figured with the live link up there, I had a better chance asking here than there. Seems my PM's go unanswered anyway. It just makes me work harder for my "how to's"....thanks tho!
What PM's? You haven't sent me any lately....

We may be releasing it sooner than you think.
Reply With Quote
  #20  
Old 11-02-2012, 06:49 AM
mgurain's Avatar
mgurain mgurain is offline
 
Join Date: Apr 2005
Location: KSA - Qatif - Al-Jarodiah
Posts: 345
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

This is :
Template Modifications
and not :
Add-on !
Thanks any way,,
Reply With Quote
  #21  
Old 11-03-2012, 10:43 PM
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Posts: 457
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by JhonDoz View Post
Hey brother
i have put CODE in every where and tried but same result! please see attach image:
Hi buddy, I think you are pasting the code in a wrong place, I am talking about the part where you have to add it in your HeaderInclude Theme! Try to add the code on top! If this happends again, please PM me in private and I will try see if we can fix it for you!

@mgurain: This is actually both, but I would def call this for a an un-complete addon with Template Modifications.. There is a complete coded XML-PRODUCT below in the attachments! Good luck !
Reply With Quote
Reply

Thread Tools

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

Forum Jump


All times are GMT. The time now is 11:27 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05012 seconds
  • Memory Usage 2,360KB
  • Queries Executed 28 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (3)bbcode_code
  • (9)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (11)post_thanks_box
  • (4)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (4)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete