龙哥 (Long.Ge)

相信很多朋友都想在侧边栏添加快速登录框，安装很多插件也不能达到自己想要的效果，下面第九部落给你一种简单的添加方法。

首先在主题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了，效果请看我网站侧边最下方的登录框！

关键词: wordpress, 侧边, 登录框

发布时间：星期二, 7月1日, 2014 年 下午10:51。分类： 龙哥随笔。 您可以通过 RSS 2.0 订阅源关注。 您可以点击 留言， 或者 引用 到您的网站。