想在我下载的模板里面，添加一个登陆功能。然后不想像以前一样，点击个登陆跳转到个界面，想就在当前界面拉风的出个弹窗，本来想看下bootstrap里面有没有合适的直接借鉴，结果发现，下的模板里面，有个featherlight.min.js的引用，再查看了一下这个插件库是干啥的，wc，不就是我想要的效果吗？！棒棒哒！
github地址：https://github.com/noelboss/featherlight/#installation
中文的一个演示地址：http://demo.lanrenzhijia.com/2013/js891115/
这里这个演示可以看到，既可以弹窗出照片，也可以弹窗出自定义的内容或者面板。那就直接用吧。
引用featherlight，我是用django来搭建网页的，所以这里我的引用地址是酱紫，具体看我的上一篇。
{% load static %}
<link rel="stylesheet" href="{% static 'myloveweb/css/featherlight.min.css' %}">
<script src="{% static 'myloveweb/js/featherlight.min.js' %}" type="text/javascript" charset="utf-8"></script>
先设置个css样式，css3，有用@media all，针对所有设备的，都是这个css设置的意思。
加了这个：
<style type="text/css">
@media all{
.lightbox {display:none;}
}
</style>
我的登录那个加这个data-featherlight，连接到我自定义的id为log那块。
<li><a href="javascript:" data-featherlight="#log">登录</a>/<a href="#">注册</a></li>
<div class="lightbox" id="log">
<h2>Featherlight with custom styles</h2>
<p>It's easy to override the styling of Featherligh. All you need to do is specify an additional class in the data-featherlight-variant of the triggering element. This class will be added and you can then override everything. You can also reset all CSS: <em>$('.special').featherlight({ resetCss: true });</em> </p>
</div>
好了，样式对外不可见，点击了登录的时候，这个id为log的内容就会弹出来。good，准备将我的自定义内容，变成登录的弹窗。
登录那块，想用bootstrap的东西，所以引用其css，js后，登录这块改成了酱紫
<div class="lightbox" id="log">
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="account" class="col-sm-4 control-label">账号</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="account" placeholder="请输入账号名称">
</div>
</div>
<div class="form-group">
<label for="password" class="col-sm-4 control-label">密码：</label>
<div class="col-sm-8">
<input type="password" class="form-control" id="password" placeholder="请输入密码">
</div>
</div>
<button type="button" class="col-sm-4 btn btn-primary btn-xs">登录：</button>
</form>
</div>
用了bootstrap里面的栅栏，我记得栅栏之和应该是12的，然后就变成下图这样了。
好了，界面就先酱，考虑后台的内容。想要个管理员和普通成员分开的，所以之后要设定权限的。django那里要开始设定登录的成员数据库什么的了。记得django那里好像可以用自带的数据库，查了下，叫SQLite，以前都用了mysql，要不这里试下django自带的吧，好像很方便的样纸。看下怎么用。弹窗登录先到这里，下篇记录下sqlite
