Главная » Администрирование сайта » Работа со стилями (CSS) » Шпаргалка по CSS. Календарь

Шпаргалка по CSS. Календарь

24.08.2012 в 14:37
Автор: Selena

Пример CSS календаря (201 дизайн)

/* News/Blog Calendar Style */
.calMonth {text-align:right;font-weight:bold;}
.calWday {color:#FFFFFF; border:1px solid #42AE3C; background:#65C860; width:18px;}
.calWdaySe {color:#FFFFFF; border:1px solid #42AE3C; background:#65C860; width:18px; font-weight:bold;}
.calWdaySu {color:#FFFFFF; border:1px solid #42AE3C; background:#5A84E4; width:18px; font-weight:bold;}
.calMday {background:#FFFFFF; border:1px solid #42AE3C;}
.calMdayA {background:#EEEEEE; border:1px solid #42AE3C; font-weight:bold; width:18px;}
.calMdayIs {background:#FF8C2F; border:1px solid #42AE3C; font-weight:bold; width:18px;}
.calMdayIsA {background:#FF8C2F; border:1px solid #42AE3C; font-weight:bold; width:18px;}
a.calMonthLink:link {text-decoration:none; color:#FC7200;}
a.calMonthLink:visited {text-decoration:none; color:#FC7200;}
a.calMonthLink:hover {text-decoration:underline; color:#5A84E4;}
a.calMonthLink:active {text-decoration:underline; color:#5A84E4;}
a.calMdayLink:link {text-decoration:none; color:#FFFFFF;}
a.calMdayLink:visited {text-decoration:none; color:#FFFFFF;}
a.calMdayLink:hover {text-decoration:underline; color:#FFFFFF;}
a.calMdayLink:active {text-decoration:underline; color:#FFFFFF;}
/* ------------------------ */


Рейтинг: 6  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 13564          Комментариев: 5
24.01.2016 в 01:33      0  

Добрый день. А где вообще подключается (отключается) календарь?
21.09.2012 в 13:15      0  

в принципе настроил всё по стилям так, от феньки, с начала работало, а сейчас что-то не хочет.. в чём может быть проблема?
21.09.2012 в 15:00      0  

Название стилей имеет чувствительность к регистру.
.calmonth - .calMonth
.calwdayse - .calWdaySe
и т.д.
22.09.2012 в 11:24      0  

т.е. каждое слово с заглавной кроме первого после точки?
24.09.2012 в 20:30      0  

Смотрите на пример в мануале и по нему сравнивайте свои стили.