Pretty Sliding Login Panel With MooTools/jQuery

2 Oct

Pretty Sliding Login Panel With MooTools/jQuery

Web-kreation is sharing a beautifully-crafted sliding login panel that is very handy to be used in websites with limited spaces.

It has 2 versions:

using MooTools
using jQuery (improved version in means of design & functionality)

The panel works by overlapping the content rather than pushing it & can be easily converted to be used for any other functionality (like navigation, search, contact form, etc.)

It is also converted into Wordpress plugins:

Sliding Panel: WordPress Plugin by Justin Tadlock.
SuperSlider-Login by Twincascos.

P.S. It comes only the HTML-CSS-JavaScript part of the code & doesn’t have an integrated login system. Such a function needs to be adapted while using the code.

Requirements: jQuery or MooTools
Compatibility: All Major Browsers
Website: http://web-kreation.com/index.php/tutorials/nice-cle...
Demo: http://web-kreation.com/demos/Sliding_login_panel_jq...

Tags: Javascript Wordpress
Filed under: Design, License Free, Xhtml & Css
8 Comments

8 Responses for "Pretty Sliding Login Panel With MooTools/jQuery"

Vim October 2nd, 2009 at 2:53 am
Thanks for sharing, foes the sliding control panel appear minimised, and when clicked the full control panel pops up? I really like the look of this, fully customisable that’s a bonus!!

Phil October 2nd, 2009 at 8:55 am
awesome, i would love to see this ported to drupal!

Francesco October 2nd, 2009 at 9:22 am
Hey you inverted the links…LOL

Umut M. October 2nd, 2009 at 10:14 am
@Francesco,
Thanks for that , I’ve just fixed the links.

Mario October 2nd, 2009 at 4:15 pm
it could lead to usability issues if javascript is disbled or javascript filters are set. The sliding div must show up as visible in that case, or links redirect to a login page.