Sliding login panel with jQuery 1.5 (updated)
 

version 1.0 Works With All VBulletin Versions

Sliding login panel with jQuery 1.5
updated version added in below posts

Description:

this Will, Add A Login In The Head Of Your Forum. With The Power Of JQuery, You Are Now Able To Slide Up and Down, The Login Panel. This A Very PowerFul Tool For A Quick Login


Installation Steps:

1. Upload All the Files In The Correct Place, Example:

The Css Folder Will Go In The Root Of You Forum, Everything In The Clientscript Folder There Will Be Two Files, They Will Go In Your Default Clientscript Folder From You Forum, And The Images Folder, You
Will Do the Same As The Clientscript Folder , But Only This Time, This Will Be The Images Folder From Your Default

2. Templates Edits

Now Is The Part Were To Add The Code,

From All The Files, You Should Have Got , A Text File Called , "Your Code" Open That With Any Text Editor Like NotePad.

Now Go To Your AdminCp And Go To Styles & Templates Then Click, Style Manager, Then Click Edit Templates

Now Look For "header"

At The Very Top Add The code that Is Provided, From the Text file Called " Your Code"

Then Hit Save, But If You Want You Can Do IT For All Your Skins

3. Now Your Are Going To Notice That The BackGround doesn't Match Your Skin

In The Css Folder You'll Find, A File Called "Style.css" Open It With A
Text Editor Like NotePad. Now Thats Its Open Look For

body {
font: 85%/0.9 arial, helvetica, sans-serif;
background: #000000 url(../images/bg.gif) repeat 0 0;
line-height: 130%;
width: 100%;
min-width: 970px;
color: black;
}

From There You'll See background: #000000 , You Need To Chage The Color Code To From #000000 With Your Skin's Color, So IT Match's It
If You Don't Do This Then The Color Won't Change.

4. Now In The Images Folder You'll See A File Called, "bg" , You Need To Change That With Your Skins BackGround Image, If Not It Will Also Not Change Or Match Your Skin's BackGround Image.

5. If Any Issues, Please Look A The ScreenShots

6. Thats It Your Done, You Now Have Sliding login panel with jQuery


This Was Developed By 1Only And Mister_X

demo here :
http://sitetest1234.selfip.com/forums/





screen shots attached

Awesome idea, I've been learning jQuery lately too.
Going to see how this looks on my forum (I use default style :().

looks good

Gonna check it out now

I can't get it to show up on my test site

css is uploaded to mysite.com/test/forum/css

jquery-1.3.2.min.js and slide.js is in mysite.com/test/forum/clientscript

images are in mysite.com/test/forum/images

and the code was added to the very top of the header file untouched

Correct?

Very interesting. Nice work.

make sure the acctual css folder is uploaded not the files contained in the css folder !

and ty hornstar1337 :)

I did that

this works 100% u must have uploaded a file in wrong place

upload css

uploaded to > mysite.com/test/css

for any 1 else having problems of it not showing, please use FIREFOX to view this hack in best quality.

and u will only see the hack if u are not acctually logged into your forum, as when logged in the hack is written to dissapear, also clear your CACHE on your browsers

I did get it to work eventually. You don't want to know why it wouldn't work :o

This is a great addition. not sure if I'll use it on my live site just yet :up:

i do want to no why it wouldnt work ? please do tell :confused:

I wasn't logged out lol

lol its okay :) i should have mentioned that earlier glad u got it working :)

how do i remove some of the height from the sliding panel ?

thank you for this job

me and 1only working on something as we speak ill update this thread soon as i can :)

Sliding login panel with jQuery 1.5

version 1.5 Works With All VBulletin Versions

https://vborg.vbsupport.ru/showthread.php?t=219048

Description:


Installation Steps:

1. Upload All the Files In The Correct Place, Example:
The Css Files Will Go In The Root Of Your Forum, Everything In The Js Folder There Will Be Three Files (Only Folder "Js" Should Be In The Root), They Will Go In Your Root Of Your Forum, And From The Images Folder, You
Will Need To Cut And Paste Them And Add Them to Your Default Images Folder

2. Templates Edits

Now Is The Part Were To Add The Code,

From All The Files, You Should Have Got , A Text File Called , "Your Code" Open That With Any Text Editor Like NotePad.

Now Go To Your AdminCp And Go To Styles & Templates Then Click, Style Manager, Then Click Edit Templates

Now Look For "header"

At The Very Top Add The code that Is Provided, From the Text file Called " Your Code"

Then Hit Save, But If You Want You Can Do IT For All Your Skins

3. Now Your Are Going To Notice That The BackGround doesn't Match Your Skin,

