» »

Стильный 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*/
12.03.2013 Загрузок: 5 Просмотров: 1400 Комментарий: (10)

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

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

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