• Страница 1 из 1
  • 1
Форум » Веб-разработка » Ajax-окна для сайта » Красивое ajax окно для сайта Ucoz (Зеленый дизайн)
Красивое ajax окно для сайта Ucoz
Kosten
Суббота, 11 Августа 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44267
Награды: 70


О ajax скрипте:
Красивое ajax окно, это реально, у меня на сайте такое же стоит только синего цвета, красиво будит смотреться конечно в первую очередь на сайтах с зеленым оттенком, и на светлых дизайн сайтах, мне кажется на темных если и будит смотреться но так оригинально.
Приступаем к установке:
Что первое мы делаем это скачиваем Доступно только для пользователей и заливаем его в корень сайта в папку папку ajax если такой нет то создаем. Потом идем в CSS и прописываем в самом низу этот стиль.
Code
/* AJAX WIN START*/    
     .xw-plain .xt {margin-top:6px; background-image:url(/ajax/tool-sprites.gif);}    
     .xw-plain div.xt-close {width:16px; height:13px; display:block; margin:19px -8px 0 0; background:url(/ajax/ajax_close.png) no-repeat 0 0;}    
     .xw-plain div.xt-close:hover {background:url(/ajax/ajax_close.png) no-repeat 0 -13px !important;}    
     
     .xw-plain div.xw-blank {display:none !important; background:#000;}    
     
     .xw-plain div.xw-tl {padding-left:23px; background-image:url(/ajax/xw-tl.png); background-color:transparent;}    
     .xw-plain div.xw-tr {padding-right:23px; background-image:url(/ajax/xw-tr.png); background-color:transparent;}    
     .xw-plain div.xw-tc {height:45px; position:relative; z-index:10; overflow:visible !important; background:url(/ajax/xw-tc.png) repeat-x center 0;}    
     
     .xw-plain div.xw-ml {padding-left:10px; background-image:url(/ajax/xw-tl.png); background-color:transparent; background-position:0 -45px;}    
     .xw-plain div.xw-mr {padding-right:10px; background-image:url(/ajax/xw-tr.png); background-color:transparent; background-position:right -45px;}    
     
     div.x-sh.xsl,    
     div.x-sh.xsr,    
     div.x-sh.xsb {display:none !important; background:0;}    
     
     .xw-plain div.xw-bl {height:13px; display:block !important; padding-left:23px; background-image:url(/ajax/xw-bl.png); background-color:transparent;}    
     .xw-plain div.xw-br {height:13px; padding-right:23px; background-image:url(/ajax/xw-br.png); background-color:transparent;}    
     .xw-plain div.xw-bc {height:13px; background-image:url(/ajax/xw-bc.png); background-color:transparent;}    
     
          
     .u-menuvsep {font-size:0px;}    
          
     .xw-plain .xw-hdr {height:45px; line-height:45px; overflow:visible !important; font-size:12px;}    
     .xw-plain .xw-hdr-text {padding-left:5px;line-height: 48px; overflow:hidden; font-size:12px; font-weight:bold; color:#ededed; text-shadow:0px 1px 1px #003e08;}    
     
     .xw-plain div.xw-mc {color:#232323; background:#dfdfdf url(/ajax/xw-tc.png) repeat-x center -45px !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;}    
     
     .xw-dragging .xw-bl {opacity:0.7;}    
     .xw-dragging .xw-ml {display:block !important;opacity:0.7;}    
     /* AJAX WIN END*/


На этом все, не забываем все сохранить.
Страна: (RU)
Форум » Веб-разработка » Ajax-окна для сайта » Красивое ajax окно для сайта Ucoz (Зеленый дизайн)
  • Страница 1 из 1
  • 1
Поиск: