WordPress 的日历 横向显示

Posted by dreamcatcher

我个人比较喜欢博客的日历是一横显示的!估需要修改一些代码,Wordpress的日历代码在 ./wp-includes/general-template.php 文件中,这里是2.6.1版本修改好的,由于上传不到已经修好好的文件,可以在我的blog下载:http://huang-yuling.net/?p=62

 以下是CSS,添加到skin的style.css中

 

/* Begin Calendar */
#wp-calendar {
 empty-cells: show;
 margin-top: 0px;
 margin-left: 12px;
 margin-bottom: 15px;
 width: 775px;
 border: 0px solid #ccc;
 text-align: center;
 color:#333;
 background:#fff;
 }

#wp-calendar a {
 display: block;
 text-align: center;
 font-weight:bold;
 font-size:11pt;
 text-decoration: underline;
 }

#wp-calendar caption {
 text-align: left;
 padding-top:0px;
 margin-left:10px;
 width: 100%;
 font-weight:bold;
 font-size:12pt;
 display: none;
 }

#wp-calendar td {
 padding: 3px 4px;
 line-height: 10px;
 font-size:10pt;
 text-align: center;
 border: 1px solid #ededed;
 background:#f0f0f0;
 }

#wp-calendar td.pad:hover { /* Doesn’t work in IE */
 background-color: #fff; }
/* End Calendar */

结合不同的皮肤,宽度、颜色、位置作相应的修改,以上css隐藏显示月份和年份,如要在日历顶显示,修改#wp-calendar caption项,删除 display: none;