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*/
12 Марта 2013 Загрузок: 7 Просмотров: 2896 Комментариев: (10)

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

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

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

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