Решил поделиться своим календарем. Он достаточно приколен. Взял с какого-то сайта заготовку и частично расписал, что где в тексте. Ну что понял, есессно))). Так что если кто знает, что означают строчки без комментов — прошу пояснить. Ну да, не программер я….
Сие вставляется в файл style.xss нашей темы.
/*Выделяем сегодняшний день*/#wp-calendar #today, #wp-calendar #today a { color: white; font-weight: bolder;}
/*Фон таблицы с датами*/
#wp-calendar tr {background: #2E8B57;}
/*Ширина календаря*/
#wp-calendar { width: 80%; font-size: 8px; }
/*Строка с днями недель*/
#wp-calendar thead th { background: #2E8B57; border: 1px solid #000; border-top: none; font-size: 11px; }
/*Опять строка с днями недели*/
#wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #FFFFFF; }#wp-calendar tbody td { text-align: center; border: 1px solid #000; line-height: 2em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease; }
/*Поведение при наведении курсора*/
#wp-calendar tbody td:hover { background: #3CB371; color: #000; }
/*Ячейка с днем, когда были какие-либо записи*/
#wp-calendar tbody td a { display: block; text-decoration: none; background: #2E8B57; color: #0000FF; }
/*Поведение при наведении курсора на день недели, когда были посты*/
#wp-calendar tbody td:hover a { background: #3CB371; color: #FFFF00; }
#wp-calendar tfoot td { padding-top: 1px; padding: 4px; }
/*Шапка с месяцем и годом*/
#wp-calendar caption { cursor: pointer; font-size: 13px;font-weight: bolder; text-transform: uppercase; margin: 0; padding: 7px; outline: 0 none !important; background: #B22222; color: #fff;border: 1px solid #000; }
#wp-calendar tbody a { display: block; text-decoration: underline; }
/*Настраиваем кнопки в подвале календаря с месяцами*/
#wp-calendar #next a {
font-size:12px;
font-weight: bolder;
color: #FFFF00;
text-transform:uppercase;
padding-top:4px;
}
#wp-calendar #next a:hover { background: #2E8B57; color: #00CCFF; }
#wp-calendar #prev a {
font-size:12px;
font-weight: bolder;
color: #FFFF00;
text-transform:uppercase;
padding-top:4px;
}
#wp-calendar #prev a:hover { background: #2E8B57; color: #00CCFF; }