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!