Перейти к содержимому

Добро пожаловать к нам на сайт! Про Ваш статус и права можно прочитать в Этой теме

Для просмотра картинок и скачивания файлов с форума - пройдите регистрацию!   Проблемы с регистрацией - вам сюда




Фотография

Окно информер о новых материалах | Скрипт для uCoz


  • Авторизуйтесь для відповіді у темі
У темі одне повідомлення

#1
RUS_D

RUS_D

    Главный АДМИН

  • Не в сети
  • Тех. Админ
  •  Администратор
  • Старожил сайта
<- Информация ->
  • PipPipPipPip
  • Регистрация:
    08-грудень 08
  • 5 029 Cообщений
  • Пропуск №: 2

0 баллов предупреждения
Репутация: 8 184

Репутация: 8184 Постов: 5029
  • Skype:rus_did
  • Страна проживания:Украина
  • Реальное имя:Руслан
  • Пол:Мужчина
  • Город:Полтавская обл.
Окно,в которое Вы можете поместить любую информацию,окно исчезнет через 10 секунд (по умолчанию ).Я применил его для информирования о новых материалах на сайте,но можно использовать для любых целей.Скрипт полностью настроен для работы на сайте юКоз,можно использовать добавив весь код прямо в материал.В каждом материале могут быть окна с различным содержимым.При добавлении в материал используйте "Панель html кодов" ( там где "Панель bb кодов" ).Для более детальной настройки используйте регулировки выделенные в коде комментариями.

Код
<style>
#dsinfobox {
/* -- Окно зафиксировано -- */
position:fixed;
/* -- Ширина окна -- */
width: 220px;
/* -- Положение от левой части страницы -- */
left:5px;
/* -- Положение от нижней части страницы -- */
bottom:5px;
/* -- Бордюра нет -- */
border: 0;
/* -- Цвет фона внутри окна -- */
background-color: #fff;
/* -- Отступ внутри окна -- */
padding: 4px;
/* -- Окно над всем контентом -- */
z-index: 100;
/* -- Видимость окна -- */
visibility:hidden;
}
#dsinfolinkborder {
margin:7px 5px;
padding:3px;
border:1px solid rgba(0,0,0,0.2);
border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
}
#dsinfobox {
/* -- Тени окна -- */
-o-box-shadow:0px 0px 7px rgba(0,0,0,0.2),
  0px 0px 0px 1px rgba(188,188,188,0.1);
box-shadow:0px 0px 7px rgba(0,0,0,0.2),
0px 0px 0px 1px rgba(188,188,188,0.1);
/* -- Закругление углов окна -- */
border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
/* -- Тени окна,медленное появление -- */
-webkit-transition:box-shadow 0.3s ease-in-out;
-moz-transition:box-shadow 0.3s ease-in-out;
-o-transition:box-shadow 0.3s ease-in-out;
transition:box-shadow 0.3s ease-in-out;
}
#dsinfobox:hover {
/* -- Тени окна при наведении -- */
-o-box-shadow:0px 0px 9px rgba(0,0,0,0.4),
  0px 0px 0px 1px rgba(188,188,188,0.1);
