1. Открываем новое окно в окне размером 400х200 [ function win() ]
стандартная кнопка windows:
<form><input type="button" value="Не НАЖИМАТЬ!!" onclick="win()"></form>
красивая кнопка:
<p><span class="art-button-wrapper"><span class="art-button-l"></span><span class="art-button-r"></span><a class="art-button" onclick="win()">Не НАЖИМАТЬ!! </a></span></p>
===============================================================================
===============================================================================
===============================================================================
<!-- TWO STEPS TO INSTALL INFO STORIES:
<!-- Begin
function linkDisplay(selection) {
if (selection=="1") {
document.form.info.value="Answers to the most common questions we receive are posted here for your review!";
document.form.go.value="http://jаvascript.internet.com/faq";
}
else if(selection=="2") {
document.form.info.value="Find out what's new since you last visited! Stay up to date with us!";
document.form.go.value="http://jаvascript.internet.com/new.html";
}
else if(selection=="3") {
document.form.info.value="Subscribe to jаvascript Source's Newsletter to know when we add new scripts!";
document.form.go.value="http://e-newsletters.internet.com/jаvascriptsource.html";
}
else if(selection=="4") {
document.form.info.value="Post your question or problem here so other fellow jаvascripters can help you!";
document.form.go.value="http://jаvascript.internet.com/forum";
}
else if(selection=="5") {
document.form.info.value="Don't have time to cut & paste?\nTry our Email-a-Script feature!";
document.form.go.value="http://jаvascript.internet.com";
}
else if(selection=="6") {
document.form.info.value="Not sure where that particular jаvascript is? Search our web site!";
document.form.go.value="http://jаvascript.internet.com/search";
}
else {
document.form.info.value = "For more information, please email us.";
document.form.go.value="http://jаvascript.internet.com/feedback.html";
}
}
function moreInfo() {
var page=document.form.go.value;
window.location=page;
}
// End -->
</script>
<center>
<form name=form>
<table border=0 width=400>
<tr>
<td align=center><a href="jаvascript:linkDisplay(1);">F.A.Q.'s</a><br></td>
<td align=center><a href="jаvascript:linkDisplay(2);">What's New?</a><br></td>
<td align=center><a href="jаvascript:linkDisplay(3);">Site Newsletter!</a><br></td>
</tr>
<tr>
<td align=center><a href="jаvascript:linkDisplay(4);">jаvascript Forum</a><br></td>
<td align=center><a href="jаvascript:linkDisplay(5);">"Email-a-Script"!</a><br></td>
<td align=center><a href="jаvascript:linkDisplay(6);">Site Search Engine</a><br></td>
</tr>
<tr>
<td colspan=3 align=center>
<ta name=info rows=2 cols=40 wrap=virtual>Click a topic above for more info!</ta><br> *** ta=textarea ***
<input type=button name=button value="Go There!" onclick="moreInfo()">
<input type=hidden name=go value="">
</td></tr>
</table>
</form>
</center>
===============================================================================
Шаблон HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Created by Afanasiev Igor 06.12.2010 16:00
Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"-->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<title>$SITE_NAME$ - download files</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Description" content="S.T.A.L.K.E.R.: Shadow of Chernobyl.">
<meta name="Keywords" content="Всё о STALKER, Сайт игры S.T.A.L.K.E.R., СТАЛКЕР Зов Припяти (S.T.A.L.K.E.R.: Call of Pripyat), oblivion lost, Zone, radiation, Хабар, Тень Чернобыля, Чистое Небо, Clear Sky, Shadow of Chernobyl, сталкер-книга">
<meta name='yandex-verification' content='5a6315ae29c55688' />
<meta name="google-site-verification" content="fdi2T1xvAEN1iES0SMNlnE3o-jTWVrmcYuQwVtYuO74" />
</head>
<link rel="icon" href="/des-img/icon.gif" type="image/x-icon">
<link rel="stylesheet" href="/download/style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="/download/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="/download/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<script type="text/jаvascript" src="/download/jquery.js"></script>
<script type="text/jаvascript" src="/download/script.js"></script>
<body>
<div id="art-main">
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<div class="art-header">
<div class="art-header-center">
<div class="art-header-png"></div>
<div class="art-header-jpeg"></div>
</div>
<div class="art-logo">
<h1 id="name-text" class="art-logo-name"><a href="#">Каталог файлов на Stalker-worlds.ru</a></h1>
<h2 id="slogan-text" class="art-logo-text"> Все файлы залиты на TURBOBIT и HITFILE</h2>
</div>
</div>
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu">
<li>
<a href="#" class="active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
</li>
<li>
<a href="#"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a>
<ul>
<li><a href="#">Menu Subitem 1</a>
<ul>
<li><a href="#">Menu Subitem 1.1</a></li>
<li><a href="#">Menu Subitem 1.2</a></li>
<li><a href="#">Menu Subitem 1.3</a></li>
</ul>
</li>
<li><a href="#">Menu Subitem 2</a></li>
<li><a href="#">Menu Subitem 3</a></li>
</ul>
</li>
<li>
<a href="#"><span class="l"></span><span class="r"></span><span class="t">About</span></a>
</li>
</ul>
</div>
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-sidebar1">
<div class="art-vmenublock">
<div class="art-vmenublock-body">
<div class="art-vmenublockcontent">
<div class="art-vmenublockcontent-body">
<ul class="art-vmenu">
<li>
<a href="page.html?i1"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
</li>
<li>
<a href="page.html?i2"><span class="l"></span><span class="r"></span><span class="t">News</span></a>
</li>
<li class="active">
<a class="active" href="page.html?i3"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a>
</li>
<li>
<a href="page.html?i4"><span class="l"></span><span class="r"></span><span class="t">Video</span></a>
</li>
<li>
<a href="page.html?i5"><span class="l"></span><span class="r"></span><span class="t">Archive</span></a>
</li>
<li>
<a href="page.html?i6"><span class="l"></span><span class="r"></span><span class="t">Forum</span></a>
</li>
<li>
<a href="page.html?i7"><span class="l"></span><span class="r"></span><span class="t">About</span></a>
</li>
<li>
<a href="page.html?i8"><span class="l"></span><span class="r"></span><span class="t">Contact</span></a>
</li>
</ul>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="art-block">
<div class="art-block-tl"></div>
<div class="art-block-tr"></div>
<div class="art-block-bl"></div>
<div class="art-block-br"></div>
<div class="art-block-tc"></div>
<div class="art-block-bc"></div>
<div class="art-block-cl"></div>
<div class="art-block-cr"></div>
<div class="art-block-cc"></div>
<div class="art-block-body">
<div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">Highlights</h3>
</div>
<div class="art-blockcontent">
<div class="art-blockcontent-tl"></div>
<div class="art-blockcontent-tr"></div>
<div class="art-blockcontent-bl"></div>
<div class="art-blockcontent-br"></div>
<div class="art-blockcontent-tc"></div>
<div class="art-blockcontent-bc"></div>
<div class="art-blockcontent-cl"></div>
<div class="art-blockcontent-cr"></div>
<div class="art-blockcontent-cc"></div>
<div class="art-blockcontent-body">
<div>
<ul>
<li><a href="#">Link_1</a></li>
<li><a href="#">Link_2</a></li>
<li><a href="#">Link_3</a></li>
<li><a href="#">Link_3</a></li>
<li><a href="#">Link_4</a></li>
<li><a href="#">Link_5</a></li>
<li><a href="#" class="visited">Visited link</a></li>
<li><a href="#" class="hover">Hovered link</a></li>
</ul>
<p><b>Text_1</b><br />
Text_1-1
<br />
<a href="">Read more...</a></p>
<p><b>Text_1</b><br />
Text_1
<br />
<a href="">Read more...</a></p>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<div class="art-layout-cell art-content">
<div class="art-post">
<div class="art-post-tl"></div>
<div class="art-post-tr"></div>
<div class="art-post-bl"></div>
<div class="art-post-br"></div>
<div class="art-post-tc"></div>
<div class="art-post-bc"></div>
<div class="art-post-cl"></div>
<div class="art-post-cr"></div>
<div class="art-post-cc"></div>
<div class="art-post-body">
<div class="art-post-inner art-article">
<div class="art-postmetadataheader">
<h2 class="art-postheader"><img src="/download/images/postheadericon.png" width="26" height="26" alt="" />Text_2</h2>
</div>
<div class="art-postcontent">
<img src="/download/images/preview.jpg" alt="an image" style="float:left;" />
11111111
<br><br><br><br><br><br><div class="tleftll">Здесь будет аннотация к разделу Б.Здесь будет аннотация к разделу Б.Здесь будет аннотация к разделу Б.Здесь будет аннотация к разделу Б.Здесь будет аннотация к разделу Б.Здесь будет аннотация к разделу Б.Здесь будет аннотация к разделу Б.Здесь будет аннотация к разделу Б.Здесь будет аннотация к разделу Б.Здесь будет аннотация к разделу Б.</div>
<div class="cleared"></div>
<div class="art-content-layout overview-table">
<div class="art-content-layout-row">
<div class="art-layout-cell">
<div class="overview-table-inner">
<h4>Text_4</h4>
<img src="/download/images/01.png" width="55" height="55" alt="an image" class="image" />
<p>Text_4-1</p>
</div>
</div><!-- end cell -->
<div class="art-layout-cell">
<div class="overview-table-inner">
<h4>Text_5</h4>
<img src="/download/images/02.png" width="55" height="55" alt="an image" class="image" />
<p>Text_5</p>
</div>
</div><!-- end cell -->
<div class="art-layout-cell">
<div class="overview-table-inner">
<h4>Text_6</h4>
<img src="/download/images/03.png" width="55" height="55" alt="an image" class="image" />
<p>Text_6</p>
</div>
</div><!-- end cell -->
</div><!-- end row -->
</div><!-- end table -->
</div>
<div class="cleared"></div>
</div>
<div class="cleared"></div>
</div>
</div>
<!-- nlc6 start -->
<div class="art-post">
<div class="art-post-tl"></div>
<div class="art-post-tr"></div>
<div class="art-post-bl"></div>
<div class="art-post-br"></div>
<div class="art-post-tc"></div>
<div class="art-post-bc"></div>
<div class="art-post-cl"></div>
<div class="art-post-cr"></div>
<div class="art-post-cc"></div>
<div class="art-post-body">
<div class="art-post-inner art-article">
<div class="art-postmetadataheader">
<img src="/download/images/postheadericon.png" align="left" width="26" height="26" alt="" /><u><div class="textgl">NLC 6. Начало.</div></u>
</div>
<div class="art-postcontent">
<!-- quote -->
<blockquote><p><div class="textllr">Модификация предназначена для чистой игры<br>Stalker Shadow of Chernoobyl версии 1.004, 1.005-1.006.</div></p></blockquote>
<!-- /quote -->
<a href="http://mail.ru">Перейти к обсуждению на форуме</a>Ссылки на скачивание « NLC 6. Начало» : Один файл Размер 1.73 Gb <a href='http://turbobit.net'>Скачать</a><br><br><br>Здесь продолжение будет Здесь продолжение будет Здесь продолжение будет Здесь продолжение будет Здесь продолжение будет Здесь продолжение будет Здесь продолжение будет
</div>
<div class="cleared"></div>
</div>
<div class="cleared">
</div>
</div>
</div>
<!-- /nlc6 -->
$CONTENT$
<div class="cleared"></div>
</div>
<!-- right_sidebar -->
<div class="art-layout-cell art-sidebar2">
<!--blok_01-->
<div class="art-block">
<div class="art-block-tl"></div>
<div class="art-block-tr"></div>
<div class="art-block-bl"></div>
<div class="art-block-br"></div>
<div class="art-block-tc"></div>
<div class="art-block-bc"></div>
<div class="art-block-cl"></div>
<div class="art-block-cr"></div>
<div class="art-block-cc"></div>
<div class="art-block-body">
<div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">blok_01</h3>
</div>
<div class="art-blockcontent">
<div class="art-blockcontent-tl"></div>
<div class="art-blockcontent-tr"></div>
<div class="art-blockcontent-bl"></div>
<div class="art-blockcontent-br"></div>
<div class="art-blockcontent-tc"></div>
<div class="art-blockcontent-bc"></div>
<div class="art-blockcontent-cl"></div>
<div class="art-blockcontent-cr"></div>
<div class="art-blockcontent-cc"></div>
<div class="art-blockcontent-body">
<div>
<center><table><tr><td><a href="$PM_URL$" target="_blank">ЛС</a></td><td>( $UNREAD_PM$ )</td></tr></table></center>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<!--/blok_01-->
<!--blok_02-->
<div class="art-block">
<div class="art-block-tl"></div>
<div class="art-block-tr"></div>
<div class="art-block-bl"></div>
<div class="art-block-br"></div>
<div class="art-block-tc"></div>
<div class="art-block-bc"></div>
<div class="art-block-cl"></div>
<div class="art-block-cr"></div>
<div class="art-block-cc"></div>
<div class="art-block-body">
<div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">blok_02</h3>
</div>
<div class="art-blockcontent">
<div class="art-blockcontent-tl"></div>
<div class="art-blockcontent-tr"></div>
<div class="art-blockcontent-bl"></div>
<div class="art-blockcontent-br"></div>
<div class="art-blockcontent-tc"></div>
<div class="art-blockcontent-bc"></div>
<div class="art-blockcontent-cl"></div>
<div class="art-blockcontent-cr"></div>
<div class="art-blockcontent-cc"></div>
<div class="art-blockcontent-body">
<div>
<!--Онлайн посетители --><?if($COUNTER$ || $ONLINE_COUNTER$)?>
<table><tr><td>
$ONLINE_USERS_LIST$
<hr/>
<a href="jаvascript://" onclick="todUsrList();return false;">Сегодняшние посетители</a>
<script type="text/jаvascript" src="/js/todayOnline.js"></script>
<hr/>
<script type="text/jаvascript" src="http://solanka.ucoz.ru/informer/4"></script>
</td></tr></table><?endif?>
<!--/Онлайн посетители-->
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<!--/blok_02-->
<!--blok_02-->
<div class="art-block">
<div class="art-block-tl"></div>
<div class="art-block-tr"></div>
<div class="art-block-bl"></div>
<div class="art-block-br"></div>
<div class="art-block-tc"></div>
<div class="art-block-bc"></div>
<div class="art-block-cl"></div>
<div class="art-block-cr"></div>
<div class="art-block-cc"></div>
<div class="art-block-body">
<div class="art-blockheader">
<div class="l"></div>
<div class="r"></div>
<h3 class="t">Наша кнопка</h3>
</div>
<div class="art-blockcontent">
<div class="art-blockcontent-tl"></div>
<div class="art-blockcontent-tr"></div>
<div class="art-blockcontent-bl"></div>
<div class="art-blockcontent-br"></div>
<div class="art-blockcontent-tc"></div>
<div class="art-blockcontent-bc"></div>
<div class="art-blockcontent-cl"></div>
<div class="art-blockcontent-cr"></div>
<div class="art-blockcontent-cc"></div>
<div class="art-blockcontent-body">
<div>
<!-- <block8> -->
<!-- </block8> -->
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<!--/blok_02-->
$GLOBAL_BFOOTER$
<div class="cleared"></div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="art-footer">
<div class="art-footer-t"></div>
<div class="art-footer-l"></div>
<div class="art-footer-b"></div>
<div class="art-footer-r"></div>
<div class="art-footer-body">
<a href="#" class="art-rss-tag-icon" title="RSS"></a>
<div class="art-footer-text">
<p><a href="#">Link1</a> | $POWERED_BY$ | <a href="#">Link3</a></p><p>Copyright © 2010. All Rights Reserved.</p>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
<!-- Helps -->
<p><span class="art-button-wrapper"><span class="art-button-l"></span><span class="art-button-r"></span><a class="art-button" href="http://stalker-worlds.ru/index/helper/0-30" target="_blank">helper</a></span></p>
<!-- <blockquote><p><div class="textllr"></div></p></blockquote> -->
<!-- /Helps -->
</body>
</html>
=========================================================================