相信很多朋友都想在侧边栏添加快速登录框,安装很多插件也不能达到自己想要的效果,下面第九部落给你一种简单的添加方法。
首先在主题sidebar.php文件下最后< /div>前面添加
这样就可以实现侧边快速登录框了,但是样式很丑,所以还得在style.css文件最后加上:
#widget_user
{
margin-bottom:10px;
background-color:#fefefe;
border:1px #ddd solid;
border-left:none;
overflow:hidden;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#loginform p
{
line-height:25px;
padding:4px 6px 0px 10px;
}
#loginform input.login
{
width:120px;
padding:2px;
background:#fff;
color:#444;
border:1px #ddd solid;
box-shadow:0 2px 10px #eee,inset 0 -2px 10px #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#loginform input.denglu
{
width:66px;
height:23px;
color:#444;
text-align:center;
margin-top:8px;
border:1px #ddd solid;
box-shadow:0 2px 10px #eee,inset 0 -2px 10px #eee;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-left:55px;
margin-bottom:10px;
}
#loginform input.denglu:hover
{
border:1px solid #aaa;
cursor:pointer;
}
#loginform input:focus
{
border:1px #ccc solid;
}
.v_li
{
float:right;
width:200px;
line-height:19px;
list-style:none;
margin-bottom:10px;
margin-top:10px;
margin-left:10px;
}
自己慢慢相对自己主题进行调试该css样式就ok了,效果请看我网站侧边最下方的登录框!
2014年10月5日 下午9:05 0楼
博主好像好久没有更新了。
2014年9月29日 上午10:14 0楼
不错的站,支持下留个名!!!
2014年8月16日 下午8:20 0楼
谢了 正在找这个
2014年7月2日 下午5:22 0楼
用的主题自带了登录框,,后来感觉没用就去掉了。
2014年7月2日 下午10:14 1层
回复 夏日博客 我觉得侧边登录
不错的啊,我是懒人嘛,哈哈。。