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

[Andy69]

your welcome hope u enjoy using it

[regitbull]

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???

[Andy69]

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

[regitbull]

Originally Posted by Andy69

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

[1only]

Originally Posted by regitbull

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???

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?

[regitbull]

Originally Posted by 1only

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:

<if condition="is_member_of($post, 13,14,15)">

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.

[1only]

Originally Posted by regitbull

thx for helping.

well i want it to show to only a few usergroups so i will replace the guest code with:

<if condition="is_member_of($post, 13,14,15)">

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

[Brandon Sheley]

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

[regitbull]

Originally Posted by 1only

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

ey,

any luck yet?

[down.low]

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.

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




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.