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

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

Subscribe now