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

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

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

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

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