如何为fullcalendar jquery构建自定义主题？

Question

我想为http://arshaw.com/fullcalendar/构建自定义主题，是否有任何文档可以替换现有类并覆盖新类。我不想使用jquery UI主题。

如何继续为fullcalender构建主题？

Answer 1

没有任何主题构建器。

虽然您可以自由制作自己的CSS并使其看起来像您想要的那样。

我自己使用fullcalendar，这是你可以获得的一个例子：

http://cl.ly/image/2i3R170w080i

这是CSS的一部分。您可以在 fullcalendar.css 中修改所需内容，并覆盖其定义。

#calendar .icon-ok-sign {
    position: absolute;
    margin-left: 38px;
    margin-top: -42px;
}

#calendar .fc-header-left{
    height: 30px;
    border-right: solid 2px #DC9E0F;
    text-align:center;
    width: 50px;
    line-height: 30px;
}

#calendar .fc-header-center{
    height: 30px;
    line-height: 30px;
}

.rightArrow, .leftArrow {
    height:30px;
}

.leftArrow img, .rightArrow img{
    height:15px;
}

#calendar .fc-header-right{
    height: 30px;
    border-left: solid 2px #DC9E0F;
    text-align:center;
    width: 50px;
    line-height: 30px;
}

#calendar .fc-header-title h2 {
    line-height: 20px;
}

#calendar .fc-today {
    color:#FBB616;
}

#calendar .fc-today.selected {
    color:#FFF;
}

#calendar .selected {
    background-color: #FBB616;
}