Светлые Ajax окна v.1.1 для uCoz сайта

Добавил: bR[a]tko| 31.08.2012, 19:11 | Комментариев: (0) | Заглянули 177
Категория: uCoz » Ajax окна

Хочу представить Вам новый вид ajax окон для сайтов uCoz. Выполнено в светлых тонах. Простенько, но со вкусом. Подойдет под многие светлые сайты. На скриншоте отображено ajax окно в работе, с его помощью думаю не трудно понять как все будет выглядеть у Вас на сайте.

Установка:
1. Идем в ПУ -- Дизайн -- Управление дизайном (css) и в самый низ ставим это:

Code

/*--- Ajax окна V.1.1. ---*/
  .xw-plain, .xw-resize, .xw-active {z-index: 99 !important;color:#E5E5E5;padding:0;position:absolute;background-color:none;border-radius:1px;box-shadow:0px 0px 0px 6px rgba(0, 0, 0, 0.45)}
  .xw-hdr {text-align: left !important;white-space: nowrap !important;padding: 1px 0 0 0 !important;white-space: nowrap !important;zoom: 1 !important;height: 35px !important;}
  .xw-hdr-text {vertical-align: 3px!important;cursor: default!important;color: #999 !important;font: normal 13px/35px Tahoma,Arial !important;line-height: 30px!important;}
  .xw-sps, .xw-tc, .xw-tr{border-bottom:1px solid #eee;color:#000 !important;font-size:1.2em !important}

  .xt{width:22px !important;;height:22px !important;;background:url('http:/serv/uc/oclose.png') no-repeat !important;float:right !important;border:0 !important;text-decoration:none !important;}
  .xt-close{background-position:0 0 !important;}
  .xt-close-over{background-position:0 -22 !important;}

  .xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc{background:#fff !important;border:0 !important;border-radius:0px;moz-border-radius:0px;webkit-border-radius:3px;}
  .xw-body{border:0 !important;padding-left:7px !important;padding-right:1px !important;}
  .xw-tc {border-bottom: 1px solid #EEE !important;}
  .xw-tl, .xw-tr, .xw-tc {background: #FAFAFA !important;border-bottom: 1px solid #EEE !important; border-radius: 3px 3px 0 0 !important;}
  .xw-sps {display:none !important;}

Спонсор :

+ Спасибо

Источник: Не указан

Всего голосов: ... |

... | ...

Информация

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

Логотип сайта:

Навигация

Мини-чат

Витрина Активистов

Загрузка...

Топ Пользователей

Fatal1ti 1	bR[a]tko 2
matrix 3	Mihail 4
Kulac 5	vk996 6

Опрос

Последние комментарии

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>