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

Стильный Ajax для сайта ucoz

Стильный Ajax для сайта ucoz
Стильный Ajax окно для сайта ucoz. Предназначен для светлых сайтов по своему дизайну. Сам Ajax выполнен в светлом оттенком с синими чертами, что подчеркивает его индивидуальность.
Установка Ajax окно:
Первое что делаем качаем архив с нашего сайта. Потом заходим в свою админ панель - корень сайта и создаем там папку под Ajax с названием ajx_img и все файлы заливаем в эту папку.

Далее, копируем код и прописываем в CSS желательно в низу его.
И на этом все, у вас новое Ajax окно.
Код
/* AJAX WIN START*/  
  .xw-plain .xt {margin-top:6px; background-image:url(/ajx_img/tool-sprites.gif);}  
  .xw-plain div.xt-close {width:18px; height:18px; display:block; margin:15px 4px 0 0; background:url(/ajx_img/ajax_close.png) no-repeat 0 0;}  
  .xw-plain div.xt-close:hover {background:url(/ajx_img/ajax_close.png) no-repeat 0 -20px !important;}  

  .xw-plain div.xw-blank {display:none !important; background:#000;}  

  .xw-plain div.xw-tl {padding-left:11px; background-image:url(/ajx_img/xw-tl.png); background-color:transparent;}  
  .xw-plain div.xw-tr {padding-right:11px; background-image:url(/ajx_img/xw-tr.png); background-color:transparent;}  
  .xw-plain div.xw-tc {min-height:11px; max-height:48px; position:relative; z-index:10; overflow:hidden; background:url(/ajx_img/xw-tc.png) repeat-x center 0;}  

  .xw-plain div.xw-ml {padding-left:11px; background-image:url(/ajx_img/xw-ml.png); background-color:transparent;}  
  .xw-plain div.xw-mr {padding-right:11px; background-image:url(/ajx_img/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:11px; display:block !important; padding-left:11px; background-image:url(/ajx_img/xw-bl.png); background-color:transparent;}  
  .xw-plain div.xw-br {height:11px; padding-right:11px; background-image:url(/ajx_img/xw-br.png); background-color:transparent;}  
  .xw-plain div.xw-bc {height:11px; background-image:url(/ajx_img/xw-bc.png); background-color:transparent;}  

   
  .u-menuvsep {font-size:0px;}  
   
  .xw-plain .xw-hdr {height:48px; line-height:48px; overflow:hidden; font-size:12px;}  
  .xw-plain .xw-hdr-text {padding-left:5px;line-height: 48px; font-size:12px; font-weight:bold; color:#428ac4;}  

  .xw-plain div.xw-mc {color:#232323; background:#eee !important;}  

  .xw-plain .xw-mc {border:0 !important;}  
  .xw-plain div.xw-body {border:0 !important;}  

  .xw-plain div.xw-mc .myWinTD1 {background:0;}  
  .xw-plain div.xw-mc .myWinTD2 {background:#ddd;}  
  /* AJAX WIN END*/
2013-03-12 Загрузок: 6 Просмотров: 2567 Комментарий: (10)

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

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

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

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