* 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/tracker.html

@@ -40,87 +40,86 @@
 <p>Being an application like any other (the Desktop with its icons is really just a fullscreen window in the background), Tracker appears with its windows in the Deskbar and can be quit and restarted. The easiest way to quit and restart a crashed or frozen Tracker (or a wayward Deskbar) is to call the <a href="teammonitor.html">Team Monitor</a>.</p>
 
 <h2><a id="mounting-volumes" name="mounting-volumes">Mounting Volumes</a></h2>
-<p>In order to access a harddisk, CD, USB stick etc., you first have to mount the volume, that is, let the system know it's there. This is done with a right-click on the Desktop or an already mounted volume (like the boot disk) and choosing the volume from the <i>Mount</i> submenu.</p>
+<p>In order to access a harddisk, CD, USB stick etc., you first have to mount the volume, that is, let the system know it's there. This is done with a right-click on the Desktop or an already mounted volume (like the boot disk) and choosing the volume from the <span class="menu">Mount</span> submenu.</p>
 <img src="../images/tracker-images/mount-settings.png" alt="drill-down.png" width="581" height="290" />
-<p>There are also <i>Mount Settings</i> so you don't have to mount everything manually after every bootup.<br />
+<p>There are also <span class="menu">Mount Settings</span> so you don't have to mount everything manually after every bootup.<br />
 The above settings will mount all disks on bootup that were mounted previously and will automatically mount any storage device you connect/insert.</p>
-<p><span style="font-weight:bold; font-size:larger; color:red">Warning:</span><br />
-<span style="font-weight:bold; color:red">Before you disconnect e.g. a harddrive or USB stick, make sure you have successfully unmounted the volume. This guarantees that all data transfer has finished. Otherwise you may lose data or corrupt the disk!</span></p>
+<div class="box-warning">Before you disconnect e.g. a harddrive or USB stick, make sure you have successfully unmounted the volume. This guarantees that all data transfer has finished. Otherwise you may lose data or corrupt the disk!</div>
 
 <h2><a id="navigating" name="navigating">Navigating</a></h2>
 <p>Moving through your folders is one of Trackers main purposes, just like the file managers on other platforms. Haiku's Tracker has some unique features that will help you doing that efficiently.</p>
 <p>Instead of double-clicking your way down folder after folder, there's a better way to drill down:</p>
 <img src="../images/tracker-images/drill-down.png" alt="drill-down.png" width="603" height="303" />
-<p>Right-click onto a folder, and at the top of the usual context menu you'll find a submenu of the current folder that let's you navigate down a level. Just move down the hierarchy until you find the file or folder you're looking for and click on it to open it. The above shows the contents of the folder <tt>/boot/beos/system/</tt>.<br /><br /></p>
+<p>Right-click onto a folder, and at the top of the usual context menu you'll find a submenu of the current folder that let's you navigate down a level. Just move down the hierarchy until you find the file or folder you're looking for and click on it to open it. The above shows the contents of the folder <span class="path">/boot/beos/system/</span>.<br /><br /></p>
 <p>A similar method can be used from any Tracker window:</p>
 <img src="../images/tracker-images/window-drill-down.png" alt="window-drill-down.png" width="502" height="359" />
 <p>Click on the area in the lower left, where the number of items are listed, and you'll get submenus for every level above you current folder. From there you can drill down through the folders as usual.</p>
 <p>Note, that the Desktop is always the topmost level as that is where Tracker shows mounted volumes. So, if you want to go to another disk, you first have to navigate to the top (Desktop) and cross over to your other disk from there.</p><br />
 <p>You'll get the same submenu-navigating when you drag a file over a folder. After a short while of hovering, a submenu pops up and you can drill down to your destination. If you initiated the drag with the right mousebutton, you can choose between copying, moving or linking the file when you release the mouse.</p><br />
 <p>By default, when you double-click a folder, Tracker opens a new window while leaving the parent window open. This can quickly lead to an overcrowded desktop.<br />
-You can prevent that by holding down the left <tt>WIN</tt> key, which automatically closes the parent window.<br />
+You can prevent that by holding down the left <span class="key">WIN</span> key, which automatically closes the parent window.<br />
 This is also true for keyboard navigation. For more on that, see topic <a href="keyboard-shortcuts">Shortcuts and key combinations</a>.</p>
 
 <h2><a id="appearance" name="appearance">Appearance</a></h2>
 <img src="../images/tracker-images/window-menu.png" alt="window-menu.png" width="382" height="259" />
