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

Сообщение

Установка:

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

Code

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

2) Теперь выбираем один из трёх вариантов 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;
      }
      /* -------------------------- */

Автор - Виктория
Дата добавления - 06.01.2012 в 13:22c

Виктория

Дата: Пятница, 06.01.2012, 13:22 | Сообщение # 1