ZorNet.Ru — сайт для вебмастера » Всплывающие окна Ajax » Красивое ajax окно для светлого сайта

Красивое 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 окно, вы можете скачать с портала по прямой ссылке.
2013-03-12 Загрузок: 5 Просмотров: 2372 Комментарий: (10)

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

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

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

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