Регистрация    Войти
Авторизация

Три варианта стиля для календаря uCoz

Три варианта стиля для календаря uCoz

Три варианта стиля для календаря uCoz. Небольшая подборка календарей для сайтов uCoz, состоящих из трёх вариантов css стилей.


В одном из ваших глобальных блогов uCoz устанавливаем системную переменную календаря:

<?if($CALENDAR$)?>$CALENDAR$<?endif?>


Теперь выбираем один из трёх вариантов css стиля календаря:
Три варианта стиля для календаря uCoz

В ксс:
/* Календарь 
----------------------------- */
.calTable {  
  border:1px solid #222;
  background:#666; }

.calMonth {
  text-align:center;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
  background: #535353;  
}

.calWday {
  font:9px Verdana,Arial,Helvetica,sans-serif;
  color:#fff;
  background:#3da031;
  padding: 3px 5px;
  outline: 1px solid #232423;  
  border-top: 1px solid #93d787;
  border-left: 1px solid #f93d787;
}
  
.calWdaySu,
.calWdaySe {
  font:9px Verdana,Arial,Helvetica,sans-serif;
  color:#fff;
  background:#f15947;
  padding: 3px 5px;
  outline: 1px solid #232423;  
  border-top: 1px solid #f89888;
  border-left: 1px solid #f89888;
}

.calMday {
  font:11px Verdana,Arial,Helvetica,sans-serif;
  color:#c7c7c7;
  text-shadow: 0px 1px 1px #000;
  font-weight:bold;
  padding: 5px;
  background: #333433;  
  outline: 1px solid #232423;  
  border-top: 1px solid #4f4f4f;
  border-left: 1px solid #4f4f4f;
}

.calMdayA {
  color:#fff; text-shadow: 0px 1px 1px #000;
  font-weight:bold;
  background:#2d9ed8;  
  outline: 1px solid #232423;
  border-right: 1px solid #8cd1f4;
  border-bottom: 1px solid #8cd1f4;
}

.calMdayIs,  
.calMdayIsA {
  font-weight:bold;
  background:#e675dd;
  outline: 1px solid #232423;  
  border-right: 1px solid #fca6f5;
  border-bottom: 1px solid #fca6f5;
}

a.calMonthLink:link,
a.calMonthLink:visited,  
a.calMonthLink:active {
  text-decoration:none;
  color:#fff;
}

a.calMonthLink:hover {
  text-decoration:none;
  color:#58e249;
}

a.calMdayLink:link,  
a.calMdayLink:visited,  
a.calMdayLink:active {
  text-decoration:none;
  color:#fff;  
}

a.calMdayLink:hover {
  text-decoration:none;
  color:#c90000;
}
/* -------------------------- */

Три варианта стиля для календаря uCoz


В ксс
/* Календарь 
----------------------------- */
.calTable {  
  border:1px solid #222;
  background:#044c78;
}

.calMonth {
  text-align:center;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
  background: #1577b1;  
}

.calWday,
  .calWdaySu,
.calWdaySe {
  font:9px Verdana,Arial,Helvetica,sans-serif;
  color:#fff; text-shadow: 0px 1px 1px #000;
  background:#1e6792;
  padding: 3px 5px;
  outline: 1px solid #0c3e5c;  
  border-top: 1px solid #327096;
  border-left: 1px solid #327096;
}

.calMday {
  font:11px Verdana,Arial,Helvetica,sans-serif;
  color:#126596;
  text-shadow: 0px 1px 1px #fff;
  font-weight:bold;
  padding: 5px;
  background: #e9e9e9;  
  outline: 1px solid #b1b1b1;  
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

.calMdayA {
  font:12px Verdana,Arial,Helvetica,sans-serif;
  color:#fff; text-shadow: 0px 1px 1px #000;
  font-weight:bold;
  background:#42db5b;  
  outline: 1px solid #b1b1b1;  
  border: 1px solid #b8ffc4;  
}

.calMdayIs,  
.calMdayIsA {
  font:12px Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  background:#db4242;
  outline: 1px solid #b1b1b1;  
  border: 1px solid #ffb1b1;  
}

a.calMonthLink:link,
a.calMonthLink:visited,  
a.calMonthLink:active {
  text-decoration:none;
  color:#fff;
}

a.calMonthLink:hover {
  text-decoration:none;
  color:#58e249;
}

a.calMdayLink:link,  
a.calMdayLink:visited,  
a.calMdayLink:active {
  text-decoration:none;
  color:#fff;  
}

a.calMdayLink:hover {
  text-decoration:none;
  color:#111;
}
/* -------------------------- */

Три варианта стиля для календаря uCoz

В ксс:
/* Календарь 
----------------------------- */
.calTable {  
  border:1px solid #4c5663;
  background:#7f8792; }

.calMonth {
  text-align:center;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
  background: #6f7274;  
}

.calWday,  
.calWdaySu,
.calWdaySe {
  font:9px Verdana,Arial,Helvetica,sans-serif;
  color:#fff; text-shadow: 0px 1px 1px #000;
  background:#671d9b;
  padding: 3px 5px;
  outline: 1px solid #4a1e69;  
  border-top: 1px solid #9a65bf;
  border-left: 1px solid #9a65bf;
}

.calMday {
  font:11px Verdana,Arial,Helvetica,sans-serif;
  color:#eaeaea;
  text-shadow: 0px 1px 1px #000;
  font-weight:bold;
  padding: 5px;
  background: #4d4d4d;  
  outline: 1px solid #252525;  
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
}

.calMdayA {
  font:12px Verdana,Arial,Helvetica,sans-serif;
  color:#fff; text-shadow: 0px 1px 1px #000;
  font-weight:bold;
  background:#72a7d3;  
  border: 1px solid #008aff;  
}

.calMdayIs,  
.calMdayIsA {
  font:12px Verdana,Arial,Helvetica,sans-serif;
  font-weight:bold;
  background:#8dda94;
  border: 1px solid #1b7223;  
}

a.calMonthLink:link,
a.calMonthLink:visited,  
a.calMonthLink:active {
  text-decoration:none;
  color:#fff;
}

a.calMonthLink:hover {
  text-decoration:none;
  color:#58e249;
}

a.calMdayLink:link,  
a.calMdayLink:visited,  
a.calMdayLink:active {
  text-decoration:none;
  color:#037000;  
}

a.calMdayLink:hover {
  text-decoration:none;
  color:#fff;
}
/* -------------------------- */

Ну вот в целом и всё =) Новые скрипты для ucoz

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  1-01-2012, 18:13   Просмотров: 3842   
uCoz, вариантов, варианта, состоящих, стиля, uCoz, календаря, сайтов, стилей, Небольшая, календарей,
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Пользователь offline barbarossa 10 января 2012 22:51
А чисто черный календарь не подкинете?

          1
Пользователь offline DataIsOver 29 января 2012 17:05
Первый самый прикольный, беру.

          2

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.