» »

Светлое с темным ободом ajax окно ucoz


Светлое с темным ободом ajax окно ucoz

Красивое по своему не притязательное ajax окно ucoz. По своей структуре выполнено красиво и оригинально. Под какие может дизайн сайты подойти? Думаю светлые шаблоны, ajax на них будит смотреться шикарно. При наведение на крестик отключит он становится красным и меняет цвет.
Приступаем к установке:
Качаем архив на 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;  
  }
15.02.2013 Загрузок: 1 Просмотров: 1183 Комментарий: (10)

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

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

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