We were reading through some Tangosol documentation recently (which is conveniently built using Confluence) and we saw a handy little trick on this page.
They created a user-macro to display a terminal style for the chunks of their documentation that represent command-line interaction the user should follow.
It’s easy, it’s fun, and it makes your documentation much clearer. Here’s how they did it:
<STYLE TYPE="text/css">
PRE.term {
border-right: #cccccc 1px solid;
border-top: #cccccc 1px solid;
border-left: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
padding: 5px 5px 5px 5px;
background-color: black;
font-size: 100%;
color: #eeeeee;
}
</STYLE>
<pre class="term">
$body
</pre>
Feel free to tweak the colors and fonts as you wish. And enjoy!