ZorNet.Ru — сайт для вебмастера » Ajax модальное окно » СВЕТЛОЕ AJAX ОКНА ZR ДЛЯ САЙТА UCOZ

СВЕТЛОЕ AJAX ОКНА ZR ДЛЯ САЙТА UCOZ

СВЕТЛОЕ AJAX ОКНА ZR ДЛЯ САЙТА UCOZ
Очень прилично создано AJAX ОКНА ZR по своему стили. Само основа дизайна как заметили светлое. Есть в правом верхнем углу отключения. Это ярко красный крестик, что сразу понятно. Оно выполнено как выпуклое что не трудно заметить. Для светлых по дизайну сайтов, думаю это окно и было создано. Что еще это красиво созданный обвод ао всему окну темного цвета, что придает форму нашему скрипту.
Здесь код без ссылок. Нам нужно скачать папку ajax с нашего сайта и закинуть в корень сайта вашего сайта. И стиль прописать в ваш CSS сайта. И на этом все!
Код
.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;  
  }

28 Июля 2013 Просмотров: 1909 Комментариев: (10)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 0
avatar