Креативное ajax окно
Приветствую всех тех - кто выбрал для создания сайта хостинг ucoz, потомучто именно для ucoz нашёл ещё одно потрясающие ajax окно.
Новое ajax окно имеет необыкновенный креатив, заместо "скучногово" крестика который закрывает окно, использовано всем известное диалоговое окно, в виде овала со стрелочкой.
При наведении на кнопку закрыть ajax окно, крестик меняет цвет из белого в тёмно синий, что в действие смотрится ещё эффектнее.
Чтобы установить вид ajax, не обязательно загружать изображения на свой сайт, достаточно лишь кинуть код в ТаблицуCSS
На всякий случай - все изображения присутствуют в архиве который можно скачать ниже!
Новое ajax окно имеет необыкновенный креатив, заместо "скучногово" крестика который закрывает окно, использовано всем известное диалоговое окно, в виде овала со стрелочкой.
При наведении на кнопку закрыть ajax окно, крестик меняет цвет из белого в тёмно синий, что в действие смотрится ещё эффектнее.
Чтобы установить вид ajax, не обязательно загружать изображения на свой сайт, достаточно лишь кинуть код в ТаблицуCSS
Код
.xw-plain .xt {margin-top:6px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/tool-sprites.gif);}
.xw-plain div.xt-close {width:59px; height:42px; display:block; position:relative; top:-5px; float:right; background:url(http://net-css.my1.ru/ajaxxxx_file/ajax_close.png) no-repeat 0 0;}
.xw-plain div.xt-close:hover {background:url(http://net-css.my1.ru/ajaxxxx_file/ajax_close.png) no-repeat 0 -42px;}
.xw-mr .myWinCont {color:#005C79;}
.xw-plain div.xw-blank {display:none !important; background:#000;}
.xw-plain div.xw-tl {padding-left:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-tl.png); background-color:transparent;}
.xw-plain div.xw-tr {padding-right:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-tr.png); background-color:transparent;}
.xw-plain div.xw-tc {font-weight:normal; text-shadow: 0.1em 0.1em 0.05em #2C2C2C; height:44px; position:relative; z-index:10; overflow:hidden; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-tc.png); background-position:center 0 !important; background-color:#F1F1F1;}
.xw-plain div.xw-ml {padding-left:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-ml.png); background-color:transparent;}
.xw-plain div.xw-mr {padding-right:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-mr.png); background-color:transparent;}
div.x-sh.xsl,
div.x-sh.xsr,
div.x-sh.xsb {display:none !important; background:0;}
.xw-plain div.xw-bl {height:10px; display:block !important; padding-left:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-bl.png); background-color:transparent;}
.xw-plain div.xw-br {height:10px; padding-right:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-br.png); background-color:transparent;}
.xw-plain div.xw-bc {height:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-bc.png); background-color:transparent;}
.u-menuvsep {font-size:0px;}
.xw-plain .xw-hdr {height:34px;}
.xw-plain .xw-hdr-text {padding-left:5px;line-height: 26px; font-size:11px; color:#fff;}
.xw-plain div.xw-mc {color:#005C79; background:#F1F1F1 !important;}
.xw-plain .xw-mc {border:0 !important;}
.xw-plain div.xw-body {border:0 !important;}
.xw-plain div.xt-close {width:59px; height:42px; display:block; position:relative; top:-5px; float:right; background:url(http://net-css.my1.ru/ajaxxxx_file/ajax_close.png) no-repeat 0 0;}
.xw-plain div.xt-close:hover {background:url(http://net-css.my1.ru/ajaxxxx_file/ajax_close.png) no-repeat 0 -42px;}
.xw-mr .myWinCont {color:#005C79;}
.xw-plain div.xw-blank {display:none !important; background:#000;}
.xw-plain div.xw-tl {padding-left:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-tl.png); background-color:transparent;}
.xw-plain div.xw-tr {padding-right:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-tr.png); background-color:transparent;}
.xw-plain div.xw-tc {font-weight:normal; text-shadow: 0.1em 0.1em 0.05em #2C2C2C; height:44px; position:relative; z-index:10; overflow:hidden; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-tc.png); background-position:center 0 !important; background-color:#F1F1F1;}
.xw-plain div.xw-ml {padding-left:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-ml.png); background-color:transparent;}
.xw-plain div.xw-mr {padding-right:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-mr.png); background-color:transparent;}
div.x-sh.xsl,
div.x-sh.xsr,
div.x-sh.xsb {display:none !important; background:0;}
.xw-plain div.xw-bl {height:10px; display:block !important; padding-left:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-bl.png); background-color:transparent;}
.xw-plain div.xw-br {height:10px; padding-right:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-br.png); background-color:transparent;}
.xw-plain div.xw-bc {height:10px; background-image:url(http://net-css.my1.ru/ajaxxxx_file/xw-bc.png); background-color:transparent;}
.u-menuvsep {font-size:0px;}
.xw-plain .xw-hdr {height:34px;}
.xw-plain .xw-hdr-text {padding-left:5px;line-height: 26px; font-size:11px; color:#fff;}
.xw-plain div.xw-mc {color:#005C79; background:#F1F1F1 !important;}
.xw-plain .xw-mc {border:0 !important;}
.xw-plain div.xw-body {border:0 !important;}
На всякий случай - все изображения присутствуют в архиве который можно скачать ниже!
0| Всего комментариев: 0 | |
 | Информация: Посетители, находящиеся в группе Гости, не могут оставлять комментарии. |