Приложение 1: Модальное окно

предложено на странице Emanuele Feronato.

Стиль CSS (для платформы Blogger данный фрагмент добавляется до ]]></b:skin>):

.black_overlay{
 display: none;
 position: absolute;
 top: 0%;
 left: 0%;
 width: 100%;
 height: 100%;
 background-color: black;
 z-index:1001;
 -moz-opacity: 0.8;
 opacity:.80;
 filter: alpha(opacity=80);
}

.white_content {
 display: none;
 position:fixed;
 top: 10%;
 left: 25%;
 width: 340px;
 height: 480px;
 padding: 16px;
 border: 16px solid orange;
 background-color: white;
 z-index:1002;
 overflow: auto;
}

После <body> пишем:

<div class='black_overlay' id='fade'></div>

В выбранном месте указываем:

<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">открыть</a></p>
<div id="light" class="white_content">
Содержание<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">закрыть</a></div>

Здесь есть две ссылки: одна открывает окно, другая закрывает.

Образец

закрыть