Stylish Floating Login Box in Drupal
Sunday, December 16, 2007Want to impress your clients or friends using Drupal with a stylish floating login box, like the one below:
Method 1: Orginally posted at Drupaldojo.com
Link to post: here.
Link to Video: here.
If you use above method you'll have to code something.
or Method 2: Do it with Thickbox Module (No coding required, happens in clicks)
Steps to do it, (Assumed that you have your website setup and running in Drupal and logged in as Site Administrator userid 1, you also know basic Drupal site administration.)
- Download the ThickBox Module here.
- Install it (copy it in /sites/default/modueles - for Drupal 5.x)
- Activate it (Go to Administer>>moduels>> check thick box and click save configuration)
- Go to ThickBox Administration (Can be found in Administer page under site configuration Administer>>ThickBox)
- Check the box that says "Enable for login links" then hit Save Configuration
- Make your login box invisible from Blocks (Adminster>>Blocks)
- Make a link in any menu (primary links preferred if shown) called Login or with any other relevant title give the link URL as /user and save it. (remember to log out)
- Now when you click the login link (after logging out that is) you'll get an output similar to above screenshot. COOL!!!, you did it.
6 comments:
-
Great post, but Lightbox 2 is better I guess.
-
Well, I agree that Lightbox is much better than Thickbox, except when it comes to displaying the login form. For some reason, the CSS of the lightbox does not work well. Also, it is hard to change the code of the lightbox to suit your needs. On my website, i am using both of them, the lightbox2 for displaying images and links and thickbox for login.
-
This isn't working for me. I'm using Thickbox 2.x. I created the link and it just goes to the user page.
Luis -
this wasn't working for me because:
7. Make a link in any menu (primary links preferred if shown) called Login or with any other relevant title give the link URL as /user and save it. (remember to log out)
Instead /user you should set the url to "user/login" (without the ").
And that's it, it's working.
Thanks.
Luis -
Thanks for the edit Luis. I was gonna look into it but didn't had time ;-). Thanks for the correction and congrats you got it working.
Geshan -
Hi, nice howto right here, the only one point to critisize, can´t you replace "user" by "user/login" in your post, as I also tried the first path without success.
Have a nice day
