Счастье не в том, чтобы делать всегда, что хочешь, а в том, чтобы всегда хотеть того, что делаешь.Л. Толстой ©
Шесть цветовых вариантов Ajax окон v.1.0
1084 | 
(25) Сегодня я предоставляю на общее скачивание шесть вариантов стиля для ajax окон, главным отличием от других решений является тот момент, что дополнительный код который изменяет внешний вид нашего окна в системе uCoz, мы пропишем в ваши css стили и нам не придётся создавать отдельный css файл и прописывать его после тега </body>, плюс ниже приведённый код не очень большой, если сравнивать его с теми решениями где код достигает размера 15-20 кб, то моё решение намного легче, так как я задействовал только важные значения отвечающие за внешний вид ajax окна.
Всё что нам необходимо, так это выбрать один из шести вариантов оформления ajax окон и скопировать css код в ваши стили:
Синий вариант:
CSS
Code
/* Синий вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/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!important; border: 1px solid #425693!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#6C84B4!important;}
/* ------------------------------------------*/
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/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!important; border: 1px solid #425693!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/Blue/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#6C84B4!important;}
/* ------------------------------------------*/
Зелёный вариант:
CSS
Code
/* Зелёный вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/Green/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/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!important; border: 1px solid #6cb46d!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#6cb46d!important;}
/* ------------------------------------------*/
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/Green/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/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!important; border: 1px solid #6cb46d!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/Green/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#6cb46d!important;}
/* ------------------------------------------*/
Красный вариант:
CSS
Code
/* Красный вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/red/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/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!important; border: 1px solid #93424b!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#b46c7a!important;}
/* ------------------------------------------*/
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/red/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/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!important; border: 1px solid #93424b!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/red/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#b46c7a!important;}
/* ------------------------------------------*/
Коричневый вариант:
CSS
Code
/* Коричневый вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/brown/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/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!important; border: 1px solid #937f42!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#b49c6c!important;}
/* ------------------------------------------*/
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/brown/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/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!important; border: 1px solid #937f42!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/brown/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#b49c6c!important;}
/* ------------------------------------------*/
Фиолетовый вариант:
CSS
Code
/* Фиолетовый вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/violet/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/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!important; border: 1px solid #934290!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#b06cb4!important;}
/* ------------------------------------------*/
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/violet/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/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!important; border: 1px solid #934290!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/violet/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#b06cb4!important;}
/* ------------------------------------------*/
Березовый вариант:
CSS
Code
/* Бирюзовый вариант ajax окон
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/birch/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/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!important; border: 1px solid #429390!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#429390!important;}
/* ------------------------------------------*/
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/v1/birch/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!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:25px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#F3F8FE!important; text-shadow: 1px 1px 1px #1f3370!important; vertical-align:3px!important; cursor:default!important; line-height:25px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/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!important; border: 1px solid #429390!important; }
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:10px!important; background: url(http://www.center-dm.ru/ucoz/ajax/v1/birch/fon_ten.png) repeat-x top!important; }
.xw-blank {background:#429390!important;}
/* ------------------------------------------*/
На этом всё, ах да чуть не забыл, вот ссылка на rar архив, в котором находиться данные изображения от ajax окон.
- Источник:http://www.center-dm.ru
- Вольный перевод:--------------------
Ваша оценка новости
Теги:
25 | БОРадатый пишет: | 21.02.2012 | 20:39 0
Есть неучтенный момент. Внутренняя часть Аякс-окон.
Цитировать
20 | chernoffo пишет: | 08.02.2012 | 16:29 +1
поставил себе синий вариант..Очень хорошо смотриться..спасибо)!
19 | Костя пишет: | 08.02.2012 | 15:11 0
wallaby
имхо, первоисточник через прокси-ссылку это круто, дааа
имхо, первоисточник через прокси-ссылку это круто, дааа
14 | wallaby пишет: | 05.02.2012 | 01:40 0
Это именно стиль для формы входа, или стиль для всех ajax-окон ucoz?
16 | 3loY пишет: | 07.02.2012 | 23:02 +1
Воровать - плохо.
http://wallaby.ucoz.ru/load/ajax_ucoz/ajax_okna_dlja_ucoz/51-1-0-615
http://wallaby.ucoz.ru/load/ajax_ucoz/ajax_okna_dlja_ucoz/51-1-0-615
17 | Skoda пишет: | 08.02.2012 | 00:58 0
wallaby имхо в бан на сайте и в Юкоз Амбузе письмо соответствующего содержания. Задолбали плодить кучу ГС с ворованными уроками по системе юКоз.
18 | wallaby пишет: | 08.02.2012 | 03:03 -2
Уважамый, может Вы и создаете ГС, ко мне это не относиться. Может на сайте и нулей дизайн, зато весь контент качественный, а главное рабочий. Источники с ДМ я ввожу всегда, так как вижу автора скрипта. На этот раз забыл указать, уже исправил.
А то впадают в крайности. Ах да, предоставь свой сайт, уж больно хочу оценить его!
А то впадают в крайности. Ах да, предоставь свой сайт, уж больно хочу оценить его!
21 | Skoda пишет: | 08.02.2012 | 18:40 +1
А еще случайно сменил копирайты в коде и картинки к себе на фтп залил тоже случайно - придурок. На месте Дениса - забанил бы нафиг.
Сайт с качественным контентом блин... это у Дениса СДЛ, а такие как ты только и умеют, что воровать готовые решения по юКоз, пытаясь их за свои выдать...
Сайт с качественным контентом блин... это у Дениса СДЛ, а такие как ты только и умеют, что воровать готовые решения по юКоз, пытаясь их за свои выдать...
22 | wallaby пишет: | 08.02.2012 | 20:33 -1
Ув. Дибил, раз на то пошло, где написано, что я не имею права вводить какие-то поправки в код скрипта или вовсе менять его?
А что же сделали такие как Вы? Обосрали и подлизали другим? ахах
Больше нет желания с Вами вести эту бессмысленную дискуссию, хотите продолжить, пишите сюда: utebya@mozga.net
А что же сделали такие как Вы? Обосрали и подлизали другим? ахах
Больше нет желания с Вами вести эту бессмысленную дискуссию, хотите продолжить, пишите сюда: utebya@mozga.net
23 | RuleZ-DM пишет: | 08.02.2012 | 20:50 0
Quote
раз на то пошло, где написано, что я не имею права вводить какие-то поправки в код скрипта или вовсе менять его?
Все свободно могут делиться исходным материалом на следующих условиях.
13 | RuleZ-DM пишет: | 04.02.2012 | 23:53 0
мой тебе совет, начни изучать html-css, так как ты задаёшь банальные вопросы, и не все в том числе и я могут на них ответить, по той причине,
во-первых, не у всех есть свободное время замусоливать в 1001 раз ту или иную тему
во-вторых, на подобные вопросы уже даны ответы в интернете, видео уроки книги и т.д, всё что нужно сделать, так это взять самому начать изучать html-css и доказать самому себе, что я могу, а не ждать днями и неделями, что кто-то выделит своё личное время и поможет в твоём вопросе, пока ты будешь валять дурака...
во-первых, не у всех есть свободное время замусоливать в 1001 раз ту или иную тему
во-вторых, на подобные вопросы уже даны ответы в интернете, видео уроки книги и т.д, всё что нужно сделать, так это взять самому начать изучать html-css и доказать самому себе, что я могу, а не ждать днями и неделями, что кто-то выделит своё личное время и поможет в твоём вопросе, пока ты будешь валять дурака...
11 | Akashi пишет: | 02.02.2012 | 21:17 0
Очень красиво. Спасибо Вам (возможно себе возьму, но чуть переделаю).
10 | Skoda пишет: | 02.02.2012 | 18:39 0
Спс, пригодиться 
Надо будет потестить, как данные примеры дружат с админ панелью.
Надо будет потестить, как данные примеры дружат с админ панелью.
8 | erudit пишет: | 01.02.2012 | 14:17 0
Хотелось бы подробнее описать процесс изменения ajax-окошек на uCoz
в частности расписать за что отвечает каждый класс в css, чтобы можно было без труда подстроить под себя
в частности расписать за что отвечает каждый класс в css, чтобы можно было без труда подстроить под себя
1-10 11-15
