Как создать пользовательскую тему для fullcalender jquery?

Question

Я хотел бы создать пользовательскую тему для http://arshaw.com/fullcalendar/. Есть ли какая-либо документация для замены существующего класса и переопределение с новыми классами. Я не хочу использовать тему пользовательского интерфейса jquery.

как двигаться вперед, чтобы создать тему для 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; 
}