Понедельник, 23.12.2024, 21:04
| RSS
Главная
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Как сделать собственный всплывающий баннер?
kravezДата: Воскресенье, 02.08.2009, 18:56 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline
видел в инете вопросы по поводу того как сделать свой всплывающий баннер. Ответов толковых практически нет. некоторые предлагают с помощью javascript сделать открытие нового окна (методом window.open), но такой вариант не самый лучший, т.к. большинство современных браузеров блокирует всплывающие окна.
Лучше использовать слои, css и javascript. Образец привожу ниже:

<html>
<head>
<title>Тег DIV</title>
<style type="text/css">

.block {
height: 100px;
width: 600px;
background: #ECE9D8;
padding: 5px;
border: solid 2px #001EA1;
position: fixed;
top: 300px;
left: 300px;
z-index:99999999999;
}
</style>
</head>
<body>
<div class="block">Здесь текст вашего банера, картинка или флэш-ролик</div>

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

</body>
</html>

Этот код выводит на экран позиционированный блок, который не смещается при прокрутке страницы. Остается лишь с помощью javascript дописать автоматическое определение размеров открытого окна, определение центра позиционирования банера и кнопку для перехода куда нужно с закрытием баннера. Будут вопросы, пишите.

 
big_dakaДата: Среда, 09.06.2010, 15:19 | Сообщение # 2
Рядовой
Группа: Пользователи
Награды: 0
Репутация: 0
Статус: Offline
Спасибо!!! Работает!!!
Quote
Остается лишь с помощью javascript дописать автоматическое определение размеров открытого окна, определение центра позиционирования банера и кнопку для перехода куда нужно с закрытием баннера. Будут вопросы, пишите.

А ты не мог бы обеснить как это все зделать? Дело в том что я не знаю javascript-ов. Взаранее спасибо!!!


Сообщение отредактировал big_daka - Среда, 09.06.2010, 15:20
 
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2024