• Страница 1 из 1
  • 1
Три варианта стиля для календаря uCoz
Дмитрий Дата: Суббота, 01.09.2012, 13:55 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий

[spoiler="Скрин"]

[Увеличеть]
[/spoiler]

Красивые календари для uCoz

Установка

Шаг 1 - Установим HTML:

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

HTML-Code

Code
$CALENDAR$


Шаг 2 - Установим CSS:

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



CSS-Code
Code
/* Календарь   
----------------------------- */   
.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;   
}   
/* -------------------------- */




CSS-Code
Code
/* Календарь   
----------------------------- */   
.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;   
}   
/* -------------------------- */




Code
/* Календарь   
----------------------------- */   
.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;   
}   
/* -------------------------- */


Готово.


From Russia With Love!
  • Страница 1 из 1
  • 1
Поиск: