Хотите заменить стандартные Ajax окна на uCoz? Мы предлагаем Вам наиболее простой и чистый вариант. В этом варианте окна используется всего одно изображение – изображение кнопки закрыть. Такое оформление подойдет для любого сайта, для любой тематики. На сайте с белым фоном такой вид окна будет выглядеть даже незаметно.

Установка:

Добавьте следующий код в "Таблицу стилей (CSS)": картинку залить в папку img

Код
.myWinCont input[type=text], .myWinCont input[type=password] {  
  background: #fff!important;  
  border: 1px solid #ececec!important;  
  font-size: 11px!important;  
  font-family: tahoma!important;  
  color: #535353!important;  
  border-radius: 2px!important;  
  padding: 5px 8px!important;  
  outline: none!important;  
  box-shadow: none!important;  
  }  

  .myWinCont textarea {  
  box-shadow: none!important;  
  }  

  .x-sh .xstl {  
  padding-top: 6px;  
  background: none!important;  
  }  

  .x-sh .xsml {  
  background: none!important;  
  }  

  .x-sh .xstr {  
  padding-top: 6px;  
  background: none!important;  
  }  

  .x-sh .xsmr {  
  background: none!important;  
  }  

  .x-sh .xsbl {  
  padding-left: 6px;  
  background: none!important;  
  }  

  .x-sh .xsbc {  
  background: none!important;  
  }  

  .x-sh .xsbr {  
  padding-right: 6px;  
  background: none!important;  
  }  

  .xt {  
  background: none!important;  
  margin-left: 5px!important;  
  margin-top: 1px!important;  
  width: 25px!important;  
  height: 20px!important;  
  }  

  .xt-close {  
  background: url('https://htmlstart.ucoz.net/_ld/1/175_close.png') no-repeat!important;  
  margin: 1px 0 0 0px!important;  
  }  

  .xt-close-over {  
  background: url('https://htmlstart.ucoz.net/_ld/1/175_close.png') no-repeat!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-tl {  
  background: #fff!important;  
  border-bottom: 1px solid #6f9bc0!important;  
  padding-left: 5px!important;  
  -webkit-border-radius: 2px 0px 0px 0px!important;  
  -moz-border-radius: 2px 0px 0px 0px!important;  
  border-radius: 2px 0px 0px 0px!important;  
  }  

  .xw-tc {  
  background: none!important;  
  padding: 6px 10px 0px 10px!important;  
  }  

  .xw-tr {  
  background: none!important;  
  padding-right: 5px!important;  
  -webkit-border-radius: 0px 2px 0px 0px;  
  -moz-border-radius: 0px 2px 0px 0px;  
  border-radius: 0px 2px 0px 0px;  
  }  

  .xw-ml {  
  background: #fff!important;  
  padding-left: 5px!important;  
  color: #656565!important;  
  }  

  .xw-mr {  
  background: none !important;  
  padding-right: 5px!important;  
  }  

  .myWinCont b {  
  color: #6f9bc0!important;  
  font-size: 17px;  
  }  

  .myWinCont input+label {  
  color: #9E9E9E;  
  font-size: 11px;  
  }  

  .myWinCont hr {  
  color: #6f9bc0 !important;  
  }  
  .xw-bl {  
  background: #fff!important;  
  padding-left: 5px!important;  
  -webkit-border-radius: 0px 0px 0px 2px;  
  -moz-border-radius: 0px 0px 0px 2px;  
  border-radius: 0px 0px 0px 2px;  
  }  

  .xw-br {  
  background: #fff!important;  
  padding-right: 5px!important;  
  -webkit-border-radius: 0px 0px 2px 0px;  
  -moz-border-radius: 0px 0px 2px 0px;  
  border-radius: 0px 0px 2px 0px;  
  }  

  .xw-bc {  
  background: #fff!important;  
  height: 5px!important;  
  }  

  .xw-hdr-text {  
  padding: 0px!important;  
  }  

  .xw-hdr-text {  
  font-size: 11px;  
  font-weight: 700;  
  font-family: tahoma!important;  
  color: #656565!important;  
  line-height: 15px!important;  
  vertical-align: 2px!important;  
  }  

  .xw-plain .xw-mc {  
  border-radius: 2px!important;  
  border: none!important;  
  padding: 0!important;  
  margin: 0!important;  
  font: 11px tahoma!important;  
  color: #656565!important;  
  background: #fff!important;  
  }  

  .xw-body, .myWinCont {  
  margin: 0px!important;  
  color: #656565!important;  
  }  

  .xw-plain .xw-body {  
  border: none!important;  
  }  
div#jdfjs8223 {
  font-size: 14px;
  background: #eee;
  border-radius: 4px;
  padding: 6px;
}
  .xw-plain {  
  box-shadow: 0 0 6px #cecece!important;  
  border-radius: 0px!important;  
  }  

  .xw-blank {  
  background: #fff!important;  
  }  

  .myWinTD1 {  
  background: none!important;  
  }