[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: ваня 
Форум » Всё для сайтов » Скрипты для сайтов » Окно информер о новых материалах
Окно информер о новых материалах
Лаврентий5932Дата: Суббота, 17.08.2013, 20:30 | Сообщение # 1
Лейтенант
Группа: Администраторы
Сообщений: 52
Репутация: 0
Статус: Offline
Окно с информацией для сайта 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://kgb.ucoz.de/js/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-cсылка на публикацию
BB-cсылка на публикацию


Лавр
 
Лаврентий5932Дата: Четверг, 03.10.2013, 16:24 | Сообщение # 2
Лейтенант
Группа: Администраторы
Сообщений: 52
Репутация: 0
Статус: Offline
Код


<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://kgb.ucoz.de/js/dsinfobox.js">  
  </script>  
  <div id="dsinfobox">  
  <strong id="dsnew1">Это интересно</strong>  
  <div id="dsinfolinkborder">  
  <div class="dsinfolink">  
  <a href="http://kgb.ucoz.de/load/kodeksy_zakony_i_vsjakoe_drugoe/vsjakoe_drugoe/samogipnoz/9-1-0-121">Самогипноз> </a><br>  
  <a href="http://kgb.ucoz.de/load/kodeksy_zakony_i_vsjakoe_drugoe/vsjakoe_drugoe/nlp_nejro_lingvisticheskoe_programmirovanie/9-1-0-106">НЛП (нейро?лингвистическое программирование)</a><br>  
  <a href="http://kgb.ucoz.de/load/kodeksy_zakony_i_vsjakoe_drugoe/vsjakoe_drugoe/rukopashnyj_boj/9-1-0-104">Рукопашный бой</a><br>  
  <a href="http://kgb.ucoz.de/load/kodeksy_zakony_i_vsjakoe_drugoe/vsjakoe_drugoe/psikhologija_obmana_i_moshennichestva/9-1-0-112">Психология Обмана и Мошенничества</a><br>  
  <a href="http://kgb.ucoz.de/load/kodeksy_zakony_i_vsjakoe_drugoe/vsjakoe_drugoe/kriminalnyj_gipnoz/9-1-0-119">Криминальный гипноз</a><br>  
  <a href="http://kgb.ucoz.de/load/kodeksy_zakony_i_vsjakoe_drugoe/vsjakoe_drugoe/tekhnika_gipnoza_i_vnushenija/9-1-0-118">Техника гипноза и внушения</a><br>  
  <a href="http://artnov-kartina.ru/?p=3723">О смерти и умирании</a><br>  
  <a href="http://artnov-kartina.ru/?p=3719">ПЕДАГОГИЧЕСКАЯ ПСИХОЛОГИЯ</a><br>  
  </div>  
  </div>  
  <div id="dsifobox-off">  
  <a href="#" onClick="hidefadebox();return false">X</a>  
  </div>  
  </div>


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Лавр
 
Форум » Всё для сайтов » Скрипты для сайтов » Окно информер о новых материалах
Страница 1 из 11
Поиск:

Удивительно устроен человек — он огорчается, когда теряет богатство, и равнодушен к тому, что безвозвратно уходят дни его жизни.

- Абу-ль-Фарадж Аль-Исфахани

Мы так привыкли притворяться перед другими, что под конец начинаем притворяться перед собой.

- Ф. Ларошфуко

Карточная игра - явное обнаружение умственного банкротства. Не будучи в состоянии обмениваться мыслями, люди перебрасываются картами.

- А. Шопенгауэр

Кто имеет меньше, чем желает, должен знать, что он имеет больше, чем заслуживает.

- Г.К. Лихтенберг

МВы думаете, что этот человек одурачен вами; а если он притворяется одураченным, то кто больше одурачен:он или вы?

- Жан де Лабрюйер

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

- Абу-ль-Фарадж Аль-Исфахани

Комментарий к УК РФ
Представляем Вашему благосклонному вниманию комментарии к Уголовно-Процессуальному Кодексу РФ.
Цель настоящих комментариев - разъяснить читателю его реальные права в противостоянии с национальной Фемидой и предоставить возможность любому гражданину, попавшему в шестерни Системы,
Читать