明凯博客

关注网站技术,一个特立独行的程序员

WordPress的日历样式定义

wordpress的默认模板里面没有显示日历,使我一度误以为它没有内置日历功能。今天才发现原来它内置有一个功能还算强大的日历,它可以区分显示有文章和没有文章的日期,点击有文章显示的日期还可以看到当天发表的所有文章,呵呵,这就是我所理解的“功能强大”了。默认的日历显示不怎么美观,可以用CSS来自定义风格。我现在用的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
#wp-calendar {
text-align:center;
margin:0;
}
#wp-calendar td {
height:24px;
width:24px;
line-height:20px;
background-repeat:no-repeat;
background-position:center;
font-size:11px;
color:#4f4f35;
}
#wp-calendar td a {
display:block;
width:24px;
height:24px;
color:#fff;
text-decoration:none;
background-image:url(images/linkday.png);
background-position:center;
line-height:24px;
background-repeat:no-repeat;
}
#wp-calendar #prev a {
width:49px;
background-image:url(images/linkday2.png);
background-position:center;
}
#wp-calendar #next a {
width:49px;
background-image:url(images/linkday2.png);
background-position:center;
margin:0 0 0 30px;
}
#wp-calendar #today {
background-image:url(images/today.png);
background-position:center;
color:#fff;
background-repeat:no-repeat;
}
#wp-calendar #today a {
background-image:url(images/today.png);
background-position:center;
color:#fff;
font-weight:700;
background-repeat:no-repeat;
}

, ,

相关文章

2 条评论 “WordPress的日历样式定义

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注