» »

Красивое ajax окно для светлого сайта


Красивое ajax окно для светлого сайта

Реально красивое ajax окно для светлого сайта на системе ucoz. Выполнено великолепно, на картинке видно при клике происходит прогиб, очень красиво. На светлом дизайне будит шикарно смотреться. По своему дизайну выполнено не ординарный что придает свой стиль ajax на сайте.
Установка проста:
Просто копируем стиль ajax окно и прописываем в свой на сайте CSS, лучше в низ его.
Код
/* AJAX FROM THE SITE NET-ZORNET.RU*/  
  .xw-plain .xt {margin-top:6px; background-image:url(http://zornet.ru/ZORNET-RU/tool-sprites.gif);}  
  .xw-plain div.xt-close {width:59px; height:42px; display:block; position:relative; top:-5px; float:right; background:url(http://zornet.ru/ZORNET-RU/ajax_close.png) no-repeat 0 0;}  
  .xw-plain div.xt-close:hover {background:url(http://zornet.ru/ZORNET-RU/ajax_close.png) no-repeat 0 -42px;}  
  .xw-mr .myWinCont {color:#005C79;}  
  .xw-plain div.xw-blank {display:none !important; background:#000;}  

  .xw-plain div.xw-tl {padding-left:10px; background-image:url(http://zornet.ru/ZORNET-RU/xw-tl.png); background-color:transparent;}  
  .xw-plain div.xw-tr {padding-right:10px; background-image:url(http://zornet.ru/ZORNET-RU/xw-tr.png); background-color:transparent;}  
  .xw-plain div.xw-tc {font-weight:normal; text-shadow: 0.1em 0.1em 0.05em #2C2C2C; height:44px; position:relative; z-index:10; overflow:hidden; background-image:url(http://zornet.ru/ZORNET-RU/xw-tc.png); background-position:center 0 !important; background-color:#F1F1F1;}  

  .xw-plain div.xw-ml {padding-left:10px; background-image:url(http://zornet.ru/ZORNET-RU/xw-ml.png); background-color:transparent;}  
  .xw-plain div.xw-mr {padding-right:10px; background-image:url(http://zornet.ru/ZORNET-RU/xw-mr.png); background-color:transparent;}  

  div.x-sh.xsl,  
  div.x-sh.xsr,  
  div.x-sh.xsb {display:none !important; background:0;}  

  .xw-plain div.xw-bl {height:10px; display:block !important; padding-left:10px; background-image:url(http://zornet.ru/ZORNET-RU/xw-bl.png); background-color:transparent;}  
  .xw-plain div.xw-br {height:10px; padding-right:10px; background-image:url(http://zornet.ru/ZORNET-RU/xw-br.png); background-color:transparent;}  
  .xw-plain div.xw-bc {height:10px; background-image:url(http://zornet.ru/ZORNET-RU/xw-bc.png); background-color:transparent;}  

   
  .u-menuvsep {font-size:0px;}  
   
  .xw-plain .xw-hdr {height:34px;}  
  .xw-plain .xw-hdr-text {padding-left:5px;line-height: 26px; font-size:11px; color:#fff;}  

  .xw-plain div.xw-mc {color:#005C79; background:#F1F1F1 !important;}  

  .xw-plain .xw-mc {border:0 !important;}  
  .xw-plain div.xw-body {border:0 !important;}  
  /* AJAX FROM THE SITE NET-ZOTNET.RU*/


Ели кому то понадобится картинки на ajax окно, вы можете скачать с портала по прямой ссылке.
12.03.2013 Загрузок: 5 Просмотров: 1340 Комментарий: (10)

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

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

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