AJAX ОКНА V.1.2 BY MR.WINS
Красивые нестандартные ajax для ucoz.

Установка


Картинку с кнопкой закрытия заливаем в папку images



Вставить в CSS


Код
/* Обводка вокруг окон */  
.xw-plain, .xw-resize, .xw-active {  
  background: rgba(0,0,0,0.15);  
  padding: 10px !important;  
  border-radius: 5px; }  
   
/* TITLE окон */  
.x-sh, .xsl { display: 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: 35px !important; }  
   
/* Название ajax окна*/  
.xw-hdr-text {  
  vertical-align: 3px!important;  
  cursor: default!important;  
  color: #999 !important;  
  font: normal 12px/13px Tahoma,Arial !important;  
  line-height: 35px!important;  
  margin-left: 10px; }  
   
.xw-sps, .xw-tc, .xw-tr {  
  border-bottom: 0px solid #eee;  
  color: #000 !important;  
  font-size: 1.2em !important }  
   
/* Кнопка закрыть окно */  
.xt {  
  width: 22px !important;  
  height: 22px !important;  
  background: url('/images/oclose.png') no-repeat !important;  
  float: right !important;  
  border: 0 !important;  
  text-decoration: none !important;  
  margin-top: 7px !important; }  
   
.xt-close { background-position: 0 0 !important; }  
   
.xt-close-over { background-position: 0 -22 !important; }  
   
/* Кнопки сворачивания и разворачивания окон (Кнопки убраны) */  
.xt-maxi { display: none !important; }  
   
.xt-mini { display: none !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 { border-bottom: 1px solid #eee; }  
   
.xw-tl, .xw-tr, .xw-tc {  
  background: #FAFAFA !important;  
  border-radius: 3px 3px 0 0 !important; }  
   
.xw-sps { display: none !important; }  
   
.myWinCont { width: 100% !important; }  
   
.xw-body {  
  border: 0 !important;  
  padding-left: 2px !important;  
  padding-right: 1px !important; }  
   
.xw-ml {  
  padding-left: 1px !important;  
  padding-bottom: 5px;  
  border-bottom-left-radius: 3px;  
  border-bottom-right-radius: 3px; }  
   
.xw-bl { display: none !important; }  
   
.myWinTD1 {  
  background: rgb(255, 255, 255) !important;  
  border-bottom: 1px solid rgb(250, 250, 250) !important; }  
   
/* Вид фона сайлов */  
.myWinTD2 { background: rgb(250, 250, 250) !important; }  
   
/* Вид фона при наведении на поле со смайлом */  
.myWinCont fieldset {  
  border: 1px solid #eee !important;  
  padding: 2px 5px !important;  
  margin-bottom: 3px !important; }  
   
/* Вид обводки в архиве опроса */  
.myWinPollTd {  
  background: #fff !important;  
  text-align: center !important; }  
   
/* Вид полей в архиве опроса */  
.myWinPollT {  
  background: rgb(243, 243, 243) !important;  
  float: left !important;  
  margin-right: 257px !important;  
  width: 100% !important; }  
   
.myWinPollG { display: none !important; }  
   
.myWinCont strong, b {  
  font-weight: initial !important;  
  font-size: 11px !important;  
  color: rgb(63, 63, 63) !important; }

Вот и все , установка завершена. Наслаждайтесь!


Источник Webuilder

Всего комментариев: (0)

_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

Случайные материалы

Сколько времени тому назад был добавлен материал для сайтов на uCoz
Сколько времени тому назад был доба
Как изменить цвет выделения текста на сайте только с помощью CSS
Как изменить цвет выделения текста
Скрываем админ-бар
Скрываем админ-бар
Возвращаем старую форму входа на uCoz
Возвращаем старую форму входа на uC
Смена стилей CSS с запоминанием на Cookie
Смена стилей CSS с запоминанием на
Запрет на правую кнопку мышки
Запрет на правую кнопку мышки