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!

Fresh ideas, announcements, and inspiration for your team, delivered weekly.

Subscribe now