邪罗刹的菠萝阁

> 我们的博客圈说小不小说大不大，但是有时候只要刮起一阵风就每个角落都吹过去鸟 o(￣︶￣)n，嘿嘿。
> 这次 小闇MM 和 万戈老兄 都写了美化后台登陆样式的文章，小邪也跟风。顺便把侧边栏伪无限伸长。

一. 伪无限伸长侧边栏：

> 小邪要做的就是，把侧边栏的 DIV 随着左边内容 DIV 的长度而伸长，而不是短短的放在页面的右上角。
> 而一般的方法都很麻烦，当两个使用 float:left; 方式并列排放的时候，是很难让它们长度相同的。

> 首先看看小邪页面的结构，这个是首页的页面结构 --
> |- 先是在 Body 的标签下面分成了 Nav Wrapper footer 三个区域
> |- 接着在 Wrapper 下面分成了 header content sidebar-border 三个分区
> |- 其中 sidebar-border 代表了侧边栏的外框，这个是 Zbench 主题特有的
> |- 其他的主题一般都是直接 sidebar 了

#wrapper { overflow: hidden; } /* 如果侧边栏高度超过 Wrapper 的高度，超过部分隐藏 */
#sidebar-border { margin-bottom: -30000px; padding-bottom: 30000px; }
/* 首先是负值，防止 footer 被挤到没有掉，然后是伪无限延伸侧边栏区域 */

二. 后台登陆样式美化：

//喔，对了，上面这张图是 小闇MM 的后台样式，小邪的样式图在顶部

function custom_login() {
  echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_directory').'/mylogin.css" />'."\n";
}
add_action('login_head', 'custom_login');
//这些代码加到 functions.php 即可。啊 ╮(￣▽￣)╭，无敌万能的钩子，回头烧香供着。

/* 小邪 mylogin.css Beta 1.00 */
form {
	-webkit-box-shadow: none;
	border-bottom-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
}
h1 {
	display: none;
}
#backtoblog {
	background: #DDD;
}
.login #nav a {
	color: #FFF !important;
}
.button-primary {
	background: #AAA !important;
	border-color: #999 !important;
	text-shadow: none !important;
	border-bottom-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
}

三. 参考文章：

> 万戈老兄《非插件自定义 WordPress 登陆界面》-
> |- 传送门 -- http://wange.im/wordpress-custom-login.html

> 小闇MM《不用外掛把後台美化美化一下》-
> |- 传送门 -- http://www.rinkaiten.com/use_no_plugins_to_modify_your_wordpress_dashboard.html