drupal建站教程|Drupal可能实现的各种登录框表现方式

时间:2019-08-29  来源:经典短信  阅读:

今天我们要讨论的是drupal登陆框的多种实现方式,权且抛砖引玉,尽情发挥出你的想象力!

1,区块方式

这是最为经典的实现方式啦,drupal自带!你可以修改区块的位置,样式等等。

 

Drupal可能实现的各种登录框表现方式

 

或者放到这边来

 

Drupal可能实现的各种登录框表现方式

 

2,通过自定义form页面登陆

 

Drupal可能实现的各种登录框表现方式

 

实现方式如下:

这是实现在 MidlevelU 上的一个案例。完成这个案例我们需要做这么几件事情:首先呢,我们已经有了一个登录block,我们需要创建一个页面来实现这个block停放。然后,我们到/node/add/page路径下创建一个页面,并创建页面的别名。

 

Drupal可能实现的各种登录框表现方式

 

返回区块管理界面,把登录form block放到内容区域。在MidlevelU 站点上,我们使用了Form Block module 模块,在区块中创建了一个用户注册form。同样,我们创建了一个page页面,用来区别注册的url。

 

Drupal可能实现的各种登录框表现方式

 

你也可以用quicktabs模块来创建这样一个案例,但是作者(包括译者)都不推荐这种方式。

3,下拉登录

你可以使用 LoginToboggan 模块来实现一个下来登录。因为,并不是每个站点都需要特定页面的登录地址。更多的是,你可能想让用户在你网站的每个角落都能登录。

 

Drupal可能实现的各种登录框表现方式

 

你需要简单配置一下这个 LoginToboggan 模块哦~如图:

 

Drupal可能实现的各种登录框表现方式

 

另外,给你的 LoginToboggan 加点css ,让它更好的工作:

补充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 center no-repeat; }
#toboggan-login { position:absolute; z-index:9999; padding:10px; background:#ffffff; color:#000000; box-shadow:0 0 4px rgba(0,0,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,弹出框登录

一种蛮帅气的方式——弹出框。

 

Drupal可能实现的各种登录框表现方式

 

使用 Modal forms and cTools 模块,你就可以实现一个漂亮的弹出登陆框。这种实现方式非常的干脆直爽,“Simply enable the options you want and then enable the feature by creating a link anywhere to /user/login.”你可以通过设置链接的方式,或者使用CSS ID的方式“#modal-content form#user-login”。

drupal建站教程|Drupal可能实现的各种登录框表现方式

http://m.bbyears.com/zhufuduanxin/64951.html

推荐访问:
相关阅读 猜你喜欢
本类排行 本类最新