Оформление сообщений в книгах ЛитРПГ.

Опубликовано пн, 14/11/2016 - 04:31 пользователем tumanyan

Кто подскажет как провернуть такую операцию. В книжках ЛитРПГ нередко необходимо оформить сообщения от игры игроку, например, о получении нового уровня. Обычно это оформляют цитатой, но это кажется несколько некрасиво. Идея у меня была такая: с помощью таблицы оформить окно похожее на окно Windows. Вот как это может выглядеть в html и, соответственно, в epub.

<html>
<head>
<style type="text/css">
.window
{ width: 40%;
margin: auto;
border: 2px ridge;
border-spacing: 0px;
}

.captionSystem
{ text-align: left;
vertical-align: middle;
background-color: blue;
width: 4%;
}

.caption
{ text-align: center;
vertical-align: middle;
background-color: blue;
}

.captionClose
{ text-align: right;
vertical-align: middle;
background-color: blue;
width: 4%;
}

.footer
{ text-align: center;
vertical-align: middle;
width: 50%;
border-spacing: 0px 1px;
border-top-width: 1px;
border-top-style: solid;
}
</style>
<title>test</title>
</head>
<body>

<table class="window">
<tbody>
<tr>
<td class="captionSystem">-</td>
<td class="caption" colspan="2">caption</td>
<td class="captionClose"><button type="button">x</button></td>
</tr>
<tr>
<td colspan="4">
Some text<br>
a lot of text<br>
really a lot of text!
</td>
</tr>
<tr>
<td colspan="2" class="footer"><button type="button">Accept</button></td>
<td colspan="2" class="footer"><button type="button">Deny</button></td>
</tr>
</tbody>
</table>


</body>
</html>

Внимание вопрос: а как это сделать в fb2? html, css, xml знаю, потому можно просто привести соответствующий код. Этого достаточно.
X