Управлять многими — то же, что управлять немногими. Дело в организации.Сунь-цзы ©

Rammdrum.com - сайт об ударнике Rammstein - Главная

Новости
Будь в курсе
Мини Чат

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

1454 |

(16)

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

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

CSS-Code

Code

/* Ajax окно To Do List
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/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://www.center-dm.ru/ucoz/ajax/ToDoList_v1/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/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://www.center-dm.ru/ucoz/ajax/ToDoList_v1/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;}
/* ------------------------------------------*/

Также выкладываю rar архив, в котором находятся изображения которые используется в данном примере.

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

Источник:
http://www.center-dm.ru
Вольный перевод:
--------------------

Ваша оценка новости

оценка новости4.7голосов: 21

Теги: Ajax, To Do List, окно, ucoz

16 | armenka пишет: | 22.04.2012 | 12:30 0

ЧЕТКО МОЛОДЕЦ )) book

RuleZ-DM	chernoffo	3loY
Silver	erudit	armenka
Angry	Skoda	iGosu