Miscellaneous Hacks - 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

[Saint_I_Am]

I wasn't logged out lol

[Andy69]

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

[ViciousCode]

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

[saadessa]

thank you for this job

[Andy69]

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

[Andy69]

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 !

[blogthea]

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?

[Andy69]

simple dont use it then

[1only]

Originally Posted by blogthea

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?

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

[LifesGreatestGift]

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