Окно информер о новых материалах | Скрипт для uCoz - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Понедельник, 05.12.2016
Скрипты для uCoz » Окна для сайта uCoz » Окно информер о новых материалах | Скрипт для uCoz

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



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

Окно с информацией для сайта uCoz




Окно,в которое Вы можете поместить любую информацию,окно исчезнет через 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:none;
/* -- Отступы у ссылок у ссылок --*/
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:none;
}
</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>


Проверить скрипт окна на месте

Вставьте код скрипта в HTML редактор и проверьте.









Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 2444 | Добавил: IZOTOP | Рейтинг: 4.0/1
    | Теги: informer ucoz, окно для юкоз

    Всего комментариев: 6
    0   Спам
    6 Blackstone   (24.12.2014 17:12)
    Аватар Blackstone Большое спасибо IZOTOP , за оперативную помощь. Сделал красивое окошко с поздравлением с НГ. Так же хочу поздравить всех гостей и пользователей сайта, а в первую очередь Администратора, с наступающими праздниками. Всем здоровья и большого терпения в Новом 2015 Году !

    0   Спам
    5 Blackstone   (21.12.2014 13:05)
    Аватар Blackstone Уважаемый Админ! Подскажите как в этот красивый скрипт картинку привентить, чё то не получается у меня никак. Очень жду ответа, надеюсь на Вашу оперативность, за ранее ОГРОМНОЕ СПАСИБО!

    0   Спам
    4 moty   (21.06.2013 17:32)
    Аватар moty Спасибо большое?

    0   Спам
    2 moty   (20.06.2013 18:59)
    Аватар moty А как увеличить время показа блока?

    +3   Спам
    3 IZOTOP   (20.06.2013 20:28)
    Аватар IZOTOP 1.Скопируйте адрес в адресную строку браузера и нажмите ENTER:
    http://delaisait.ucoz.ru/script/js/1/dsinfobox.js
    2.Нажмите на странице "Сохранить как" и сохраните.
    3.Нажмите на сохранённом файле правой кнопкой мышки и выберите:
    Открыть с помощью - > Блокнот.
    4.Найдите строку, она 3 с верху:
    var autohidebox=["yes", 10]
    5.Измените значение 10 на нужное.
    6.Сохраните изменения.
    7.Закачайте файл на свой сервер.
    8.Укажите путь к нему.

    0   Спам
    1 Ivan   (05.11.2012 21:29)
    Аватар Ivan Братишка Спасибо!!!
    Quote
    Если возникли вопросы или предложения,используйте форму комментариев

    Всё расписано,всё понятно.


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]