In The Css Folder You'll Find, A File Called "Style.css" Open It With A
Text Editor Like NotePad. Now Thats Its Open Look For

body {
font: 85%/0.9 arial, helvetica, sans-serif;
background: #000000 url() repeat 0 0;
line-height: 130%;
width: 100%;
min-width: 970px;
color: black;
}

From There You'll See background: #000000 , You Need To Chage The Color Code To From #000000 With Your Skin's Color, So IT Match's It
If You Don't Do This Then The Color Won't Change.

4. Now In The Images Folder , For the Default You'll Find images that Are Black Ones In The Images Folder Called, login_r and login_l, You Will Use this If Your Skin's BackGround Is
Black , But If Its Not ANd You Have A White BackGround Skin We Included A White One As Well , You'll See A Folder Called, "If You Have A WhiteBackGround Skin" Just Replace The Black Ones
With These White Ones

But If Your Skin Is A Diffenrent BackGround Color You'll Need To PhotoShop The Images and Change It To Match Your Forums Color For the BackGround


There Will Be More Skins/Updates Later On with A Different Color Other Then Are Default One
,

5. If Any Issues, Please Look A The ScreenShots

6. Thats It Your Done, You Now Have Sliding login panel with jQuery 1.5

Demo:

http://sitetest1234.selfip.com/forums/


This Was Delovped By 1Only And Mister_X


screen shots added !

i fail to see the point of this addon.(besides looking cool) Why click the sliding panel and then login when you can start typing your username/pass right away?

simple dont use it then :)

Well For This Add-on, You Can Use This and Remove The Quick Member Login So That Way You Can Have One Login ,Fast And Easy :D

I like it, thank you for your time and effort into making it

your welcome hope u enjoy using it :)

hello,

i like your mod but i want to use it to show other info and not the login panel.

anyway thats not the point but i want to show it under the navbar but when i put the code somewere else then the top of the header then the mod dont work and draws the blue boxes everywere on the forum.

is there a solution for this mod so to not show the box above the header but under the navbar???

i will work on it tonight for you regitbull :) thats a good idea i will post back soon as i have finished :)

aah nice thx.

great support :)

yes there is a solution , i'll work on re-code it so that you can add it to the nav bar, but the thing is would you want it to be to show only for guess or, leave it as is and you can add you own text?

thx for helping.

well i want it to show to only a few usergroups so i will replace the guest code with:
and yes i would like to put my own text but thats also not a problem i can do that all my self.
the thing is that the mod only works to show above the header.

Great But No this Uses all of javascript and Jquery , all i have to do it re-code to make it function for the nav bar ok i'll keep you updated :)

nice mod, it would be great for those wanting a very clean look

ey,

any luck yet?

Love the mod- I'm having some problems with the style.css file that you have provided. No matter which style I choose to use, fluid or fixed width- I have the exact same issues.

The issue: The style.css really messes up member profile pages- some are worse then the others.


I'm also having the same problems (plus some additional ones) with the css for a very similar mod: [vBD]-Slide Login Box:
https://vborg.vbsupport.ru/showthrea...35#post1875435
Which the coder refuses to help me out with the excuse 'it's your fault'..

My info: Brand new vBulletin 3.8.2 installation with absolutly no products installed.http://i472.photobucket.com/albums/r...n/products.jpg

Several styles: Fixed and Fluid width styles are both affected by the style.css but definitely not in a good way.

http://i472.photobucket.com/albums/r...on/Error-2.jpg


Thaks for taking the time to do all the coding to make this mod possable- I only wish I could use instead of look at examples. any help would be greatly appreciated- once again- thanks.

down.low

in css/style.css

at the very bottom
either rename "#content" to "#content2"
or adjust the width ..

.. or completely remove the whole #content tag
using absolute px makes absolutely no sense


//note:
Just saw you already figured it out yourselfand posted it over at the other Thread.
Anyway, This mod also conflics with DonationSystem 3.08 and most likely others.

Thanks for helpin' out- always appreciated. Yeha this mod conflicts with several mods that consists of template edits-- damn thing won't slide down once you add a few more template modifications- works well as long as you have no other mods performed.

Andy 69 : I use WordPress and VB. Is it possible to show this slider on my WP home page so users can login from my WP home page?

How (or where) do you adjust how far down the drawer drops? :confused:

Anyone got this on there site so a demo of it?
As the demo link is not working.

*Marked installed*

Thanks!

Yes Messed up Custom User Profiles :( Sad , I will keep an eye on this one to see if issues are resolved

Very ease, and very slick. And very combustible. Thanks for the mod!

I can't use for vbb4

Invalid argument supplied for foreach() in [path]/includes/functions.php on line 3548

This is my error, i add in template header