如何爲fullcalender 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; 
}