О нас Форум Баннеры RSS картинка Нас уже 577, Присоединяйся
Пожаловаться

Новые красивые, уникальные, функциональные ajax окна.


Установка:

Ставим в самый низ своего CSS:
Code
.xw-plain .xt {  
  margin-top:6px;  
  background-image:url('http:/serv/ajax/22/tool-sprites.png');  
  }  

  .xw-plain div.xt-close {  
  background-image:url('http:/serv/ajax/22/tool-sprites.png');  
  }  

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

  .xw-plain div.xw-tl {  
  padding-left:10px;  
  background-image:url('http:/serv/ajax/22/xw-tl.png');  
  background-color:transparent;  
  }  

  .xw-plain div.xw-tr {  
  padding-right:10px;  
  background-image:url('http:/serv/ajax/22/xw-tr.png');  
  background-color:transparent;  
  }  

  .xw-plain div.xw-tc {  
  height:28px;  
  position:relative;  
  z-index:10;  
  overflow:hidden;  
  background-image:url('http:/serv/ajax/22/xw-tc.png');  
  background-position:center 0 !important;  
  background-color:transparent;  
  }  

  .xw-plain div.xw-ml {  
  padding-left:9px;  
  background-image:url('http:/serv/ajax/22/xw-ml.png');  
  background-color:transparent;  
  }  

  .xw-plain div.xw-mr {  
  padding-right:9px;  
  background-image:url('http:/serv/ajax/22/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:9px;  
  display:block !important;  
  padding-left:3px;  
  background-image:url('http:/serv/ajax/22/xw-bl.png');  
  background-color:transparent;  
  }  

  .xw-plain div.xw-br {  
  height:9px;  
  padding-right:3px;  
  background-image:url('http:/serv/ajax/22/xw-br.png');  
  background-color:transparent;  
  }  

  .xw-plain div.xw-bc {  
  height:9px;  
  background-image:url('http:/serv/ajax/22/xw-bc.png');  
  background-color:transparent;  
  }  

  .ie_br .xw-plain div.xw-tl {  
  background-image:url('http:/serv/ajax/22/xw-tl.png');  
  }  

  .ie_br .xw-plain div.xw-tr {  
  background-image:url('http:/serv/ajax/22/xw-tr.png');  
  }  

  .ie_br .xw-plain div.xw-tc {  
  background-image:url('http:/serv/ajax/22/xw-tc.png');  
  }  

  .ie_br .xw-plain div.xw-ml {  
  background-image:url('http:/serv/ajax/22/xw-ml.png');  
  }  

  .ie_br .xw-plain div.xw-mr {  
  background-image:url('http:/serv/ajax/22/xw-mr.png');  
  }  

  .ie_br .xw-plain div.xw-bl {  
  background-image:url('http:/serv/ajax/22/xw-bl.png');  
  }  

  .ie_br .xw-plain div.xw-br {  
  background-image:url('http:/serv/ajax/22/xw-br.png');  
  }  

  .ie_br .xw-plain div.xw-bc {  
  background-image:url('http:/serv/ajax/22/xw-bc.png');  
  }  

  .u-menuvsep {  
  font-size:0px;  
  }  

  .xw-plain .xw-hdr {  
  height:28px;  
  text-indent:5px;  
  }  

  .xw-plain .xw-hdr-text {  
  padding-left:0px;  
  line-height:24px;  
  font-size:11px;  
  font-weight:200;  
  color:#fafafa;  
  text-shadow:1px 1px 0 #597a98;  
  }  

  .xw-plain div.xw-mc {  
  color:#f3f3f3;  
  text-shadow:1px 1px 0 #f3f3f3;  
  background:url('http:/serv/ajax/22/xw-mc.png') repeat 0 0 !important;  
  }  

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

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

  tr td.myWinTD1 {  
  background:0 !important;  
  }


Готово.


Спонсор :



Источник: http://usite.su
Всего голосов: ... | ... | ...

Всего комментариев: 3
Hаписал: shelest , 26.09.2012 Среда 06:26 Сообщение #1
shelest
OFFLINE
+ 0 -

Все аякс-окна перепробовал. Выбрал эти.

Слушай, ты не в курсе, как сделать сильное затемнение фона при возникновении аякс-окна? Стандартная настройка в скрипте даёт слишком мало возможностей. Мне нужно более сильное затемнение.

Hаписал: Fatal1ti , 26.09.2012 Среда 11:11 Сообщение #2
Fatal1ti
Администратор
OFFLINE
+ 0 -

Вот например у тебя ссылка для открытия ajax окна:
Code
<a href="javascript://" onclick="new _uWnd('ajax','123','300','190',{autosize:true,modal: true,close:true,header:true,nomove: false,fixed:true},'123')">http:/</a>


modal: true - при этой функции все остальное пространство будет закрыто полупрозрачным слоем

Так теперь чтобы полупрозрачный слой стал более тёмным в css нужно добавить:
Code
.myWinGrid {
opacity: 0.55 !important;
filter: alpha(opacity=25) !important;
}


Ну и конечно если сделать число 0.55 больше то станет темнее,
а если меньше то светлее..

Hаписал: shelest , 26.09.2012 Среда 15:05 Сообщение #3
shelest
OFFLINE
+ 0 -

Ага, спасибо, работает. Тока для разных браузеров нужно двумя числами оперировать - и первым opacity и тем, что в скобках. Для ИЕ хватает первого, для других нужно задействовать и второй.

Информация


Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.
Пожалуйста войдите на сайт как пользователь или зарегистрируйтесь.

Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Опрос
Как вам дизайн сайта?

Всего ответов: 197
Последние комментарии
  • Fatal1ti
    Оставлен 05.02.2013
    50+ качественных анимированных иконок загрузки для сайта
    Автор комментария: Fatal1ti
    Оставлен 05.02.2013 в 16:19
    Тема: 50+ качественных анимированных иконок загрузки для сайта
    Это просто gif картинки,
    А чтобы при загрузке страницы крутилась анимация, нужен скрипт
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:43
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    С цветами разобрался, пришлось путь к файлу zvetaf.xml полностью писать.
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:32
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Что-то окно с цветами начинает открываться и сразу же пропадает.
    А как можно чат растянуть по высоте с 300рх до 500рх, где это меняется?
  • Mihail
    Оставлен 01.02.2013
    Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    Автор комментария: Mihail
    Оставлен 01.02.2013 в 17:12
    Тема: Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    А вот это супер )
  • Fatal1ti
    Оставлен 31.01.2013
    Форма добавления комментариев как на dle для uCoz
    Автор комментария: Fatal1ti
    Оставлен 31.01.2013 в 18:23
    Тема: Форма добавления комментариев как на dle для uCoz
    Должно работать, у некоторых файл zvetaf.xml
    Повреждается при загрузке, попробуй его перезалить

    Если ничего не изменяется, то ищи в коде такую строчку:
    Код
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/bbcodes/zvetaf.xml','Выбор цвета',190,200,'1','','',0,'justify');return false;">


    И меняй на эту:
    Код
    <script type="text/javascript" src="http:/serv/zvet.js"></script>
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="viewzvet()">

    Должно заработать..
  • Fatal1ti
    Оставлен 27.01.2013
    Зелёное меню как на we-place для uCoz
    Автор комментария: Fatal1ti
    Оставлен 27.01.2013 в 15:05
    Тема: Зелёное меню как на we-place для uCoz
    DevilShadow, извини что сразу не ответил
    Чтобы счетчики были справа нужно в css найти такую строчку:
    Код
    .coole div {position: relative;margin-left: 173px;z-index: 1;}

    И заменить на эту
    Код
    .coole div {position: relative;margin-left: 219px;z-index: 1;}


    А чтобы и фото счетчик был, нужно после этой строчки:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/6"></script>

    Добавить эту:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/7"></script>


    И после скрипта, который находится снизу после меню, добавь ещё скрипт:
    Код
    <script type="text/javascript">  
      function setCatNumEnt(){  
      if(!window.uCatsOut)return;  
      $('div.naviglot a').each(function(){  
      var a=this,ah=a.href,cArr=window.uCatsOut;  
      if(!/\/photo\//.test(ah))return;  
      var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],a=$(a).parent();  
      if(!isNaN(id)){  
      $.each(cArr,function(j){  
      if(cArr[j][0]==id){  
      a.prepend('</span><div class="coole"><div><span class="vnav-subnav2">'+cArr[j][6]+'</span></div></div>');  
      }  
      });  
      };  
      });  
      };setCatNumEnt();
      </script>
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня зашли на сайт
0 пользователя

Новых пользователей:
За месяц: 17
За неделю: 6
Вчера: 0
Сегодня: 0
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков