Сейчас: 09.12.2016, 04:54RSS
Логин:
Пароль:
Страница 1 из 11
Модератор форума: unLim 
Форум » Проект Game ucoz » Скрипты для ucoz » Три варианта стиля для календаря uCoz
Три варианта стиля для календаря uCoz

Дата: Четверг, 01.03.2012, 18:45 | Сообщение # 1

SUPERDEMON






Новичек гильдии
         Сообщений: 707
         Репутация: 53
         Статус: Offline



Установка:

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

В одном из ваших глобальных блогов uCoz устанавливаем системную переменную календаря:
Code
<?if($CALENDAR$)?>$CALENDAR$<?endif?>


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

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

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;   
   }   
   /* -------------------------- */


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;   
   }   
   /* -------------------------- */


Получаем халявные $53.75 себе в кошелек!
 
Форум » Проект Game ucoz » Скрипты для ucoz » Три варианта стиля для календаря uCoz
Страница 1 из 11
Поиск: