* Added more CSS control for menus, buttons, app names, shell commands, paths.

* Always wanting keyboard graphics for shortcuts, Jorge suggested simple borders
  for simplicity. Great idea! Added.
* Added Jorge's rounded boxes for note/warning/stop plus symbols.
* If anyone wants to fine tune esp. colours, go ahead. Jorge and I are both
  challenged in that department. :)
* A few small corrections and reformatting here and there.
* Excluded the topic "Installation" from the contents until it's further along.


git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@29269 a95241bf-73f2-0310-859d-f6bbb57e9c96

docs/userguide/en/gui.html

@@ -43,7 +43,7 @@
 <ol>
 <li><p>The Deskbar is Haiku's "Start" menu and taskbar, if you will. See topic <a href="deskbar.html">Deskbar</a>.</p></li>
 <li>The yellow tab offers more than just a program's name or a document's filename:
-<ul><li>You can move it by holding the <tt>SHIFT</tt> key while dragging it to another position, enabling you to stack a number of windows and conveniently access them by their named tab.</li>
+<ul><li>You can move it by holding the </span>&#160;<span class="key">SHIFT</span> key while dragging it to another position, enabling you to stack a number of windows and conveniently access them by their named tab.</li>
 <li>You minimize a window with a double-click on its tab. A such hidden window can be accessed by its entry in the <a href="deskbar.html">Deskbar</a> or the <a href="twitcher.html">Twitcher</a>.</li>
 <li>You can send a window to the back with a right-click on its tab (or its border).</li></ul></li>
 <li><p>The close button.</p></li>
@@ -59,21 +59,21 @@ You can enter parent folders with the drop-down menu above the file listing.</p>
 <p>If you already have a Tracker window with the location for a file open, you can simply drag either any file or the folder-representation (i.e. the symbol to the far right in its menubar) into the panel. This changes the panel to that new location.</p>
 
 <h3><a id="open-save-shortcuts" name="open-save-shortcuts">Keyboard shortcuts</a></h3>
-<p>You can use many of the shortcuts also used in Tracker. Besides the commands that are also available through the <i>File</i> menu, there are a few not that obvious:</p>
+<p>You can use many of the shortcuts also used in Tracker. Besides the commands that are also available through the <span class="menu">File</span> menu, there are a few not that obvious:</p>
 <table summary="shortcuts" border="0" cellspacing="0" cellpadding="2">
-<tr><td><tt>ALT+N</tt></td><td></td><td> Creates a new folder.</td></tr>
-<tr><td><tt>ALT+E</tt></td><td></td><td> Lets you rename the selected entry.</td></tr>
-<tr><td><tt>ALT+CURSOR-UP</tt></td><td style="width:24px;"></td><td> Opens the parent folder.</td></tr>
-<tr><td class="onelinetop"><tt>ALT+CURSOR-DOWN or RETURN</tt></td><td></td><td> Opens the selected folder.</td></tr>
-<tr><td><tt>ALT+D</tt></td><td></td><td> Takes you to your Desktop.</td></tr>
-<tr><td><tt>ALT+H</tt></td><td></td><td> Takes you to your Home folder.</td></tr>
+<tr><td><span class="key">ALT</span>&#160;<span class="key">N</span></td><td></td><td> Creates a new folder.</td></tr>
+<tr><td><span class="key">ALT</span>&#160;<span class="key">E</span></td><td></td><td> Lets you rename the selected entry.</td></tr>
+<tr><td><span class="key">ALT</span>&#160;<span class="key">CURSOR-UP</span></td><td style="width:24px;"></td><td> Opens the parent folder.</td></tr>
+<tr><td class="onelinetop"><span class="key">ALT</span>&#160;<span class="key">CURSOR-DOWN</span> or <span class="key">ENTER</span></td><td></td><td> Opens the selected folder.</td></tr>
+<tr><td><span class="key">ALT</span>&#160;<span class="key">D</span></td><td></td><td> Takes you to your Desktop.</td></tr>
+<tr><td><span class="key">ALT</span>&#160;<span class="key">H</span></td><td></td><td> Takes you to your Home folder.</td></tr>
 </table>
 
 <h3><a id="favorites-recent" name="favorites-recent">Favorites and recent folders</a></h3>
-<p>The menu <i>Favorites</i> provides recently visited folders and favorite locations that you can set up yourself. As indicated by the little arrow, you can also use these locations to navigate further down the hierarchy via submenus.</p>
+<p>The menu <span class="menu">Favorites</span> provides recently visited folders and favorite locations that you can set up yourself. As indicated by the little arrow, you can also use these locations to navigate further down the hierarchy via submenus.</p>
 <img src="../images/gui-images/favorites.png" alt="favorites.png" width="455" height="209" />
-<p>To add a Favorite, you simply navigate to your destination and choose <i>Favorites | Add Current Folder</i>. From now on it will appear in every open/save panel. To remove a Favorite, choose <i>Favorites | Configure Favorites...</i> and delete its entry.<br />
-All Favorites are kept in <tt>/boot/home/config/settings/Tracker/Go/</tt>. So you might as well add and remove links to files and folders there directly.</p>
+<p>To add a Favorite, you simply navigate to your destination and choose <span class="menu">Favorites | Add Current Folder</span>. From now on it will appear in every open/save panel. To remove a Favorite, choose <span class="menu">Favorites | Configure Favorites...</span> and delete its entry.<br />
+All Favorites are kept in <span class="path">/boot/home/config/settings/Tracker/Go/</span>. So you might as well add and remove links to files and folders there directly.</p>
 
 </div>