box-shadow:0px 0px 9px rgba(0,0,0,0.4),
0px 0px 0px 1px rgba(188,188,188,0.1);
}
#dsnew1 {/* -- Заголовок в окне --*/
/* -- Отступ заголовка --*/
padding:5px;
/* -- Размер и и тип шрифта заголовка --*/
font: 18px 'Georgia';
/* -- Жирный шрифт заголовка --*/
font-weight:bold;
/* -- Цвет в заголовке -- */
color:#222;
}
.dsinfolink a:link {
/* -- Цвет ссылок в окне -- */
color:blue;
/* -- Размер и и тип шрифта ссылок --*/
font: 17px 'Georgia';
/* -- Убираем подчёркивание у ссылок --*/
text-decoration:;
/* -- Отступы у ссылок у ссылок --*/
padding:5px 7px;
}
.dsinfolink a:hover {
/* -- Цвет ссылок в окне при наведении мышки -- */
color:green;
/* -- Размер и и тип шрифта ссылок --*/
font: 17px 'Georgia';
}
#dsifobox-off {
position:absolute;
top:1px;
right:5px;
font: 19px 'Georgia';
font-weight:bold;
}
#dsifobox-off a:link {
color:red;
text-decoration:;
}
</style>
<script type="text/javascript" src="http://delaisait.ucoz.ru/script/js/1/dsinfobox.js">
</script>
<div id="dsinfobox">
<strong id="dsnew1">Новые материалы</strong>
<div id="dsinfolinkborder">
<div class="dsinfolink">
<a href="#">Это Ваша ссылка</a><br>
<a href="#">Это Ваша ссылка</a><br>
<a href="#">Это Ваша ссылка</a><br>
<a href="#">Это Ваша ссылка</a><br>
<a href="#">Это Ваша ссылка</a><br>
<a href="#">Это Ваша ссылка</a><br>
<a href="#">Это Ваша ссылка</a><br>
<a href="#">Это Ваша ссылка</a><br>
</div>
</div>
<div id="dsifobox-off">
<a href="#" onClick="hidefadebox();return false">X</a>
</div>
</div>


#2
Ruslana

Ruslana

    Бывалый

  • Не в сети
  • Неактивированные

<- Информация ->
  • PipPipPip
  • Регистрация:
    24-червень 13
  • 79 Cообщений
  • Пропуск №: 8805


Репутация: 5 Постов: 79
  • Страна проживания:Украина
  • Реальное имя:Руслана
  • Пол:Женщина
  • Город:Кривой Рог, Украина
Вращающийся глобус показывающий посетителей сайта

Виджет-информер вращающегося глобуса для Вашего сайта


Плавно вращающаяся планета показывает количество и местоположение посетителей на Вашем сайте.Данные постоянно обновляются отражая действительное количество человек находящихся на страницах сайта.Размеры могут быть установлены по Вашему усмотрению,ниже предоставлены рекомендуемые размеры информера.

Варианты возможных размеров информера
Для получения скрипта информера вам потребуется посетить страницу выбора виджета.
Выбрать виджет - информер
На странице выбора Вы сможете подобрать размер и цветовую палитру устраивающую Вас,скопировать полученный код и установить по месту на своём сайте.Ниже могу предоставить Вам описание полученного скрита,в нём можно изменить размеры и цветовую палитру индивидуально.

Пример полученного Вами скрипта
Не устанавливайте этот скрипт к себе на сайт,он служит в качестве примера.Для каждого сайта нужно генерировать свой скрипт,можно изменять только размеры и цвет.
Код
<script type="text/javascript" src="http://ja.revolvermaps.com/r.js">
</script>
<script type="text/javascript">
rm_f1st('0','200','true','false','000000','04b1h9vphd7','true','00ff6c');
</script>
<noscript>
<applet codebase="http://ra.revolvermaps.com/j" code="core.RE" width="200" height="200" archive="g.jar">
<param name="cabbase" value="g.cab" />
<param name="r" value="true" />
<param name="n" value="false" />
<param name="i" value="04b1h9vphd7" />
<param name="m" value="0" />
<param name="s" value="200" />
<param name="c" value="00ff6c" />
<param name="v" value="true" />
<param name="b" value="000000" />
<param name="rfc" value="true" />
</applet>
</noscript>


Варианты виджетов-информеров
Информер работает в глобальном блоке сайта (верхней части,нижней части и контейнерах),показывая пользователей находящихся на всех страницах сайта.Но может показывать только пользователей находящихся на отдельно взятой странице,как в этом материале.Для показа посетителей на индивидуальной странице нужно сгенерировать отдельный код (для каждой отдельной страницы).





реклама на сайте подключена

Использование материалов сайта только с разрешения Администрации!
Или с указанием прямой ссылки на источник. 2008 - 2017 © Stalker-Worlds