
日历 Widget
不知道为什么,我看了很多博友的网站,很少有用日历 Widget 的,可能是觉得日历的作用不大吧,说的也是,有多少人会去点击日历呢?不过你可以看到我的网站除了首页位置,其他页面的侧边栏上都按上了一个日历 Widget。当然,我也没希望这个日历 Widget 能给我带来多少 PV,纯粹是为了美观和补白。
相信如何给 WordPress 添加日历 Widget 的问题人人都会,可问题就是如何美化这个日历的样式,这里我提供一个样式作为参考,这个日历样式是自适应宽度的,也就是说可以通用在各个不同宽度的侧边栏上,有需要的朋友只要根据自己网站的配色修改这个样式中的颜色、字体、边框等就行。
/*-----calendar-----*/
.widget_calendar h3 {
display:none;
}
#wp-calendar {
width:100%;
}
#wp-calendar #today {
background:#E6E6E6;
}
#wp-calendar tbody a {
font-weight:bold;
}
#wp-calendar caption {
font-family:Arial;
font-weight:bold;
letter-spacing:-0.05em;
font-size:100%;
text-align:left;
padding-bottom:5px;
}
#wp-calendar th,
#wp-calendar td {
text-align:center;
}
#wp-calendar tbody td {
border:1px solid #CCC;
}
#wp-calendar tbody td.pad {
border:0 none;
}
#wp-calendar th {
background:#999;
color:#FFF;
}
#wp-calendar td#prev {
text-align:left;
padding-top:5px;
}
#wp-calendar td#next {
text-align:right;
padding-top:5px;
}
.widget_calendar h3 {
display:none;
}
#wp-calendar {
width:100%;
}
#wp-calendar #today {
background:#E6E6E6;
}
#wp-calendar tbody a {
font-weight:bold;
}
#wp-calendar caption {
font-family:Arial;
font-weight:bold;
letter-spacing:-0.05em;
font-size:100%;
text-align:left;
padding-bottom:5px;
}
#wp-calendar th,
#wp-calendar td {
text-align:center;
}
#wp-calendar tbody td {
border:1px solid #CCC;
}
#wp-calendar tbody td.pad {
border:0 none;
}
#wp-calendar th {
background:#999;
color:#FFF;
}
#wp-calendar td#prev {
text-align:left;
padding-top:5px;
}
#wp-calendar td#next {
text-align:right;
padding-top:5px;
}
最后,要申明一个,该 CSS 非我原创,但是因为年代久远,当初也是顺手扒下来的,早已不记得原作者是哪位大侠,若是原作者偶见此文,还请吼一声,谢谢了。
-
给 Wordpress 主题添加个性化小工具2011年01月16日 -
Wordpress 免插件版侧边栏读者墙2009年10月24日 -
隐藏而非截断的艺术2009年09月6日 -
Wordpress 不同页面调用不同侧边栏2009年07月11日
我用那款主题日历显示不全,最后一列只显示了半列,该如何操作
我复制过去后怎么什么反应都没有呢?
转载了
呵呵,欢迎转载呀
Pingback: 情歌 @Elvasiu » 免插件 美化 WordPress 之日历样式
我不用日历
原来一直用着
很漂亮。
为什么我的日历是js生成的 没有ID呢?id="wp-calendar"
JS生成的日历?没有理解,向你讨教一下
这些代码加在什么文件的哪里???
加在style.css中就可以了
这个加在style.css的最后就行
又是一个有代码的文章……
太感谢了。。
没想到万戈回复得如此及时啊。。
PHP还是一头雾水,可否将你的这个月历使用方法给我瞅瞅。呵呵
先说下谢谢了
另外,还有你右侧的那些。比如“日志归档”都是居中显示,并且背景整块都是。请问这个怎么做到呢,我研究了一中午,没弄明白
真是漂亮呀,比原装的强多了。
嘿嘿,谢谢
这个效果很不错的说~
支持支持,万戈这边还是好火呀~
(小声:其实我觉得我那边的日历更美~~
嗖地一声飞去你站看看
囧,你不是中午有来过嘛~
当时没注意你的日历呢,去看过了,很酷啊
正如兄弟所言,现在大多数独立博客 都没有使用日历,因为总感觉没有什么作用。不过另一个原因也是,自带的非常丑陋啊。兄弟这么一改,还真的非常漂亮呢!
另,对于兄弟的这个域名life-studio.cn感觉不可理解,因为你中间建了一个连字符。当初你咋……
当初这个域名并不是用在独立博客上的,去年.cn优惠1元,我随意买了个玩玩,今年三月想搞WP玩玩,就绑上了这个域名练练手,后来就一发不可收拾,PR也到2了,就不高兴另换域名了,呵呵,现在想想是有些失策呢
变相SPAM
日历好像对SEO不好
好像是,因为日历的链接已经在三级目录下了,所以我首页是不放日历的哟
呵呵,看了你这篇文章,让我想起了以前大学上的HTML课程。
大学里的电脑课几乎就是混过去的,现在的电脑知识都是后来自学的,呵呵
为什么我的日历是js生成的 没有ID呢?