vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   Forum Home Enhancements - [CM] Fancy Slide Login-Box + Social Icons (Floating Button) (https://vborg.vbsupport.ru/showthread.php?t=289807)

ChiNa 10-28-2012 11:00 PM

[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" />
<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!

Taurus1 10-29-2012 02:34 AM

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.

ChiNa 10-29-2012 02:36 AM

I will make you another one! Just for you :D Give ma few mins, Thanks for commenting!

Taurus1 10-29-2012 02:39 AM

Quote:

Originally Posted by ChiNa-Man (Post 2376725)
I will make you another one! Just for you :D Give ma few mins, Thanks for commenting!

You are too kind my friend! Thank you so much! You ROCK! :up:

ChiNa 10-29-2012 02:43 AM

Quote:

Originally Posted by Taurus1 (Post 2376727)
You are too kind my friend! Thank you so much! You ROCK! :up:

Heey come on mate, NP! It was just 1 min edit... Ok mate, Done I just changed the style.css to loginbox.css, You can now use the new Download and options!

Ohh its you Taurus1,,, Sorry couldnt recognise you bro,, But go a head, It should be ready! Good luck

Taurus1 10-29-2012 03:06 AM

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.

ChiNa 10-29-2012 05:52 AM

Quote:

Originally Posted by Taurus1 (Post 2376739)
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.

No problem :up: and you can always PM me for any other support as well! I would do it for free without any charge!

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:

Krusty1231 10-30-2012 07:53 AM

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!

JhonDoz 10-30-2012 08:42 AM

it make problem for my forum, when i edit headinclude template, my activity stream, facebook fan page ..... placed behind forum navabars and being hide.

twenty1 10-30-2012 09:21 AM

:up:
Quote:

Originally Posted by Krusty1231 (Post 2376996)
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!

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:

ChiNa 10-30-2012 05:13 PM

Quote:

Originally Posted by Krusty1231 (Post 2376996)
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..

ChiNa 10-30-2012 05:14 PM

Quote:

Originally Posted by JhonDoz (Post 2377004)
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

Black Snow 10-30-2012 07:50 PM

Quote:

Originally Posted by Krusty1231 (Post 2376996)
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....

Black Snow 10-30-2012 07:51 PM

Quote:

Originally Posted by twenty1 (Post 2377006)
: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.

Krusty1231 10-30-2012 09:36 PM

Quote:

Originally Posted by Black Snow (Post 2377107)
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!

ChiNa 10-30-2012 09:42 PM

Quote:

Originally Posted by Krusty1231 (Post 2377134)
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

JhonDoz 10-31-2012 06:27 AM

1 Attachment(s)
Quote:

Originally Posted by ChiNa-Man (Post 2377075)
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:

Black Snow 10-31-2012 09:29 AM

Quote:

Originally Posted by Krusty1231 (Post 2377134)
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.

mgurain 11-02-2012 06:49 AM

This is :
Template Modifications
and not :
Add-on !
Thanks any way,,

ChiNa 11-03-2012 10:43 PM

Quote:

Originally Posted by JhonDoz (Post 2377212)
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 !

Nirjonadda 11-04-2012 07:53 AM

Does It work without manual Template edit on 4.1.10 ?

ChiNa 11-06-2012 01:16 PM

Quote:

Originally Posted by Nirjonadda (Post 2378256)
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 11-06-2012 03:01 PM

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

ChiNa 11-08-2012 03:21 PM

Quote:

Originally Posted by ahobilam (Post 2378891)
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 11-08-2012 03:56 PM

Quote:

Originally Posted by ChiNa-Man (Post 2378865)
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 11-18-2012 11:43 AM

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

Thanks alot

ChiNa 11-18-2012 01:39 PM

Quote:

Originally Posted by Naijafinder (Post 2382144)
installed and follow every procedure . it doesn't work on VB 4.2.0. noting show on the forumhome

Quote:

Originally Posted by Nirjonadda (Post 2379423)
Without "headinclude" Template manual edit ?


New UPDATES: 18-Nov-2012

Here is it AGAIN, Installed & Succeed

https://vborg.vbsupport.ru/external/2012/11/10.gif

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 11-18-2012 05:22 PM

hello,

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

Naijasite 11-19-2012 05:28 PM

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

ChiNa 11-19-2012 11:11 PM

Quote:

Originally Posted by Naijafinder (Post 2382649)
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!

ChiNa 11-19-2012 11:15 PM

Quote:

Originally Posted by silpher (Post 2382251)
hello,

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

Yes you can mate, and ofcours I will help you when I know.. Here is the full code..

Full code
Code:

<div class="floatlogin"><a href="#" id="login"><b>Login</b></a>
</div>

Replace the <b>Login</b> with your TEXT! or another link, and add the full code where ever you want it to appear!

Good luck

topladz 11-20-2012 10:07 PM

how do i configure it so it floats in the centre all i get is the word log at the side of my logo

gokhansancar 11-30-2012 03:36 AM

is it possible to use this code on non vb pages to login to the vb forums ?

ChiNa 12-01-2012 06:55 PM

Quote:

Originally Posted by topladz (Post 2383070)
how do i configure it so it floats in the centre all i get is the word log at the side of my logo

@topladz, Can you please explain a bit more, if its the LOGIN BUTTON or the LOGIN-BOX that you want in the middle! If you mean the BOX, then its all in your vBULLETIN and SETTINGS options.


Quote:

Originally Posted by gokhansancar (Post 2386670)
is it possible to use this code on non vb pages to login to the vb forums ?


@gokhansancar
, Right now, its on forum home, but yes you can use LOGIN BUTTON to be on other pages... But takes some time! If you decided to Install it, then I will def help you out! Good Luck

trackpads 12-01-2012 07:13 PM

This is beautiful! Good work! Will install it today!

concepts 12-02-2012 04:29 AM

1 Attachment(s)
I get this problem when I insert the code in my header include.. my forums get thrown off.

ChiNa 12-02-2012 05:40 PM

Quote:

Originally Posted by concepts (Post 2387522)
I get this problem when I insert the code in my header include.. my forums get thrown off.

Its simple.... I can see you have other Jqeury addons on your forum.. For example your "GO TO TOP" button on your forum right, below!

All those are making conflict with your theme,,, So thats very normal! It can be fixed, if you try to put the code from the HEADINCLUDE to your HEADER below, and see if it works! Or your footer template!

Good luck mate...

concepts 12-02-2012 05:56 PM

Thank you for your reply, however, when I try to add to the header or the footer, it then stretches out the entire body of the forums.

concepts 12-02-2012 06:00 PM

I sent a PM with login details if you want to take a look... thank you!

concepts 12-02-2012 06:48 PM

Its working now!!! Thank you VERYYYYY MUCH!!!


All times are GMT. The time now is 03:09 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.02666 seconds
  • Memory Usage 1,854KB
  • 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
  • (4)bbcode_code_printable
  • (23)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)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