19 Дек

Создание PopUp окна

Автор: "СТРОГИЙ"

ПопАп — окно появляется, когда посетитель заходит на страницу сайта. Назовем эту страницу ЗАГРУЗОЧНОЙ.

Шаг 1.

Заходите в редактор страниц Вашего хоста. Выбирайте любую страницу на Вашем сайте. Скопируйте и вставьте между тегами <head> и </head> выбранной страницы этот скрипт:


<script language=»javascript»>
<!— Begin
function popupPage() {
var page = «http://www.yoursite.ru/popup.html»;
var windowprops = «height=300, width=400, location=no, status=no»
+ «scrollbars=no, menubars=no, toolbars=no, resizable=no»;
output = window.open(page, «popup», windowprops);
}
// End —>
</script>

В строке этого скрипта var page = «http://www.yoursite.ru/popup.html» вместо yoursite.ru введите название Вашего сайта.
Шаг 2.

Внесем некоторые изменения в тег <body> Добавьте в этот тег такую запись: onLoad=popupPage()

Должно получиться приблизительно так:

<body bgcolor=»#FFFFFF» onLoad=popupPage()>

Сохраните сделанные изменения. Загрузочная страница готова.

Шаг 3.

Приготовим сам попап. Это тоже страница, только маленькая. Создайте новый файл, скопируйте и вставьте в него такой код:

<HTML>
<HEAD>
<TITLE>POPUP</TITLE>
<META http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
</HEAD>

<BODY bgcolor=»#FFFFFF» text=»#000000″>
<TABLE width=»100%» border=»0″ cellspacing=»10″>
<TR>
<TD>
<CENTER>
<FONT face=»Times New Roman, Times, serif» size=»4″ color=»#FF0000″><B>POPUP</B></FONT>
</CENTER>
</TD>
</TR>
<TR>
<TD>
<P><FONT face=»Verdana, Arial, Helvetica, sans-serif» size=»2″>Интересный
инструмент для Вашего сайта:</FONT></P>
<UL>
<LI><FONT face=»Verdana, Arial, Helvetica, sans-serif» size=»2″> Повышает
динамику страниц.</FONT></LI>
<LI><FONT face=»Verdana, Arial, Helvetica, sans-serif» size=»2″> Позволяет
селать сайт необычным.</FONT></LI>
</UL>
<P align=»center»><A href=»http://xn—c1akdrjfh.net/index.php»><FONT face=»Verdana, Arial, Helvetica, sans-serif» size=»2″><B>http://xn—c1akdrjfh.net/index.php</B></FONT></A></P>
<P align=»center»><FONT face=»Times New Roman, Times, serif» size=»5″>У
Вас все получилось правильно !<br></FONT></P>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Сохраните файл под именем popup.html в том же каталоге, что и загрузочная страница.

Вот и все. Посмотрите результат. Заходите на свой сайт в качестве посетителя. Если все сделано правильно, перед основной страницей появится созданный Вами попап. Теперь замените содержание этого попапа на свое.Желаю успеха.

Цены, вселяющие оптимизм: отдых в оаэ.Цены, вселяющие оптимизм: отдых в оаэ.Цены, вселяющие оптимизм: отдых в оаэ.Цены, вселяющие оптимизм: отдых в оаэ.Цены, вселяющие оптимизм: отдых в оаэ.Цены, вселяющие оптимизм: отдых в оаэ.Цены, вселяющие оптимизм: отдых в оаэ.Цены, вселяющие оптимизм: отдых в оаэ.

Comments are closed.