-<p>Tracker windows offer three different viewing modes from the <i>Window</i> menu:</p>
+<p>Tracker windows offer three different viewing modes from the <span class="menu">Window</span> menu:</p>
 <ul>
-<li><b>Icon View</b> (<tt>ALT+1</tt>) - Big icons, you can change the size from the submenu.</li>
-<li><b>Mini Icon View</b> (<tt>ALT+2</tt>) - Small icons.</li>
-<li><b>List View</b> (<tt>ALT+3</tt>) - A detailed list of your files enabling you to show/hide available <i>attributes</i>. (See topic <a href="attributes.html">Attributes</a>.)</li>
+<li><p><b>Icon View</b> (<span class="key">ALT</span>&#160;<span class="key">1</span>) - Big icons, you can change the size from the submenu.</p></li>
+<li><p><b>Mini Icon View</b> (<span class="key">ALT</span>&#160;<span class="key">2</span>) - Small icons.</p></li>
+<li><p><b>List View</b> (<span class="key">ALT</span>&#160;<span class="key">3</span>) - A detailed list of your files enabling you to show/hide available <i>attributes</i>. (See topic <a href="attributes.html">Attributes</a>.)</p></li>
 </ul>
-<p>The <i>Window</i> menu offers a number of other functions:</p>
+<p>The <span class="menu">Window</span> menu offers a number of other functions:</p>
 <ul>
-<li><b>Resize Window</b> (<tt>ALT+Y</tt>) - Resizes the window to its ideal size.</li>
-<li><b>Clean Up</b> (<tt>ALT+K</tt>) - Aligns all icons to an invisible grid. Hold down <tt>SHIFT</tt> and the menu becomes <i>Clean Up All</i> which additionally sorts all icons alphabetically.</li>
-<li><b>Select...</b> (<tt>SHIFT+ALT+A</tt>) - Select files according to a regular expression.</li>
+<li><p><b>Resize Window</b> (<span class="key">ALT</span>&#160;<span class="key">Y</span>) - Resizes the window to its ideal size.</p></li>
+<li><p><b>Clean Up</b> (<span class="key">ALT</span>&#160;<span class="key">K</span>) - Aligns all icons to an invisible grid. Hold down <span class="key">SHIFT</span> and the menu becomes <span class="menu">Clean Up All</span> which additionally sorts all icons alphabetically.</p></li>
+<li><p><b>Select...</b> (<span class="key">SHIFT</span>&#160;<span class="key">ALT</span>&#160;<span class="key">A</span>) - Select files according to a regular expression.</p></li>
 </ul>
-<p>Sometimes you just want to rearrange a few icons without doing a complete <i>Clean Up</i> (<tt>ALT+K</tt>). In that case, you select these icons and start to drag them to their new location. Before you drop them there, keep <tt>ALT</tt> pressed until you've released the mouse button. This will align the icons to the invisible grid.</p>
+<p>Sometimes you just want to rearrange a few icons without doing a complete <span class="menu">Clean Up</span> (<span class="key">ALT</span>&#160;<span class="key">K</span>). In that case, you select these icons and start to drag them to their new location. Before you drop them there, keep <span class="key">ALT</span> pressed until you've released the mouse button. This will align the icons to the invisible grid.</p>
 <p>The rest of the functions are pretty self-explanatory, leaving the Tracker preferences.</p>
 
 <h3><a id="tracker-preferences" name="tracker-preferences">Tracker preferences</a></h3>
-<p><i>Window | Preferences...</i> opens a panel that offers a number of settings that, where not obvious, should become clear once tried out. Since all settings are applied live, you'll immediately see the changes.
+<p><span class="menu">Window | Preferences...</span> opens a panel that offers a number of settings that, where not obvious, should become clear once tried out. Since all settings are applied live, you'll immediately see the changes.
 <br />So, in short, the not so obvious settings:</p>
 <ul>
-<li><b>Desktop</b> - Decide if all mounted disks appear directly on the Desktop or in a window after clicking a single Disk icon sitting on the Desktop.</li>
-<li><b>Windows</b> - You can set <i>Single Window Navigation</i>, i.e. a double-clicked folder doesn't open in its own window, but inside the already open window instead, replacing the view of it's parent folder. This is not the same as clicking while holding the <tt>WIN</tt> key, as described above, because you'll lose the per window saved position and size.
+<li><p><b>Desktop</b> - Decide if all mounted disks appear directly on the Desktop or in a window after clicking a single Disk icon sitting on the Desktop.</p></li>
+<li><p><b>Windows</b> - You can set <span class="menu">Single Window Navigation</span>, i.e. a double-clicked folder doesn't open in its own window, but inside the already open window instead, replacing the view of it's parent folder. This is not the same as clicking while holding the <span class="key">WIN</span> key, as described above, because you'll lose the per window saved position and size.
 <br /><br />
 <img src="../images/tracker-images/tracker-preferences-navigator.png" alt="tracker-preferences-navigator.png" width="608" height="413" />
 <br />
 <p>Before you switch Tracker to Single Window Navigation mode, because that may feel more familiar to you, we recommend giving the menu based browsing a try first, as that may actually work much faster for you after getting used to. On the other hand, single window browsing offers a <i>Navigator</i> where you can enter or copy&amp;paste a path name and use back, forward and up buttons.</p></li>
-<li><b>Date and Time</b> - Set date and time formats.</li>
-<li><b>Trash</b> - Set the behaviour when deleting a file.</li>
-<li><b>Volume Icons</b> - Set the colour of an optional indicator of free space that's shown besides a disk's icon.</li>
+<li><p><b>Date and Time</b> - Set date and time formats.</p></li>
+<li><p><b>Trash</b> - Set the behaviour when deleting a file.</p></li>
+<li><p><b>Volume Icons</b> - Set the colour of an optional indicator of free space that's shown besides a disk's icon.</p></li>
 </ul>
-<p>This panel, by the way, is also available as <i>Tracker</i> from Deskbar's <i>Preferences</i>.</p>
+<p>This panel, by the way, is also available as <span class="app">Tracker</span> from Deskbar's <span class="menu">Preferences</span>.</p>
 
 <h2><a id="working-with-files" name="working-with-files">Working with files</a></h2>
-<p>When invoked on a selected file, most of the <i>File</i> menu commands are also offered in the context menu by right-clicking that file.</p>
-<p>As usual the usage of the commands is pretty clear.</p>
+<p>When invoked on a selected file, most of the <span class="menu">File</span> menu commands are also offered in the context menu by right-clicking that file.</p>
+<p>As usual the commands are pretty clear.</p>
 <ul>
-<li><b>Find...</b> - Find a file or folder. See topic <a href="Query.html">Query</a> for more info.</li>
-<li><b>New...</b> - Create a new folder or any other file based on a <i>template</i>.
+<li><p><b>Find...</b> - Find a file or folder. See topic <a href="Query.html">Query</a> for more info.</p></li>
+<li><p><b>New...</b> - Create a new folder or any other file based on a <i>template</i>.
 <br /><br />
 <img src="../images/tracker-images/new-menu.png" alt="new-menu.png" width="627" height="219" />
 <br />
-<p>Choosing <i>Edit Templates...</i> opens the folder <tt>/boot/home/config/settings/Tracker/Tracker New Templates</tt>. Creating a file in that folder will offer its filetype with the file's name and other attributes as template in the <i>New...</i> menu. Here, there's a file "Text" with the filetype <tt>text/plain</tt>. See topic <a href="filetypes.html">Filetypes</a> for more info.</p></li>
-<li><b>Open With...</b> - A submenu offers all applications that can handle this filetype.
+<p>Choosing <span class="menu">Edit Templates...</span> opens the folder <span class="path">/boot/home/config/settings/Tracker/Tracker New Templates</span>. Creating a file in that folder will offer its filetype with the file's name and other attributes as template in the <span class="menu">New...</span> menu. Here, there's a file "Text" with the filetype <tt>text/plain</tt>. See topic <a href="filetypes.html">Filetypes</a> for more info.</p></li>
+<li><p><b>Open With...</b> - A submenu offers all applications that can handle this filetype.
 <br /><br />
 <img src="../images/tracker-images/open-with.png" alt="open-with.png" width="303" height="343" />
 <br />
-<p>The preferred application that would open the file when double-clicked, is checkmarked. This submenu lists first those applications that can handle the exact filetype, in this case it's a text file, the type <tt>text/plain</tt>. Next come all applications that can handle that supertype in general, here <tt>text/*</tt>. Last in the list are those that can deal with any file. If you don't click on an app in the submenu, but on the <i>Open With...</i> entry instead, a panel opens:</p>
+<p>The preferred application that would open the file when double-clicked, is checkmarked. This submenu lists first those applications that can handle the exact filetype, in this case it's a text file, the type <tt>text/plain</tt>. Next come all applications that can handle that supertype in general, here <tt>text/*</tt>. Last in the list are those that can deal with any file. If you don't click on an app in the submenu, but on the <span class="menu">Open With...</span> entry instead, a panel opens:</p>
 <br /><br />
 <img src="../images/tracker-images/open-with-preferred.png" alt="open-with-preferred" width="539" height="262" />
-<p>Here you'll again find the programs that were listed in the submenu. By selecting one and clicking the <i>Open and Make Preferred</i> button, you changed the preferred application for every file of that filetype, here <tt>text/plain</tt>.</p></li>
-<li><b>Get Info</b>
+<p>Here you'll again find the programs that were listed in the submenu. By selecting one and clicking the <span class="button">Open and Make Preferred</span> button, you changed the preferred application for every file of that filetype, here <tt>text/plain</tt>.</p></li>
+<li><p><b>Get Info</b>
 <br /><br />
 <img src="../images/tracker-images/get-info.png" alt="get-info" width="326" height="302" />
 <p>The panel presents info on the selected file and lets you set the default application and, after you expanded that part of the panel, permissions and owner. Clicking on the path will open it in a Tracker window.</p></li>
-<li><b>Edit Name</b>, <b>Duplicate</b> and <b>Move to Trash</b> - lets you rename or duplicate a file or put the selected file(s) to the trash.</li>
-<li><b>Move to</b>, <b>Copy to</b> and <b>Create Link</b> - lets you move, copy or link the selected file(s) using the submenu navigating method. Holding <tt>SHIFT</tt> while invoking the menu offers the option to create a relative link.</li>
-<li><b>Cut</b>, <b>Copy</b> and <b>Paste</b> - lets you cut, copy and paste files using the clipboard. By holding <tt>SHIFT</tt> while invoking the menu you can <b>Copy/Cut more</b> files, maybe from another folder that you can paste somewhere else later. Also, while holding <tt>SHIFT</tt> you can paste the copied files in the clipboard as links.</li>
-<li><b>Identify</b> - will sniff out and set the type of a file if it didn't have one before, e.g. if you transferred a file with <i>wget</i> which doesn't set a filetype itself. Holding <tt>SHIFT</tt> while invoking the menu changes the item to identify the filetype and correct it if it was false before.</li>
-<li><b>Add-Ons</b> - offers you every generic Tracker add-on and those that can handle the selected file(s). See topic <a href="tracker-add-ons.html">Tracker Add-ons</a> for more information.</li>
+<li><p><b>Edit Name</b>, <b>Duplicate</b> and <b>Move to Trash</b> - lets you rename or duplicate a file or put the selected file(s) to the trash.</p></li>
+<li><p><b>Move to</b>, <b>Copy to</b> and <b>Create Link</b> - lets you move, copy or link the selected file(s) using the submenu navigating method. Holding <span class="key">SHIFT</span> while invoking the menu offers the option to create a relative link.</p></li>
+<li><p><b>Cut</b>, <b>Copy</b> and <b>Paste</b> - lets you cut, copy and paste files using the clipboard. By holding <span class="key">SHIFT</span> while invoking the menu you can <b>Copy/Cut more</b> files, maybe from another folder that you can paste somewhere else later. Also, while holding <span class="key">SHIFT</span> you can paste the copied files in the clipboard as links.</p></li>
+<li><p><b>Identify</b> - will sniff out and set the type of a file if it didn't have one before, e.g. if you transferred a file with <span class="cli">wget</span> which doesn't set a filetype itself. Holding <span class="key">SHIFT</span> while invoking the menu changes the item to identify the filetype and correct it if it was false before.</p></li>
+<li><p><b>Add-Ons</b> - offers you every generic Tracker add-on and those that can handle the selected file(s). See topic <a href="tracker-add-ons.html">Tracker Add-ons</a> for more information.</p></li>
 </ul>
 
 <h2><a id="transaction-status" name="transaction-status">Transaction status</a></h2>