Файл: index.html
Строк: 6
<?php
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="css/style.css">
<title>Блоки в форме диалогов | CSS</title>
</head>
<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<div class='center'>
<br>
<table class='width'>
<tr>
<td valign='top'>
<div class="text">
<div class="wrapper">
<p>Здесь будут продемонстрированны разные примеры использования <a href="#">блоков<span class="tooltip">Вот так вот</span></a> в форме диалога</p>
<div id="dialog-wrap">
<ul id="dialog">
<li class="dialog right">
<div class="avatar"></div>
<p>Уилл заметил движение уголком глаза. Бледные силуэты появились в лесу. Повернув голову, он увидел белую тень, скользнувшую во тьме. Тень исчезла. Ветки легко шевелились под ветром, скребли друг друга деревянными пальцами. Уилл открыл рот, чтобы выкрикнуть предупреждение, но слова как будто замерзли в его горле. Возможно, он ошибся, и это всего лишь птица или отражение, брошенное на снег прихотью лунного света. В конце концов, что он видел?</p>
</li>
<li class="dialog right">
<div class="avatar"></div>
<p>— Уилл, где ты? — поднял голову вверх сир Уэймар. — Ты заметил что-нибудь? — Зажав в руке меч, рыцарь медленно, с внезапным напряжением повернулся на месте. Значит, и он ощутил их. Ощутил, но не увидел. — Отвечай мне! Почему так холодно?</p>
</li>
<li class="dialog left">
<div class="avatar"></div>
<p>Было действительно холодно. Ежась, Уилл плотнее прижался к стволу, припав лицом к грубой коре. Сладко пахло смолой, прилипшей к щеке.</p>
</li>
<li class="dialog right">
<div class="avatar"></div>
<p>Из тьмы леса родилась тень и остановилась перед Рейсом. Высокая, тощая и твердая, как старые кости, и вместе с тем бледная, как молоко. Панцирь ее словно менял цвет при каждом движении. Он то становился белым, как свежевыпавший снег, то покрывался угольной тенью, то отливал серой зеленью деревьев. С каждым шагом новый узор пробегал по броне, словно лунный свет по воде.</p>
</li>
<li class="dialog left">
<div class="avatar"></div>
<p>Уилл услышал, как дыхание с долгим шипением вырвалось из груди сира Уэймара Ройса.</p>
</li>
<li class="dialog left">
<div class="avatar"></div>
<p>— Стой! — выкрикнул лорденыш, дав петуха как мальчишка. Забросив длинный соболий плащ за плечи, он освободил обе руки для боя и взял меч. Ветер утих, но сделалось еще холоднее.</p>
</li>
<li class="dialog left">
<div class="avatar"></div>
<p>...</p>
</li>
</ul>
</div>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
?>