» » >

Ajax окно uCoz в стили To Do List v.1.0

25.09.2013, 19:23

Всем привет, работая над своим новым проектом я решил создать Ajax окно в стили To Do Lista, но так как такое визуальное оформление не очень хорошо смотрелось с дизайном сайта, я решил отказаться от данной идеи, поэтому выкладываю на общее скачивание данное оформления окна.

Как и с предыдущим вариантом стиля Ajax окон uCoz, нам не придётся создавать отдельный css файл или прописывать стили после тега , копируем ниже приведённый код в свой файл стилей:

пример Ajax окна uCoz
CSS-Code

/* Ajax окно To Do List  
----------------------------------------------*/
.xt {background:transparent url(http://ucoz-helper.ucoz.com/ajax/blue/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:7px!important;}
.xt-close{background-position:0 0!important;}
.xt-close-over{background-position:-15px 0!important;}
.xt-mini{background-position:0 -15px!important;}
.xt-mini-over{background-position:-15px -15px!important;}
.xt-maxi{background-position:0 -30px!important;}
.xt-maxi-over{background-position:-15px -30px!important;}
.xt-rest{background-position:0 -45px!important;}
.xt-rest-over{background-position:-15px -45px!important;}
.xw-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:30px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#e6e6e6!important; text-shadow: 1px 1px 1px #000!important; vertical-align:3px!important; cursor:default!important; line-height:28px!important; }
.xw-tl {background: url(http://ucoz-helper.ucoz.com/ajax/blue/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://ucoz-helper.ucoz.com/ajax/blue/top_c.png) top!important;}
.xw-tr {background: url(http://ucoz-helper.ucoz.com/ajax/blue/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://ucoz-helper.ucoz.com/ajax/blue/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://ucoz-helper.ucoz.com/ajax/blue/bottom_c.png) bottom!important;}
.xw-br{background: url(http://ucoz-helper.ucoz.com/ajax/blue/bottom_p.png) no-repeat right bottom!important;}
.xw-ml{padding-left:0px!important;}
.xw-mr{padding-right:0px!important;}
.xw-plain .xw-mc{background: #f7f7f7 url(http://ucoz-helper.ucoz.com/ajax/blue/fon_ten.png) repeat-x top!important; padding: 15px 0px 0px 0px!important; border-top: 1px solid #b5b5b5!important; border-right: 1px solid #b5b5b5!important; border-bottom: none!important; border-left: 1px solid #b5b5b5!important;}  
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:0px 10px 10px 10px!important;}
.xw-blank {background:#999!important;}
.myWinTD1 {background:none!important;}
/* ------------------------------------------*/


Код обновлён 22.02.12 - решена проблема с отступом в окне со смайлами и другими окнами, спасибо за помощь пользователю cheremburu

Категория: Ajax окна | Добавил: tashkent97
Просмотров: 604 | Загрузок: 71 | Источник: center-dm.ru | Рейтинг: 4.3/3
Всего комментариев: 0
dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *: Email:
Яндекс.Метрика Яндекс цитирования<