Сегодня я предоставляю на общее скачивание шесть вариантов стиля для ajax окон, главным отличием от других решений является тот момент, что дополнительный код который изменяет внешний вид нашего окна в системе uCoz, мы пропишем в ваши css стили и нам не придётся создавать отдельный css файл и прописывать его после тега </body>, плюс ниже приведённый код не очень большой, если сравнивать его с теми решениями где код достигает размера 15-20 кб, то моё решение намного легче, так как я задействовал только важные значения отвечающие за внешний вид ajax окна.
ПРОДОЛЖЕНИЕ ТУТ
Всё что нам необходимо, так это выбрать один из шести вариантов оформления ajax окон и скопировать css код в ваши стили: Синий вариант: CSS
/* Синий вариант ajax окон ----------------------------------------------*/ .xt {background:transparent url(http://ucoz-helper.ucoz.com/ajax/blue/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!important;} .xt-close{background-position:00!important;} .xt-close-over{background-position:-15px0!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:0px5px0px0px!important; height:25px!important;} .xw-hdr-text {font:11pxVerdana,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://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!important; border: 1px solid #425693!important; } .xw-plain .xw-body{padding:0px!important; border: none!important;} .myWinCont {padding:10px!important; background: url(http://ucoz-helper.ucoz.com/ajax/blue/fon_ten.png) repeat-x top!important; } .xw-blank {background:#6C84B4!important;} /* ------------------------------------------*/
Зелёный вариант: CSS
/* Зелёный вариант ajax окон ----------------------------------------------*/ .xt {background:transparent url(http://ucoz-helper.ucoz.com/ajax/green/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!important;} .xt-close{background-position:00!important;} .xt-close-over{background-position:-15px0!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:0px5px0px0px!important; height:25px!important;} .xw-hdr-text {font:11pxVerdana,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://ucoz-helper.ucoz.com/ajax/green/top_l.png) no-repeat left!important;} .xw-tc {background: url(http://ucoz-helper.ucoz.com/ajax/green/top_c.png) top!important;} .xw-tr {background: url(http://ucoz-helper.ucoz.com/ajax/green/top_p.png) no-repeat right!important;} .xw-bl{background: url(http://ucoz-helper.ucoz.com/ajax/green/bottom_l.png) no-repeat left bottom!important;} .xw-bc{background: url(http://ucoz-helper.ucoz.com/ajax/green/bottom_c.png) bottom!important;} .xw-br{background: url(http://ucoz-helper.ucoz.com/ajax/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://ucoz-helper.ucoz.com/ajax/green/fon_ten.png) repeat-x top!important; } .xw-blank {background:#6cb46d!important;} /* ------------------------------------------*/
Красный вариант: CSS
/* Красный вариант ajax окон ----------------------------------------------*/ .xt {background:transparent url(http://ucoz-helper.ucoz.com/ajax/red/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:6px!important;} .xt-close{background-position:00!important;} .xt-close-over{background-position:-15px0!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:0px5px0px0px!important; height:25px!important;} .xw-hdr-text {font:11pxVerdana,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://ucoz-helper.ucoz.com/ajax/red/top_l.png) no-repeat left!important;} .xw-tc {background: url(http://ucoz-helper.ucoz.com/ajax/red/top_c.png) top!important;} .xw-tr {background: url(http://ucoz-helper.ucoz.com/ajax/red/top_p.png) no-repeat right!important;} .xw-bl{background: url(http://ucoz-helper.ucoz.com/ajax/red/bottom_l.png) no-repeat left bottom!important;} .xw-bc{background: url(http://ucoz-helper.ucoz.com/ajax/red/bottom_c.png) bottom!important;} .xw-br{background: url(http://ucoz-helper.ucoz.com/ajax/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://ucoz-helper.ucoz.com/ajax/red/fon_ten.png) repeat-x top!important; } .xw-blank {background:#b46c7a!important;} /* ------------------------------------------*/
|