Various login boxes that Drupal may implement

Today, we are going to discuss the various implementation methods of the drupal login box, so that you can use your imagination to the fullest extent!

1. Block mode

This is the most classic implementation method. drupal comes with it! You can modify the block location, style, and so on.

 

 

Or put it here.

 

 

2. Log in through the custom form page

 

 

The implementation method is as follows:

This is a case study of MidlevelU implementation. To complete this case, we need to do the following: first, we have a login block, and we need to create a page to implement this block parking. Then, create a page under the/node/add/page path and create the page alias.

 

 

Return to the block management interface and place the form block to the content area. On the MidlevelU site, we used the Form Block module to create a user registration form in the Block. Similarly, we create a page to differentiate registered URLs.

 

 

You can also use the quicktabs module to create such a case, but this method is not recommended by the author (including the translator.

3. Drop-down logon

You can use the logtail Boggan module to log on. Because not every site requires a logon address on a specific page. More importantly, you may want users to log on to every corner of your website.

 

 

You need to simply configure this logtail Boggan module ~ As shown in the following figure:

 

 

In addition, add css to your logtail Boggan to make it work better:

Supplement css1

# Toboggan-container {position: relative ;}
# Toboggan-login-link-container a {display: block; height: 65px; width: 65px; text-indent:-9999em; overflow: hidden; background: url (.. /images/lock.png) center no-repeat ;}
# Toboggan-login {position: absolute; z-index: 9999; padding: 10px; background: # ffffff; color: #000000; box-shadow: 0 0 4px rgba, (0, 0.3 );}
# Toboggan-login a {color: #018fe2 ;}
# Toboggan-login input {border: 1px solid #777777 ;}
# Toboggan-login ul li {list-style: none; padding: 3px 0 ;}
. Region-header # block-user-login. form-item {padding: 5px 0 ;}
. Region-header # block-user-login. item-list li. last {padding: 0 ;}
. Region-header # block-user-login input. form-submit {background: # cccccc ;}
. Region-header # block-user-login input. form-submit: hover {background: # cccccc ;}

 

4. Log on in the pop-up window

A pretty handsome way-pop-up box.

 

 

With the Modal forms and cTools module, you can implement a beautiful pop-up login box. This implementation method is very straightforward, "Simply enable the options you want and then enable the feature by creating a link anywhere to/user/login. "You can set the link or use the css id" # modal-content form # user-login ".