вРазные полезности

Календарь с темным оттенком для сайта

 
О темном календаре:
Календарь с темным оттенком, представляю календарь, которой подойдет по дизайну как к темному так и светлому дизайн сайта. Сам календарь выполнен красиво это заметно на скрине. Также у него замечательная расцветка.
И так приступаем к установке:
Этот код мы будим вставлять в блок сайта, там где хотите его видеть.

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

CSS этот стиль пропишем в самом низу.

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

источник: zornet.ru

Похожие посты