Красивые ajax окна для ucoz.
Скриншоты:
Установка:
1. Распаковываем архив
2. Заливаем папку ajax в файловый менеджер
3. В таблицу стилей вставляем:
Код
.xw-plain, .xw-resize, .xw-active {color:#e5e5e5;padding:0;position:absolute;background-color:none;border-radius:0px;box-shadow:0px 0px 0px 5px rgba(0,0,0,0.64)}
.xw-hdr {text-align: left !important;white-space: nowrap !important;padding: 1px 0 0 0 !important;white-space: nowrap !important;zoom: 1 !important;height: 36px !important;}
.xw-hdr-text {padding: 10px 1em .3em;vertical-align: 3px!important;cursor: default!important;font: inherit!important;color: #5e5e5e !important;font-size: 13px!important;line-height: 35px!important;}
.xw-sps, .xw-tc, .xw-tr{border-bottom:1px solid #eee;color:#5e5e5e !important;font-size:1.2em !important}
.xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc{background:#fff !important;border:0 !important;border-radius:0px;moz-border-radius:0px;webkit-border-radius:3px;}
.xw-body{border:0 !important;padding-left:7px !important;padding-right:1px !important;}
.xw-tl, .xw-tr, .xw-tc {background: #EDEDED url("/ajax/ui-dialog-titlebar.png") repeat-x !important;}
.xw-sps {display:none !important;}
.myWinCont {font-size: 11px!important;}
.myWinPollTd {padding-right: 15px;padding-bottom: 13px;background: white!important;border: 1px solid #E7E7E7;padding: 7px;}
.xt-mini {display:none !important;}
.xt-maxi {display:none !important;}
.xt-rest {display:none !important;}
.xt-reset{display:none !important;}
.xt-mini {display:none !important;}
.xt-close {background:url('/ajax/close.png') no-repeat!important; width:18px !important;height:18px !important;top: 10%!important;}
.xt-close:hover {padding: 0!important;background: url("/ajax/close.png") no-repeat 0 -18px !important;}
.xt-maxi {display:none !important;}
.xstl, .xstr, .x-sh {display:none !important;}
.myWinCont legend {color: rgb(134, 134, 134)!important;}
.myWinCont fieldset {border: 1px solid rgb(233, 233, 233)!important;padding: 2px 5px!important;margin-bottom: 3px!important;}
.myBtnLeft, .myBtnRight, .myBtnLeftA, .myBtnRightA {display: none !important;}
.myBtnCenter, .myBtnCenterA {background: none !important;}
.myBtnCont a:link { display: inline-block;
overflow: hidden;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #edecec 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edecec)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#edecec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#edecec 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#edecec 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#edecec 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edecec',GradientType=0 ) !important; /* IE6-8 */
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 209, 209, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.89);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 209, 209, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.89);
box-shadow: inset 0px 0px 0px 1px rgba(209, 209, 209, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.89);
padding: 2px 10px 3px 10px !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
font-size: 13px !important;
margin: 0 7px 0 0;
cursor: pointer;
font-family: 'Ubuntu Condensed', sans-serif !important;
color: #57749d !important;
}
.myBtnCont a:hover {
color: #828384 !important;
text-decoration: none !important;
}
.xw-hdr {text-align: left !important;white-space: nowrap !important;padding: 1px 0 0 0 !important;white-space: nowrap !important;zoom: 1 !important;height: 36px !important;}
.xw-hdr-text {padding: 10px 1em .3em;vertical-align: 3px!important;cursor: default!important;font: inherit!important;color: #5e5e5e !important;font-size: 13px!important;line-height: 35px!important;}
.xw-sps, .xw-tc, .xw-tr{border-bottom:1px solid #eee;color:#5e5e5e !important;font-size:1.2em !important}
.xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc{background:#fff !important;border:0 !important;border-radius:0px;moz-border-radius:0px;webkit-border-radius:3px;}
.xw-body{border:0 !important;padding-left:7px !important;padding-right:1px !important;}
.xw-tl, .xw-tr, .xw-tc {background: #EDEDED url("/ajax/ui-dialog-titlebar.png") repeat-x !important;}
.xw-sps {display:none !important;}
.myWinCont {font-size: 11px!important;}
.myWinPollTd {padding-right: 15px;padding-bottom: 13px;background: white!important;border: 1px solid #E7E7E7;padding: 7px;}
.xt-mini {display:none !important;}
.xt-maxi {display:none !important;}
.xt-rest {display:none !important;}
.xt-reset{display:none !important;}
.xt-mini {display:none !important;}
.xt-close {background:url('/ajax/close.png') no-repeat!important; width:18px !important;height:18px !important;top: 10%!important;}
.xt-close:hover {padding: 0!important;background: url("/ajax/close.png") no-repeat 0 -18px !important;}
.xt-maxi {display:none !important;}
.xstl, .xstr, .x-sh {display:none !important;}
.myWinCont legend {color: rgb(134, 134, 134)!important;}
.myWinCont fieldset {border: 1px solid rgb(233, 233, 233)!important;padding: 2px 5px!important;margin-bottom: 3px!important;}
.myBtnLeft, .myBtnRight, .myBtnLeftA, .myBtnRightA {display: none !important;}
.myBtnCenter, .myBtnCenterA {background: none !important;}
.myBtnCont a:link { display: inline-block;
overflow: hidden;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #edecec 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edecec)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#edecec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#edecec 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#edecec 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#edecec 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edecec',GradientType=0 ) !important; /* IE6-8 */
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 209, 209, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.89);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 209, 209, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.89);
box-shadow: inset 0px 0px 0px 1px rgba(209, 209, 209, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.89);
padding: 2px 10px 3px 10px !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
font-size: 13px !important;
margin: 0 7px 0 0;
cursor: pointer;
font-family: 'Ubuntu Condensed', sans-serif !important;
color: #57749d !important;
}
.myBtnCont a:hover {
color: #828384 !important;
text-decoration: none !important;
}
Готово.
Другие новости |
Поделиться ссылкой
|
|
У меня высшее образование экономическое. Здесь меня ничего не держит. Раньше была постоянная работа, но по заграничным меркам мне давали копейки. Но английский язык знаю только на начальном уровне.