* Typo in keyboard-shortcuts.html

* Changes on all pages and CSS for
  - min/max width
  - topic title to the left under the logo
  - a new logo (thanks Jorge)
  - refurbished navi bar
  - some more printing tweaks

There are a few CSS issues where I can use some help. I'll post about it on the
documentation mailing list.

+alphabranch


git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@32651 a95241bf-73f2-0310-859d-f6bbb57e9c96
This commit is contained in:
Joachim Seemer 2009-08-24 12:41:43 +00:00
parent d62eae6e2e
commit d616e43574
93 changed files with 1032 additions and 983 deletions

View File

@ -12,13 +12,16 @@
html {
margin: 0px;
padding: 0px;
background: #FFF url(userguide/images/bg-page.png) top left repeat-x;
}
body {
color: #333333;
line-height: 1.5;
margin: 0px;
margin: auto;
padding: 0px;
font-family: "DejaVu Sans",Arial,Helvetica,sans-serif;
font-family: "DejaVu Sans", Arial, Helvetica, sans-serif;
min-width: 59em;
max-width: 70em;
}
/* link colors and text decoration */
@ -61,7 +64,7 @@ h4 a:hover, a:active {
/* basic text elements */
div.content {
margin-top: 50px;
margin-top: 30px;
margin-left: 40px;
margin-right: 40px;
margin-bottom: 50px;
@ -74,18 +77,18 @@ div.logo {
position: relative;
left: 0px;
top: 0px;
height: 86px;
height: 84px;
background: #efefef;
}
div.logo img {
margin-left: 20px;
margin-left: 10px;
}
div.title {
position: absolute;
bottom: 16px;
right: 40px;
font-size: 1.2em;
line-height: 1.0;
font-size: 1.3em;
font-weight: bold;
color: #0c3762;
border-bottom: dotted thin #e0e0e0;
margin-bottom: 25px;
}
div.topnav {
background: #e0e0e0;
@ -102,13 +105,15 @@ div.bottomnav {
background: #efefef;
}
div.bottomnav p {
margin-left: 40px;
margin-top: 0px;
margin-right: 40px;
margin-bottom: 0px;
text-align: right;
font-size: 0.8em;
}
/*
a.uplink {
font-weight: normal;
}
*/
/* contents box */
@ -119,23 +124,29 @@ table.index {
border-style: dotted;
border-color: #e0e0e0;
}
table.index tr.heading {
background-color: #e0e0e0;
text-align: center;
font-weight: bold;
font-style: italic;
font-size: 1.1em;
}
table.index tr.index {
background-color: #efefef;
}
table.index td {
padding: 5px 20px;
}
/*
table.index a:link, a:visited {
font-weight: normal;
text-decoration: none;
color: #dc3c01;
}
table.index a:hover, a:active {
text-decoration: underline;
color: #ff4500;
}
*/
/* Haiku User Guide styles and layout */
@ -170,14 +181,14 @@ h1 {
font-weight: normal;
color: #0c3762;
border-bottom: dotted thin #e0e0e0;
margin-top: 50px;
margin-top: 35px;
}
h2 {
font-size: 1.2em;
font-weight: normal;
color: #0c3762;
border-bottom: dotted thin #e0e0e0;
margin-top: 40px;
margin-top: 30px;
}
h3 {
font-size: 1.1em;
@ -306,4 +317,14 @@ pre.terminal { /* Terminal output*/
background-color: #ffffff;
color: #000000;
}
div.topnav, div.bottomnav, div.logo, table.index {
display: none;
}
div.content {
margin: 0px;
padding: 0px;
}
html {
background: #FFF;
}
}

View File

@ -22,21 +22,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Applications</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="workshop-filetypes+attributes.html">Workshop</a>
&#160;&#160;&#160;
Next: <a href="desktop-applets.html">Desktop Applets</a>
&laquo;&#160;&#160;<a href="workshop-filetypes+attributes.html">Workshop</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="desktop-applets.html">Desktop Applets</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Applications</div>
<p>Before diving into all the applications that come with Haiku, let's have a more detailed look at how to install and uninstall programs you downloaded somewhere, for example from a site mentioned on the <a href="../../welcome/welcome.html#software">Welcome</a> page.
</p>
@ -137,11 +139,11 @@ Otherwise, uninstalling is simply done by deleting the application's folder.</p>
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="workshop-filetypes+attributes.html">Workshop</a>
&#160;&#160;&#160;
Next: <a href="desktop-applets.html">Desktop Applets</a>
&laquo;&#160;&#160;<a href="workshop-filetypes+attributes.html">Workshop</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="desktop-applets.html">Desktop Applets</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,19 +21,20 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">ActivityMonitor</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Next: <a href="apps-cdplayer.html">CDPlayer</a>
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-cdplayer.html">CDPlayer</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<h1><img src="../../images/apps-images/activitymonitor-icon_64.png" alt="activitymonitor-icon_64.png"
width="64" height="64" />ActivityMonitor</h1>
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
@ -56,9 +57,9 @@ width="64" height="64" />ActivityMonitor</h1>
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Next: <a href="apps-cdplayer.html">CDPlayer</a>
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-cdplayer.html">CDPlayer</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">BePDF</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-bundled-apps">Applications</a>
&#160;&#160;&#160;
<!-- Previous: <a href="apps-activitymonitor.html">ActivityMonitor</a>
&#160;&#160;&#160;
--> Next: <a href="apps-bezillabrowser.html">BeZillaBrowser</a>
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<!-- &laquo;&#160;&#160;<a href="apps-activitymonitor.html">ActivityMonitor</a>
&#160;&#160;::&#160;&#160;
--> <a href="apps-bezillabrowser.html">BeZillaBrowser</a>&#160;&#160;&raquo;
</p>
</div>
@ -51,11 +51,11 @@ width="64" height="64" />BePDF</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-activitymonitor.html">ActivityMonitor</a>
&#160;&#160;&#160;
Next: <a href="apps-bezillabrowser.html">BeZillaBrowser</a>
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
&laquo;&#160;&#160;<a href="apps-activitymonitor.html">ActivityMonitor</a>
&#160;&#160;::&#160;&#160;
<a href="apps-bezillabrowser.html">BeZillaBrowser</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">BeZillaBrowser</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-bundled-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-bepdf.html">BePDF</a>
&#160;&#160;&#160;
Next: <a href="apps-pe.html">Pe</a>
&laquo;&#160;&#160;<a href="apps-bepdf.html">BePDF</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-pe.html">Pe</a>&#160;&#160;&raquo;
</p>
</div>
@ -53,11 +53,11 @@ Caveat: It only works with online pages, not with your locally stored documents.
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-bundled-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-bepdf.html">BePDF</a>
&#160;&#160;&#160;
Next: <a href="apps-pe.html">Pe</a>
&laquo;&#160;&#160;<a href="apps-bepdf.html">BePDF</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-pe.html">Pe</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">CDPlayer</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-activitymonitor.html">ActivityMonitor</a>
&#160;&#160;&#160;
Next: <a href="apps-charactermap.html">CharacterMap</a>
&laquo;&#160;&#160;<a href="apps-activitymonitor.html">ActivityMonitor</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-charactermap.html">CharacterMap</a>&#160;&#160;&raquo;
</p>
</div>
@ -57,11 +57,11 @@ Activate the <span class="button">Repeat</span> button to the left of <span clas
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-activitymonitor.html">ActivityMonitor</a>
&#160;&#160;&#160;
Next: <a href="apps-charactermap.html">CharacterMap</a>
&laquo;&#160;&#160;<a href="apps-activitymonitor.html">ActivityMonitor</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-charactermap.html">CharacterMap</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">CharacterMap</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-cdplayer.html">CDPlayer</a>
&#160;&#160;&#160;
Next: <a href="apps-codycam.html">CodyCam</a>
&laquo;&#160;&#160;<a href="apps-cdplayer.html">CDPlayer</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-codycam.html">CodyCam</a>&#160;&#160;&raquo;
</p>
</div>
@ -53,11 +53,11 @@ width="64" height="64" />CharacterMap</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-cdplayer.html">CDPlayer</a>
&#160;&#160;&#160;
Next: <a href="apps-codycam.html">CodyCam</a>
&laquo;&#160;&#160;<a href="apps-cdplayer.html">CDPlayer</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-codycam.html">CodyCam</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">CodyCam</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-charactermap.html">CharacterMap</a>
&#160;&#160;&#160;
Next: <a href="apps-deskcalc.html">DeskCalc</a>
&laquo;&#160;&#160;<a href="apps-charactermap.html">CharacterMap</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-deskcalc.html">DeskCalc</a>&#160;&#160;&raquo;
</p>
</div>
@ -53,11 +53,11 @@ width="64" height="64" />CodyCam</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-charactermap.html">CharacterMap</a>
&#160;&#160;&#160;
Next: <a href="apps-deskcalc.html">DeskCalc</a>
&laquo;&#160;&#160;<a href="apps-charactermap.html">CharacterMap</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-deskcalc.html">DeskCalc</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">DeskCalc</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-codycam.html">CodyCam</a>
&#160;&#160;&#160;
Next: <a href="apps-diskprobe.html">DiskProbe</a>
&laquo;&#160;&#160;<a href="apps-codycam.html">CodyCam</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-diskprobe.html">DiskProbe</a>&#160;&#160;&raquo;
</p>
</div>
@ -76,11 +76,11 @@ Or you drag&amp;drop a calculation directly out of an email onto DeskCalc.</p></
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-codycam.html">CodyCam</a>
&#160;&#160;&#160;
Next: <a href="apps-diskprobe.html">DiskProbe</a>
&laquo;&#160;&#160;<a href="apps-codycam.html">CodyCam</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-diskprobe.html">DiskProbe</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">DiskProbe</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-deskcalc.html">DeskCalc</a>
&#160;&#160;&#160;
Next: <a href="apps-diskusage.html">DriveUsage</a>
&laquo;&#160;&#160;<a href="apps-deskcalc.html">DeskCalc</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-diskusage.html">DriveUsage</a>&#160;&#160;&raquo;
</p>
</div>
@ -59,11 +59,11 @@ This is a handy feature mostly when looking at file systems, as they often conta
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-deskcalc.html">DeskCalc</a>
&#160;&#160;&#160;
Next: <a href="apps-diskusage.html">DriveUsage</a>
&laquo;&#160;&#160;<a href="apps-deskcalc.html">DeskCalc</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-diskusage.html">DriveUsage</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">DiskUsage</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-diskprobe.html">DiskProbe</a>
&#160;&#160;&#160;
Next: <a href="apps-drivesetup.html">DriveSetup</a>
&laquo;&#160;&#160;<a href="apps-diskprobe.html">DiskProbe</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-drivesetup.html">DriveSetup</a>&#160;&#160;&raquo;
</p>
</div>
@ -64,11 +64,11 @@ Left-clicking the center circle moves you up one level.</p>
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-diskprobe.html">DiskProbe</a>
&#160;&#160;&#160;
Next: <a href="apps-drivesetup.html">DriveSetup</a>
&laquo;&#160;&#160;<a href="apps-diskprobe.html">DiskProbe</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-drivesetup.html">DriveSetup</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">DriveSetup</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-diskusage.html">DiskUsage</a>
&#160;&#160;&#160;
Next: <a href="apps-expander.html">Expander</a>
&laquo;&#160;&#160;<a href="apps-diskusage.html">DiskUsage</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-expander.html">Expander</a>&#160;&#160;&raquo;
</p>
</div>
@ -50,11 +50,11 @@ width="64" height="64" />DriveSetup</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-diskusage.html">DiskUsage</a>
&#160;&#160;&#160;
Next: <a href="apps-expander.html">Expander</a>
&laquo;&#160;&#160;<a href="apps-diskusage.html">DiskUsage</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-expander.html">Expander</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Expander</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-drivesetup.html">DriveSetup</a>
&#160;&#160;&#160;
Next: <a href="apps-icon-o-matic.html">Icon-O-Matic</a>
&laquo;&#160;&#160;<a href="apps-drivesetup.html">DriveSetup</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-icon-o-matic.html">Icon-O-Matic</a>&#160;&#160;&raquo;
</p>
</div>
@ -63,11 +63,11 @@ The options are all self-explanatory:
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-drivesetup.html">DriveSetup</a>
&#160;&#160;&#160;
Next: <a href="apps-icon-o-matic.html">Icon-O-Matic</a>
&laquo;&#160;&#160;<a href="apps-drivesetup.html">DriveSetup</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-icon-o-matic.html">Icon-O-Matic</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Icon-O-Matic</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-expander.html">Expander</a>
&#160;&#160;&#160;
Next: <a href="apps-installer.html">Installer</a>
&laquo;&#160;&#160;<a href="apps-expander.html">Expander</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-installer.html">Installer</a>&#160;&#160;&raquo;
</p>
</div>
@ -63,7 +63,7 @@
<p>Before we come to the actual creating of icons in Icon-O-Matic, a few words on Haiku's icons in general.</p>
<h1>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="bitmap-vector" name="bitmap-vector">BeOS bitmap vs. Haiku vector icons</a></h1>
<p>Contrary to the BeOS, Haiku uses vector icons instead of bitmap icons. A special Haiku Vector Icon Format (HVIF) was developed that is highly optimized for small file sizes and fast rendering. That's why our icons are for the most part <i>much</i> smaller than either a bitmap or the widely used SVG format. Also, unlike BeOS' bitmap icons, Haiku isn't limited to an 8bit palette (256 colors).<br />
Take this icon of the Terminal, for example:</p>
@ -102,13 +102,13 @@ width="128" height="128" /></td>
</table>
<h1>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="icons-attributes" name="icons-attributes">Icons are attributes</a></h1>
<p>Icons are stored as an attribute with their file. However, that doesn't mean that every file has to have this attribute to appear with an icon in a Tracker window: data files inherit their icon from their filetype. To globally change the filetype's icon you use the <span class="app">FileTypes</span> preferences. If you only want to add a special icon to an individual file, you use the <span class="app">FileType Add-On</span> on it instead. See topic <a href="../filetypes.html">Filetypes</a> for more information.</p>
<div class="box-info">Being an attribute, it follows that only filesystems supporting metadata can retain a file's individual icon. So, if you move files off your BFS volume, consider zipping them up so you don't lose icons or other attributes.</div>
<h1>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="i-o-m" name="i-o-m">Creating icons with Icon-O-Matic</a></h1>
<p>Icon-O-Matic is Haiku's icon editor that can save your work as HVIF, SVG or PNG. The icon can also be directly attached as attribute to an existing file or exported as a resource or source file used by developers. Since the application was tailored to the optimized HVIF format, its usage reflects the inner workings of this format.</p>
<p>Other than your normal vector graphics software, you don't deal with separate objects that each include all their specific properties like path, stroke width, stroke and fill color etc. Rather, you assemble your objects ("shapes") from shared paths and colors ("styles") and set certain properties. This re-using of elements is one secret of HVIF's efficiency. Although that imposes some constraints on the icon designer, there are a few advantages, too.<br />
@ -121,7 +121,7 @@ For example, by re-using a path, several objects can be modified together by man
<h2>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="i-o-m-path" name="i-o-m-path">Path</a></h2>
<p>A path consists of several points which are connected with lines or Bezier curves. To add or change points, make sure, the path is selected in the path list.</p>
@ -185,7 +185,7 @@ width="16" height="16" /></td>
<h2>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="i-o-m-shape" name="i-o-m-shape">Shape</a></h2>
<p>A shape groups together one or more paths with a style. Practically, it's the object that you'll actually see on the canvas. The grouping is done with the checkboxes in front of the paths and styles: Just select your shape and tick off the desired path(s) and a style.</p>
<p>A shape defines how a path and style is applied, e.g. if the object is filled or only stroked (which is done by using Transformers on the shape, we'll get to that later). Also, a shape can be moved, rotated or resized without touching the used path. That way, you can re-use a single path and get different, but related, shapes.</p>
@ -259,7 +259,7 @@ For example, if Shape 1 were to be shown below 48px and Shape 2 from 48px upward
<h2>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="i-o-m-style" name="i-o-m-style">Style</a></h2>
<p>A style can either be a solid color or some type of gradient.<br />
Besides the predefined colors under <span class="menu">Swatches</span>, you can mix your own by clicking on the current color. Also, note the slider under the color spectrum which sets the alpha-channel (transparency).</p>
@ -277,7 +277,7 @@ Of course you can move these indicators to change the gradient to your liking. Y
<h2>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="i-o-m-transformer" name="i-o-m-transformer">Transformer</a></h2>
<p>A shape can have Transformers which change its appearance. The effects, however, are more subtle than a truck turning into a battle robot...</p>
@ -300,7 +300,7 @@ Of course you can move these indicators to change the gradient to your liking. Y
<h2>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="i-o-m-save" name="i-o-m-save">Saving an icon</a></h2>
<p>There's your usual menu bar at the top, <span class="menu">File</span>, <span class="menu">Edit</span>, <span class="menu">Options</span>. The usage is pretty much self-explaining, so we'll only look at how to save your work.</p>
<p><span class="menu">File | Save As...</span> will save in a special Icon-O-Matic format that retains additional information like the names of paths, shapes and styles. These will be stripped from the actual icon once you export it to save space. It's a good idea to back-up your work like this, because without named objects everything's named "&lt;path&gt;/&lt;shape&gt;/&lt;style&gt;" which makes specific changes tedious.</p>
@ -319,7 +319,7 @@ Of course you can move these indicators to change the gradient to your liking. Y
<h2>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="i-o-m-tips" name="i-o-m-tips">Tips & Tricks</a></h2>
<p>A few things you should keep in mind when working with Icon-O-Matic and some general tips for its usage:</p>
<ul>
@ -335,7 +335,7 @@ Of course you can move these indicators to change the gradient to your liking. Y
<!--
<h2>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="i-o-m-workshops" name="i-o-m-workshops">Workshops</a></h2>
<p>The above is of course quite theoretical. The best way to learn using Icon-O-Matic is by experimenting. To get you started and once more show the basics, have a look at these short clips:</p>
<ul>
@ -354,11 +354,11 @@ Of course you can move these indicators to change the gradient to your liking. Y
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-expander.html">Expander</a>
&#160;&#160;&#160;
Next: <a href="apps-installer.html">Installer</a>
&laquo;&#160;&#160;<a href="apps-expander.html">Expander</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-installer.html">Installer</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Installer</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-icon-o-matic.html">Icon-O-Matic</a>
&#160;&#160;&#160;
Next: <a href="apps-magnify.html">Magnify</a>
&laquo;&#160;&#160;<a href="apps-icon-o-matic.html">Icon-O-Matic</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-magnify.html">Magnify</a>&#160;&#160;&raquo;
</p>
</div>
@ -69,11 +69,11 @@ The second drop-down menu specifies the target for the installation. This target
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-icon-o-matic.html">Icon-O-Matic</a>
&#160;&#160;&#160;
Next: <a href="apps-magnify.html">Magnify</a>
&laquo;&#160;&#160;<a href="apps-icon-o-matic.html">Icon-O-Matic</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-magnify.html">Magnify</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Magnify</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-icon-o-matic.html">Icon-O-Matic</a>
&#160;&#160;&#160;
Next: <a href="apps-mail.html">Mail</a>
&laquo;&#160;&#160;<a href="apps-icon-o-matic.html">Icon-O-Matic</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-mail.html">Mail</a>&#160;&#160;&raquo;
</p>
</div>
@ -73,11 +73,11 @@ They can also be moved with the <span class="key">CURSOR</span> keys. The active
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-icon-o-matic.html">Icon-O-Matic</a>
&#160;&#160;&#160;
Next: <a href="apps-mail.html">Mail</a>
&laquo;&#160;&#160;<a href="apps-icon-o-matic.html">Icon-O-Matic</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-mail.html">Mail</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Mail</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-magnify.html">Magnify</a>
&#160;&#160;&#160;
Next: <a href="apps-mediaplayer.html">MediaPlayer</a>
&laquo;&#160;&#160;<a href="apps-magnify.html">Magnify</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-mediaplayer.html">MediaPlayer</a>&#160;&#160;&raquo;
</p>
</div>
@ -50,11 +50,11 @@ width="64" height="64" />Mail</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-magnify.html">Magnify</a>
&#160;&#160;&#160;
Next: <a href="apps-mediaplayer.html">MediaPlayer</a>
&laquo;&#160;&#160;<a href="apps-magnify.html">Magnify</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-mediaplayer.html">MediaPlayer</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">MediaPlayer</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-mail.html">Mail</a>
&#160;&#160;&#160;
Next: <a href="apps-midiplayer.html">MidiPlayer</a>
&laquo;&#160;&#160;<a href="apps-mail.html">Mail</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-midiplayer.html">MidiPlayer</a>&#160;&#160;&raquo;
</p>
</div>
@ -50,11 +50,11 @@ width="64" height="64" />MediaPlayer</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-mail.html">Mail</a>
&#160;&#160;&#160;
Next: <a href="apps-midiplayer.html">MidiPlayer</a>
&laquo;&#160;&#160;<a href="apps-mail.html">Mail</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-midiplayer.html">MidiPlayer</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">MidiPlayer</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-mediaplayer.html">MediaPlayer</a>
&#160;&#160;&#160;
Next: <a href="apps-packageinstaller.html">PackageInstaller</a>
&laquo;&#160;&#160;<a href="apps-mediaplayer.html">MediaPlayer</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-packageinstaller.html">PackageInstaller</a>&#160;&#160;&raquo;
</p>
</div>
@ -50,11 +50,11 @@ width="64" height="64" />MidiPlayer</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-mediaplayer.html">MediaPlayer</a>
&#160;&#160;&#160;
Next: <a href="apps-packageinstaller.html">PackageInstaller</a>
&laquo;&#160;&#160;<a href="apps-mediaplayer.html">MediaPlayer</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-packageinstaller.html">PackageInstaller</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">PackageInstaller</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-midiplayer.html">MidiPlayer</a>
&#160;&#160;&#160;
Next: <a href="apps-people.html">People</a>
&laquo;&#160;&#160;<a href="apps-midiplayer.html">MidiPlayer</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-people.html">People</a>&#160;&#160;&raquo;
</p>
</div>
@ -51,11 +51,11 @@ double-clicking a supported file.</i></td></tr>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-midiplayer.html">MidiPlayer</a>
&#160;&#160;&#160;
Next: <a href="apps-people.html">People</a>
&laquo;&#160;&#160;<a href="apps-midiplayer.html">MidiPlayer</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-people.html">People</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Pe</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-bundled-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-bezillabrowser.html">BeZilla Browser</a>
&#160;&#160;&#160;
Next: <a href="apps-vision.html">Vision</a>
&laquo;&#160;&#160;<a href="apps-bezillabrowser.html">BeZilla Browser</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-vision.html">Vision</a>&#160;&#160;&raquo;
</p>
</div>
@ -52,11 +52,11 @@ width="64" height="64" />Pe</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-bundled-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-bezillabrowser.html">BeZilla Browser</a>
&#160;&#160;&#160;
Next: <a href="apps-vision.html">Vision</
&laquo;&#160;&#160;<a href="apps-bezillabrowser.html">BeZilla Browser</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-vision.html">Vision</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">People</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-packageinstaller.html">PackageInstaller</a>
&#160;&#160;&#160;
Next: <a href="apps-poorman.html">PoorMan</a>
&laquo;&#160;&#160;<a href="apps-packageinstaller.html">PackageInstaller</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-poorman.html">PoorMan</a>&#160;&#160;&raquo;
</p>
</div>
@ -60,11 +60,11 @@ width="64" height="64" />People</h1>
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-packageinstaller.html">PackageInstaller</a>
&#160;&#160;&#160;
Next: <a href="apps-poorman.html">PoorMan</a>
&laquo;&#160;&#160;<a href="apps-packageinstaller.html">PackageInstaller</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-poorman.html">PoorMan</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">PoorMan</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-people.html">People</a>
&#160;&#160;&#160;
Next: <a href="apps-screenshot.html">Screenshot</a>
&laquo;&#160;&#160;<a href="apps-people.html">People</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-screenshot.html">Screenshot</a>&#160;&#160;&raquo;
</p>
</div>
@ -60,11 +60,11 @@ The <span class="menu">Advanced</span> tab holds the setting for the maximum sim
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-people.html">People</a>
&#160;&#160;&#160;
Next: <a href="apps-screenshot.html">Screenshot</a>
&laquo;&#160;&#160;<a href="apps-people.html">People</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-screenshot.html">Screenshot</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Screenshot</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-poorman.html">PoorMan</a>
&#160;&#160;&#160;
Next: <a href="apps-showimage.html">Showimage</a>
&laquo;&#160;&#160;<a href="apps-poorman.html">PoorMan</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-showimage.html">Showimage</a>&#160;&#160;&raquo;
</p>
</div>
@ -75,11 +75,11 @@ Note: OPTION -b, --border takes only effect when used with -w, --window
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-poorman.html">PoorMan</a>
&#160;&#160;&#160;
Next: <a href="apps-showimage.html">Showimage</a>
&laquo;&#160;&#160;<a href="apps-poorman.html">PoorMan</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-showimage.html">Showimage</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">ShowImage</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-screenshot.html">Screenshot</a>
&#160;&#160;&#160;
Next: <a href="apps-soundrecorder.html">SoundRecorder</a>
&laquo;&#160;&#160;<a href="apps-screenshot.html">Screenshot</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-soundrecorder.html">SoundRecorder</a>&#160;&#160;&raquo;
</p>
</div>
@ -51,11 +51,11 @@ double-clicking a supported file.</i></td></tr>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-screenshot.html">Screenshot</a>
&#160;&#160;&#160;
Next: <a href="apps-soundrecorder.html">SoundRecorder</a>
&laquo;&#160;&#160;<a href="apps-screenshot.html">Screenshot</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-soundrecorder.html">SoundRecorder</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">SoundRecorder</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-showimage.html">Showimage</a>
&#160;&#160;&#160;
Next: <a href="apps-stylededit.html">StyledEdit</a>
&laquo;&#160;&#160;<a href="apps-showimage.html">Showimage</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-stylededit.html">StyledEdit</a>&#160;&#160;&raquo;
</p>
</div>
@ -50,11 +50,11 @@ width="64" height="64" />SoundRecorder</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-showimage.html">Showimage</a>
&#160;&#160;&#160;
Next: <a href="apps-stylededit.html">StyledEdit</a>
&laquo;&#160;&#160;<a href="apps-showimage.html">Showimage</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-stylededit.html">StyledEdit</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">StyledEdit</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-soundrecorder.html">SoundRecorder</a>
&#160;&#160;&#160;
Next: <a href="apps-terminal.html">Terminal</a>
&laquo;&#160;&#160;<a href="apps-soundrecorder.html">SoundRecorder</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-terminal.html">Terminal</a>&#160;&#160;&raquo;
</p>
</div>
@ -67,11 +67,11 @@ MIME String 11 "BEOS:TYPE"
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-soundrecorder.html">SoundRecorder</a>
&#160;&#160;&#160;
Next: <a href="apps-terminal.html">Terminal</a>
&laquo;&#160;&#160;<a href="apps-soundrecorder.html">SoundRecorder</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-terminal.html">Terminal</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Terminal</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-stylededit.html">StyledEdit</a>
&#160;&#160;&#160;
Next: <a href="apps-textsearch.html">TextSearch</a>
&laquo;&#160;&#160;<a href="apps-stylededit.html">StyledEdit</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-textsearch.html">TextSearch</a>&#160;&#160;&raquo;
</p>
</div>
@ -96,11 +96,11 @@ Both files can be created in the <span class="path">home/</span> folder and add
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-stylededit.html">StyledEdit</a>
&#160;&#160;&#160;
Next: <a href="apps-textsearch.html">TextSearch</a>
&laquo;&#160;&#160;<a href="apps-stylededit.html">StyledEdit</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-textsearch.html">TextSearch</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">TextSearch</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-terminal.html">Terminal</a>
&#160;&#160;&#160;
Next: <a href="apps-tv.html">TV</a>
&laquo;&#160;&#160;<a href="apps-terminal.html">Terminal</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-tv.html">TV</a>&#160;&#160;&raquo;
</p>
</div>
@ -50,11 +50,11 @@ width="64" height="64" />TextSearch</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-terminal.html">Terminal</a>
&#160;&#160;&#160;
Next: <a href="apps-tv.html">TV</a>
&laquo;&#160;&#160;<a href="apps-terminal.html">Terminal</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-tv.html">TV</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,18 +21,17 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">TV</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-textsearch.html">TextSearch</a>
<!-- &#160;&#160;&#160;
Next: <a href="apps-vision.html">Vision</a>
-->
</p>
&laquo;&#160;&#160;<a href="apps-textsearch.html">TextSearch</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
<!-- &#160;&#160;::&#160;&#160;
<a href="apps-vision.html">Vision</a>&#160;&#160;&raquo;
--> </p>
</div>
<div class="content">
@ -51,11 +50,11 @@ width="64" height="64" />TV</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-textsearch.html">TextSearch</a>
&#160;&#160;&#160;
Next: <a href="apps-vision.html">Vision</a>
&laquo;&#160;&#160;<a href="apps-textsearch.html">TextSearch</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-vision.html">Vision</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Vision</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-bundled-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-pe.html">Pe</a>
&#160;&#160;&#160;
Next: <a href="apps-vlc.html">VLC media player</a>
&laquo;&#160;&#160;<a href="apps-pe.html">Pe</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-vlc.html">VLC media player</a>&#160;&#160;&raquo;
</p>
</div>
@ -52,11 +52,11 @@ The most frequented is the English speaking #haiku at irc.freenode.org.</div>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-bundled-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-pe.html">Pe</a>
&#160;&#160;&#160;
Next: <a href="apps-vlc.html">VLC media player</a>
&laquo;&#160;&#160;<a href="apps-pe.html">Pe</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-vlc.html">VLC media player</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">VLC media player</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-bundled-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-vision.html">Vision</a>
&#160;&#160;&#160;
Next: <a href="apps-wonderbrush.html">WonderBrush</a>
&laquo;&#160;&#160;<a href="apps-vision.html">Vision</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-wonderbrush.html">WonderBrush</a>&#160;&#160;&raquo;
</p>
</div>
@ -50,11 +50,11 @@ width="64" height="64" />VLC media player</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-bundled-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-vision.html">Vision</a>
&#160;&#160;&#160;
Next: <a href="apps-wonderbrush.html">WonderBrush</a>
&laquo;&#160;&#160;<a href="apps-vision.html">Vision</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="apps-wonderbrush.html">WonderBrush</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,14 +21,14 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">WonderBrush</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../applications.html#list-of-bundled-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-vlc.html">VLC media player</a>
&laquo;&#160;&#160;<a href="apps-vlc.html">VLC media player</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
</p>
</div>
@ -49,9 +49,9 @@ width="64" height="64" />WonderBrush</h1>
<!--
<div class="bottomnav">
<p>
<a href="../applications.html#list-of-bundled-apps">Applications</a>
&#160;&#160;&#160;
Previous: <a href="apps-vlc.html">VLC media player</a>
&laquo;&#160;&#160;<a href="apps-vlc.html">VLC media player</a>
&#160;&#160;::&#160;&#160;
<a href="../applications.html#list-of-bundled-apps" class="uplink">Applications</a>
</p>
</div>
-->

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Attributes</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="filetypes.html">Filetypes</a>
&#160;&#160;&#160;
Next: <a href="index.html">Index</a>
&laquo;&#160;&#160;<a href="filetypes.html">Filetypes</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="index.html">Index</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Attributes</div>
<p>Attributes are data fields that belong to a file but aren't part of that file, e.g. they are not computed into the file size and can be copied or changed without touching the file itself. The system uses these attributes to store e.g. file size, file type or date of the last modification. This is similar to other operating systems and their filesystems.</p>
<p>What's different is that you can add any kind of attribute to any file and display it or make it editable in a Tracker window. You just have to define the kind of attribute you want to add to a file type (e.g. string, integer or time) and give it a name and description.</p>
<p>The file itself doesn't even need any contents at all. Take a look at these People files for example:</p>
@ -127,11 +129,11 @@ If you do want to copy the attributes plus the data of the file itself, you can
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="filetypes.html">Filetypes</a>
&#160;&#160;&#160;
Next: <a href="index.html">Index</a>
&laquo;&#160;&#160;<a href="filetypes.html">Filetypes</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="index.html">Index</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Bash and Scripting</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="preferences.html">Preferences</a>
<!-- &#160;&#160;&#160;
Next: <a href="filesystem-layout.html">Filesystem layout</a>
&laquo;&#160;&#160;<a href="preferences.html">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
<!-- &#160;&#160;::&#160;&#160;
<a href="filesystem-layout.html">Filesystem layout</a>&#160;&#160;&raquo;
--> </p>
</div>
<div class="content">
<div class="title">Bash and Scripting</div>
<p>"Scripting" is the technique of automating procedures by stringing together commands and saving it all as text files, so called "scripts". Every time you run such a script, the commands are processed one after the other just like they would if you entered them into the <a href="applications/apps-terminal.html">Terminal</a> by hand.<br />
Scripts can range from simply executing a few commands in a specific order to sophisticated pieces of code that solve complex tasks.</p>
@ -71,11 +73,11 @@ If they don't exist already, you'll have to create the needed files yourself. Ot
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="preferences.html">Preferences</a>
<!-- &#160;&#160;&#160;
Next: <a href="filesystem-layout.html">Filesystem layout</a>
&laquo;&#160;&#160;<a href="preferences.html">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
<!-- &#160;&#160;::&#160;&#160;
<a href="filesystem-layout.html">Filesystem layout</a>&#160;&#160;&raquo;
--> </p>
</div>

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Boot Loader</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="installation.html">Installing Haiku</a>
&#160;&#160;&#160;
Next: <a href="filesystem-layout.html">Filesystem layout</a>
&laquo;&#160;&#160;<a href="installation.html">Installing Haiku</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="filesystem-layout.html">Filesystem layout</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Boot Loader</div>
<p>Haiku's Boot Loader can help when you experience hardware related problems or want to choose which Haiku installation to start, if you have more than one (maybe on an installation CD or USB stick).<br />
It's also handy after you installed a software component that acts up and prevents you from booting the system to remove it again. The <i>Disable user add-ons</i> option that's mentioned below, will start Haiku without loading user installed components, e.g. a driver.</p>
<p>To enter the Boot Loader options, you have to press the <span class="key">SPACE BAR</span> right at the beginning of the boot process. It's easy to miss so you best keep hitting the key until it shows up.</p>
@ -76,11 +78,11 @@ The different symbols roughly correspond to these boot stages:</p>
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="installation.html">Installing Haiku</a>
&#160;&#160;&#160;
Next: <a href="filesystem-layout.html">Filesystem layout</a>
&laquo;&#160;&#160;<a href="installation.html">Installing Haiku</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="filesystem-layout.html">Filesystem layout</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,9 +21,9 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Haiku User Guide - Contents</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
&#160;
@ -32,7 +32,8 @@
<div class="content">
<h2><a name="welcome">Welcome to the Haiku User Guide</a></h2>
<div class="title">Welcome to the Haiku User Guide</div>
<p>Below, you'll find the documentation of the most important aspects of Haiku. Naturally, completing and extending the documentation is a continuing process. If you find errors or would like to suggest topics or maybe even contribute yourself, please file a <a href="../../welcome/en/bugreports.html">bugreport</a> or get in touch on the <a href="http://www.freelists.org/list/haiku-doc">documentation mailing list</a>.</p>
<table summary="contents" border="0" cellpadding="10" cellspacing="0">
<!-- Excluded until it's further fleshed out
@ -60,7 +61,8 @@
<tr><td valign="top"><a href="workspaces.html">Workspaces</a><ul>
<li><a href="workspaces.html#applet">The Workspaces Applet</a></li>
<li><a href="workspaces.html#switching">Switching workspaces</a></li>
<li><a href="workspaces.html#moving">Moving windows between workspaces</a></li></ul></td>
<li><a href="workspaces.html#moving">Moving windows between workspaces</a></li>
<li><a href="workspaces.html#special">Special functionality</a></li></ul></td>
<td valign="top">Use virtual desktops for an uncluttered work environment.</td></tr>
<tr><td valign="top"><a href="twitcher.html">Twitcher</a></td>
<td valign="top">Switch between running applications.</td></tr>
@ -128,11 +130,6 @@
</div>
<div class="bottomnav">
<p>
&#160;
</p>
</div>
</body>
</html>

View File

@ -21,19 +21,21 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Demos</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="preferences.html">Preferences</a>
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="preferences.html">Preferences</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Demos</div>
<p>There are some nice little games and demo applications for your entertainment. Most of the demos are targeted to developers who are interested in learning from the code, which is of course open source as is everything Haiku.</p>
<table summary="layout" border="0" cellpadding="2" cellspacing="0">
<tr><td><a href="demos-bsnow.html">BSnow</a></td><td style="width:10px;">&#160;</td>
@ -68,9 +70,9 @@
<!--
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="preferences.html>Preferences</a>
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="preferences.html">Preferences</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,22 +21,21 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Deskbar</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="tracker-add-ons.html">Tracker Add-Ons</a>
&#160;&#160;&#160;
Next: <a href="filetypes.html">Filetypes</a>
&laquo;&#160;&#160;<a href="tracker-add-ons.html">Tracker Add-Ons</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="filetypes.html">Filetypes</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<table class="index" id="index" name="index" summary="index" align="right">
<tr class="heading"><td>Index</td></tr>
<tr class="index"><td>
@ -46,12 +45,14 @@
</td></tr>
</table>
<div class="title">Deskbar</div>
<p>The Deskbar is the little panel that by default is located in the upper right corner of the screen. It's Haiku's version of Windows' taskbar with its Start button. It contains the Deskbar menu from where you can start applications and preferences, a tray with a clock and other tools below that and a list of currently running programs at the bottom.</p>
<img src="../images/deskbar-images/positions.png" alt="positions" />
<p>You can move the Deskbar to any corner or as a bar along the upper or lower border of the screen by gripping the knobbly area on the left side of the tray and drag&amp;drop it into the new position. You can also fold it into a more compact layout by drag&amp;dropping the knobbly area onto the Deskbar menu.</p>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="deskbar-menu" name="deskbar-menu">The Deskbar Menu</a></h1>
<p>A menu opens when you click on the Deskbar's top:</p>
<img src="images/deskbar-images/settings.png" alt="settings.png" />
@ -88,7 +89,7 @@ This part of the panel is just a representation of the folder <span class="path"
<p>It's even easier to simply drag a file, folder or saved query and drop it where you want it into the Deskbar.</p>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="tray" name="tray">The Tray</a></h1>
<img src="images/deskbar-images/calendar.png" alt="calendar.png" />
<p>Among other things, the tray is housing the clock. Left-click it to toggle between date and time. Right-click it to hide/show it or launch the <a href="prefs-time.html">Time</a> preferences to set it.<br />
@ -96,7 +97,7 @@ Here you can also launch a calendar that also appears, when you hold down the le
<p>Any program can install an icon in the tray to provide an interface to the user. The email system, for instance, shows a different symbol when there's unread mail and offers a context menu to e.g. create or check for new mail. <span class="app">ProcessController</span> is another example that uses its icon in the tray to provide information (CPU/memory usage) and to offer a context menu.</p>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="list-of-apps" name="list-of-apps">The list of running programs</a></h1>
<img src="images/deskbar-images/list-of-apps.png" alt="list-of-apps.png" />
<p>You can change to a specific running application by clicking on its entry in the Deskbar and choosing (one of) its windows, from the submenu. By right-clicking you can minimize or close a window or the entire application.</p>
@ -107,11 +108,11 @@ Here you can also launch a calendar that also appears, when you hold down the le
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="tracker-add-ons.html">Tracker Add-Ons</a>
&#160;&#160;&#160;
Next: <a href="filetypes.html">Filetypes</a>
&laquo;&#160;&#160;<a href="tracker-add-ons.html">Tracker Add-Ons</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="filetypes.html">Filetypes</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Desktop Applets</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="applications.html">Applications</a>
&#160;&#160;&#160;
Next: <a href="preferences.html">Preferences</a>
&laquo;&#160;&#160;<a href="applications.html">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="preferences.html">Preferences</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Desktop Applets</div>
<p>Haiku provides a few useful tools that can be installed on the Desktop or the Deskbar via their Replicants.</p>
<table summary="desktop-applets" border="0" cellpadding="2" cellspacing="0">
<tr><td style="width:24px;"><img src="../images/desktop-applets-images/launchbox-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="desktop-applets/desktop-applets-launchbox.html">LaunchBox</a></td><td style="width:10px;">&#160;</td>
@ -53,11 +55,11 @@
<!--
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="applications.html">Applications</a>
&#160;&#160;&#160;
Next: <a href="preferences.html">Preferences</a>
&laquo;&#160;&#160;<a href="applications.html">Applications</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="preferences.html">Preferences</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,14 +21,14 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">LaunchBox</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../desktop-applets.html">Desktop Applets</a>
&#160;&#160;&#160;
Next: <a href="desktop-applets-networkstatus.html">NetworkStatus</a>
<a href="../desktop-applets.html" class="uplink">Desktop Applets</a>
&#160;&#160;::&#160;&#160;
<a href="desktop-applets-networkstatus.html">NetworkStatus</a>&#160;&#160;&raquo;
</p>
</div>
@ -79,9 +79,9 @@ Quits all LaunchBox pads.</td><td>&#160;</td></tr>
<div class="bottomnav">
<p>
<a href="../desktop-applets.html">Desktop Applets</a>
&#160;&#160;&#160;
Next: <a href="desktop-applets-networkstatus.html">NetworkStatus</a>
<a href="../desktop-applets.html" class="uplink">Desktop Applets</a>
&#160;&#160;::&#160;&#160;
<a href="desktop-applets-networkstatus.html">NetworkStatus</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">NetworkStatus</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../desktop-applets.html">Desktop Applets</a>
&#160;&#160;&#160;
Previous: <a href="desktop-applets-launchbox.html">LaunchBox</a>
&#160;&#160;&#160;
Next: <a href="desktop-applets-processcontroller.html">ProcessController</a>
&laquo;&#160;&#160;<a href="desktop-applets-launchbox.html">LaunchBox</a>
&#160;&#160;::&#160;&#160;
<a href="../desktop-applets.html" class="uplink">Desktop Applets</a>
&#160;&#160;::&#160;&#160;
<a href="desktop-applets-processcontroller.html">ProcessController</a>&#160;&#160;&raquo;
</p>
</div>
@ -49,11 +49,11 @@ width="64" height="64" />NetworkStatus</h1>
<div class="bottomnav">
<p>
<a href="../desktop-applets.html">Desktop Applets</a>
&#160;&#160;&#160;
Previous: <a href="desktop-applets-launchbox.html">LaunchBox</a>
&#160;&#160;&#160;
Next: <a href="desktop-applets-processcontroller.html">ProcessController</a>
&laquo;&#160;&#160;<a href="desktop-applets-launchbox.html">LaunchBox</a>
&#160;&#160;::&#160;&#160;
<a href="../desktop-applets.html" class="uplink">Desktop Applets</a>
&#160;&#160;::&#160;&#160;
<a href="desktop-applets-processcontroller.html">ProcessController</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">ProcessController</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../desktop-applets.html">Desktop Applets</a>
&#160;&#160;&#160;&#160;
Previous: <a href="desktop-applets-networkstatus.html">NetworkStatus</a>
&#160;&#160;&#160;
Next: <a href="../workspaces.html#applet.html">Workspaces</a>
&laquo;&#160;&#160;<a href="desktop-applets-networkstatus.html">NetworkStatus</a>
&#160;&#160;::&#160;&#160;
<a href="../desktop-applets.html" class="uplink">Desktop Applets</a>
&#160;&#160;::&#160;&#160;
<a href="../workspaces.html#applet.html">Workspaces</a>&#160;&#160;&raquo;
</p>
</div>
@ -48,11 +48,11 @@ width="64" height="64" />ProcessController</h1>
<div class="bottomnav">
<p>
<a href="../desktop-applets.html">Desktop Applets</a>
&#160;&#160;&#160;
Previous: <a href="desktop-applets-networkstatus.html">NetworkStatus</a>
&#160;&#160;&#160;
Next: <a href="../workspaces.html#applet.html">Workspaces</a>
&laquo;&#160;&#160;<a href="desktop-applets-networkstatus.html">NetworkStatus</a>
&#160;&#160;::&#160;&#160;
<a href="../desktop-applets.html" class="uplink">Desktop Applets</a>
&#160;&#160;::&#160;&#160;
<a href="../workspaces.html#applet.html">Workspaces</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Filesystem layout</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="bootloader.html">Boot Loader</a>
&#160;&#160;&#160;
Next: <a href="gui.html">Haiku's GUI</a>
&laquo;&#160;&#160;<a href="bootloader.html">Boot Loader</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="gui.html">Haiku's GUI</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Filesystem layout</div>
<p>Haiku's filesystem layout is quite transparent, trying to always use non-cryptic names for files and folders, that don't leave the user guessing. Files and folders that are important for the system to function properly, are protected from accidental tempering by showing one of these alerts:</p>
<img src="images/filesystem-layout-images/achtung-user.png" alt="achtung-user.png" />&#160;
<img src="images/filesystem-layout-images/achtung-system.png" alt="achtung-system.png" />
@ -119,11 +121,11 @@ If you do want to know more about how things tick in Haiku, have a look at this
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="bootloader.html">Boot Loader</a>
&#160;&#160;&#160;
Next: <a href="gui.html">Haiku's GUI</a>
&laquo;&#160;&#160;<a href="bootloader.html">Boot Loader</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="gui.html">Haiku's GUI</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Filetypes</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="deskbar.html">Deskbar</a>
&#160;&#160;&#160;
Next: <a href="attributes.html">Attributes</a>
&laquo;&#160;&#160;<a href="deskbar.html">Deskbar</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="attributes.html">Attributes</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Filetypes</div>
<p>Other than Windows, Haiku doesn't rely on the 3-letter file extension for a file type (e.g. .txt, .jpg, .mp3). This method is only a last resort fallback. Haiku uses <acronym title="Multipurpose Internet Mail Extensions">MIME</acronym> types just like it's custom on the internet.</p>
<div class="box-info">While there's no reason to use file extensions in Haiku, remember to add them to files you want to share with users of other operating systems, e.g. over email, uploading to a server or via exchange of an USB drive. Otherwise their system may not recognize the file type.</div>
@ -82,11 +84,11 @@
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="deskbar.html">Deskbar</a>
&#160;&#160;&#160;
Next: <a href="attributes.html">Attributes</a>
&laquo;&#160;&#160;<a href="deskbar.html">Deskbar</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="attributes.html">Attributes</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Haiku's GUI</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="filesystem-layout.html">Filesystem layout</a>
&#160;&#160;&#160;
Next: <a href="workspaces.html">Workspaces</a>
&laquo;&#160;&#160;<a href="filesystem-layout.html">Filesystem layout</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="workspaces.html">Workspaces</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Haiku's GUI</div>
<p>Haiku's graphical user interface is an integral part of the system. Unlike Unix-based operating systems, there's no separate window manager and booting just into a command line shell is not possible. Haiku's focus being on the desktop user, this is just not considered necessary.</p>
<p>As you probably have experience with other graphical environments, let's skip over the standards like menus, right-click context menus, drag&amp;drop etc. Let's have a look at the few unique aspects of Haiku's GUI instead.</p>
<img src="images/gui-images/gui.png" alt="gui.png" />
@ -80,11 +82,11 @@ All Favorites are kept in <span class="path">/boot/home/config/settings/Tracker/
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="filesystem-layout.html">Filesystem layout</a>
&#160;&#160;&#160;
Next: <a href="workspaces.html">Workspaces</a>
&laquo;&#160;&#160;<a href="filesystem-layout.html">Filesystem layout</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="workspaces.html">Workspaces</a>&#160;&#160;&raquo;
</p>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Index</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="attributes.html">Attributes</a>
&#160;&#160;&#160;
Next: <a href="queries.html">Queries</a>
&laquo;&#160;&#160;<a href="attributes.html">Attributes</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="queries.html">Queries</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Index</div>
<p><a href="attributes.html">Attributes</a> and <a href="queries.html">Queries</a> are key features of Haiku. While attributes are useful on their own, to display additional information on a file, for a query on them, they need to be indexed. It puts them into a lookup table, which in turn makes queries lightning fast.<br />
The index is part of the filesystem and is kept for every volume/partition separately.</p>
@ -122,11 +124,11 @@ If no volume is specified, the volume of the current directory is assumed.</pre>
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="attributes.html">Attributes</a>
&#160;&#160;&#160;
Next: <a href="queries.html">Queries</a>
&laquo;&#160;&#160;<a href="attributes.html">Attributes</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="queries.html">Queries</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -22,19 +22,21 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Installing Haiku</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Next: <a href="bootloader.html">Boot Loader</a>
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="bootloader.html">Boot Loader</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Installing Haiku</div>
<p>Installation of Haiku during (pre-) alpha releases can be somewhat tricky, considering it's current development state. With this installation guide, you will learn many of the most common methods to get Haiku installed, whether it be on a USB stick, a partition or running it in a virtual machine. More advanced topics like building Haiku from source will also be explained in detail, so also beginners are be able to follow.<br />
All these somewhat complicated installation methods won't be necessary once Haiku R1 is released. Probably even before that when Haiku enters the beta phase.</p>
@ -75,9 +77,9 @@ It's not essential to know these details, so feel free to skip this part if you'
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Next: <a href="bootloader.html">Boot Loader</a>
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="bootloader.html">Boot Loader</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,9 +21,9 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">The basic boot process</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../contents.html">Contents</a>
@ -34,6 +34,8 @@
<div class="content">
<div class="title">The basic boot process</div>
<h1>The BIOS</h1>
<p>When you turn on a <acronym title="Basic Input Output System">BIOS</acronym> based (as opposed to firmware based) system, which is still the most common today, the first thing loaded will be the BIOS. It is like a small operating system of its own and has the purpose of configuring the system hardware and provide an environment that a more high level operating system can work with. For example it configures PCI devices, harddrive controllers, USB, the processor itself and sets up ACPI tables in main memory.<br />
Current BIOSes are quite a bit more advanced than they were in the past, commonly having support for USB keyboards and USB mass storage to allow operating in so called legacy free configurations (i.e. without the old PS/2 input and maybe without some of the more traditional PC architecture components).<br />

View File

@ -21,9 +21,9 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Installing from a Raw Image</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../contents.html">Contents</a>
@ -34,6 +34,7 @@
<div class="content">
<div class="title">Installing from a Raw Image</div>
<p>If you can't or don't want to go through building from source, you can also install an already built image. You'll have to <a href="http://www.haiku-files.org/raw">download a raw image</a> for that, not a VMWare image. Note that these are test images, they are not complete distributions that include a lot of software, both to keep the size and complexity of building them down.</p>

View File

@ -21,9 +21,9 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Building Haiku on BeOS</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../contents.html">Contents</a>
@ -34,6 +34,8 @@
<div class="content">
<div class="title">Building Haiku on BeOS</div>
<h1>Getting the source</h1>
<p><b>Note:</b> <i>All commands must be executed in the Terminal.</i></p>

View File

@ -21,19 +21,19 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Building Haiku on Linux</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../contents.html">Contents</a>
&#160;&#160;&#160;
Back to <a href="../installation.html">Installing Haiku</a>
<a href="../contents.html" class="uplink">Contents</a>
</p>
</div>
<div class="content">
<div class="title">Building Haiku on Linux</div>
<p>The following will show you step by step how to get Haiku's source code and build tools, how to compile it all and how to generate either a VMWare image or directly install onto a partition or USB drive. You'll also learn how to exchange data with an image or an installation on it's partition.</p>
<p><b>Note:</b> <i>This guide is based on Ubuntu 8.10, but should generally work the same way on all other Linux distributions. Some known differences for other distributions are mentionned. Some changes may apply.</i></p>
@ -330,9 +330,7 @@ fssh:/myfs/home&gt; cp .bash_history :/home/humdinger/</pre>
<div class="bottomnav">
<p>
<a href="../contents.html">Contents</a>
&#160;&#160;&#160;
Back to <a href="../installation.html">Installing Haiku</a>
<a href="../contents.html" class="uplink">Contents</a>
</p>
</div>

View File

@ -21,14 +21,12 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Building Haiku on Mac OS X</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../contents.html">Contents</a>
&#160;&#160;&#160;
Back to <a href="../installation.html">Installing Haiku</a>
<a href="../contents.html" class="uplink">Contents</a>
</p>
</div>
@ -41,6 +39,8 @@ TODO:
-->
<div class="title">Building Haiku on Mac OS X</div>
<p>Even if Mac OS X is Unix based, building Haiku on it still requires some tweaks.
These instructions were tested on Mac OS X 10.5.5 (Leopard). They may not work on older versions of Mac OS X (Tiger, Panther etc.)</p>
@ -241,9 +241,7 @@ jam haiku-image</pre>
<div class="bottomnav">
<p>
<a href="../contents.html">Contents</a>
&#160;&#160;&#160;
Back to <a href="../installation.html">Installing Haiku</a>
<a href="../contents.html" class="uplink">Contents</a>
</p>
</div>

View File

@ -21,28 +21,24 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Building Haiku on Windows</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../contents.html">Contents</a>
&#160;&#160;&#160;
Back to <a href="../installation.html">Installing Haiku</a>
<a href="../contents.html" class="uplink">Contents</a>
</p>
</div>
<div class="content">
<div class="title">Building Haiku on Windows</div>
</div>
<div class="bottomnav">
<p>
<a href="../contents.html">Contents</a>
&#160;&#160;&#160;
Back to <a href="../installation.html">Installing Haiku</a>
<a href="../contents.html" class="uplink">Contents</a>
</p>
</div>

View File

@ -21,21 +21,19 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Installing on a USB flash drive</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="installation.html">Installation Basics</a>
&#160;&#160;&#160;
Next: <a href="installation-vm.html">Emulating Haiku</a>
<a href="../contents.html" class="uplink">Contents</a>
</p>
</div>
<div class="content">
<div class="title">Installing on a USB flash drive</div>
<!-- This whole topic should be combined with install-raw.html -->
<!--
@ -180,12 +178,7 @@ Press ENTER to exit.</pre><br />
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="installation.html">Installation Basics</a>
&#160;&#160;&#160;
Next: <a href="installation-vm.html">Emulating Haiku</a>
<a href="../contents.html" class="uplink">Contents</a>
</p>
</div>

View File

@ -21,19 +21,19 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Haiku in a virtual machine</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../contents.html">Contents</a>
&#160;&#160;&#160;
Back to <a href="../installation.html">Installing Haiku</a>
<a href="../contents.html" class="uplink">Contents</a>
</p>
</div>
<div class="content">
<div class="title">Haiku in a virtual machine</div>
<!--
TODO:
@ -160,9 +160,7 @@ Choose which type of disk you would like to create. There are two options:</p>
<div class="bottomnav">
<p>
<a href="../contents.html">Contents</a>
&#160;&#160;&#160;
Back to <a href="../installation.html">Installing Haiku</a>
<a href="../contents.html" class="uplink">Contents</a>
</p>
</div>

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Shortcuts and key combinations</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="tracker-add-ons.html">Tracker Add-Ons</a>
&#160;&#160;&#160;
Next: <a href="deskbar.html">Deskbar</a>
&laquo;&#160;&#160;<a href="tracker-add-ons.html">Tracker Add-Ons</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="deskbar.html">Deskbar</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Shortcuts and key combinations</div>
<p>By default, Haiku's shortcut key, to invoke commands from menus for example, is not the usual <span class="key">CTRL</span> key, but <span class="key">ALT</span> instead. This has historical reasons, because the BeOS was inspired somewhat by MacOS. After you get used to it, it actually has advantages as e.g. <span class="key">ALT</span>&#160;<span class="key">C</span> and <span class="key">ALT</span>&#160;<span class="key">V</span> integrate seamlessly into the <acronym title="Bourne Again Shell">bash</acronym> shell of the Terminal, where <span class="key">CTRL</span>&#160;<span class="key">C</span> quits the running process.</p>
<p>In any case, you can switch to the maybe more familiar <span class="key">CTRL</span> key in the <a href="preferences/prefs-keymap.html">Keymap</a> preferences. The user guide will always describes the default configuration with the command key being <span class="key">ALT</span>.</p>
<p>If you're in doubt which keys are the <span class="key">OPT</span> or <span class="key">MENU</span> keys on your particular keymap/keyboard-layout, again use the <a href="preferences/prefs-keymap.html">Keymap</a> preferences. There you can see what keystroke is sent when you press a key on your keyboard.</p>
@ -73,7 +75,7 @@
<tr><td><span class="key">ALT</span>&#160;<span class="key">N</span></td><td style="width:15px;"></td><td>Opens another Terminal session in a new window.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">T</span></td><td></td><td>Opens another Terminal session in a new tab.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">1</span>, <span class="key">2</span>, <span class="key">3</span>...</td><td></td><td>Switches to the corresponding tab.</td></tr>
<tr><td><span class="key">SHIFT</span>&#160;<span class="key">&larr;</span>/<span class="key">&rarr;</span></td><td></td><td>Switches to the previos/next tab.</td></tr>
<tr><td><span class="key">SHIFT</span>&#160;<span class="key">&larr;</span>/<span class="key">&rarr;</span></td><td></td><td>Switches to the previous/next tab.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">TAB</span></td><td></td><td>Switch to the next Terminal window.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">+</span>, <span class="key">-</span></td><td></td><td>Increase/Decrease font size.</td></tr>
<tr><td><span class="key">ALT</span>&#160;<span class="key">ENTER</span></td><td></td><td>Enter/leave fullscreen mode.</td></tr>
@ -100,11 +102,11 @@ The letters you type appear at the bottom-left, where normally the number of ite
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="tracker-add-ons.html">Tracker Add-Ons</a>
&#160;&#160;&#160;
Next: <a href="deskbar.html">Deskbar</a>
&laquo;&#160;&#160;<a href="tracker-add-ons.html">Tracker Add-Ons</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="deskbar.html">Deskbar</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,22 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Preferences</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="desktop-applets.html">Desktop Applets</a>
<!-- &#160;&#160;&#160;
Next: <a href="demos.html">Demos</a>
-->
&laquo;&#160;&#160;<a href="desktop-applets.html">Desktop Applets</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="bash-scripting.html">Bash and Scripting</a>&raquo;&#160;&#160;
</p>
</div>
<div class="content">
<div class="title">Preferences</div>
<p>While a key philosophy of Haiku is to cut down on options and have sensible defaults instead, there are some things that have to be configured or can be set to individual preference. You find all panels in Deskbar's <span class="menu">Preferences</span> menu.</p>
<table summary="contents" border="0" cellpadding="2" cellspacing="0">
<tr><td style="width:24px;"><img src="../images/prefs-images/appearance-icon_16.png" alt="icon" width="16" height="16" /></td><td><a href="preferences/prefs-appearance.html">Appearance</a></td><td style="width:10px;">&#160;</td>
@ -78,16 +79,18 @@
</table>
</div>
<!--
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="desktop-applets.html">Desktop Applets</a>
&#160;&#160;&#160;
Next: <a href="demos.html">Demos</a>
&laquo;&#160;&#160;<a href="desktop-applets.html">Desktop Applets</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="bash-scripting.html">Bash and Scripting</a>&raquo;&#160;&#160;
</p>
</div>
-->
</body>
</html>

View File

@ -21,14 +21,14 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Appearance</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Next: <a href="prefs-backgrounds.html">Backgrounds</a>
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-backgrounds.html">Backgrounds</a>&#160;&#160;&raquo;
</p>
</div>
@ -83,9 +83,9 @@
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Next: <a href="prefs-backgrounds.html">Backgrounds</a>
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-backgrounds.html">Backgrounds</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Backgrounds</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-appearance.html">Appearance</a>
&#160;&#160;&#160;
Next: <a href="prefs-datatranslations.html">DataTranslations</a>
&laquo;&#160;&#160;<a href="prefs-appearance.html">Appearance</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-datatranslations.html">DataTranslations</a>&#160;&#160;&raquo;
</p>
</div>
@ -68,11 +68,11 @@ The selected color is also reflected in the <a href="../workspaces.html#applet">
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-appearance.html">Appearance</a>
&#160;&#160;&#160;
Next: <a href="prefs-datatranslations.html">DataTranslations</a>
&laquo;&#160;&#160;<a href="prefs-appearance.html">Appearance</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-datatranslations.html">DataTranslations</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">DataTranslations</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-backgrounds.html">Backgrounds</a>
&#160;&#160;&#160;
Next: <a href="prefs-e-mail.html">E-mail</a>
&laquo;&#160;&#160;<a href="prefs-backgrounds.html">Backgrounds</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-e-mail.html">E-mail</a>&#160;&#160;&raquo;
</p>
</div>
@ -77,11 +77,11 @@ Besides the output quality you can also set a smoothing that will lessen compres
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-backgrounds.html">Backgrounds</a>
&#160;&#160;&#160;
Next: <a href="prefs-e-mail.html">E-mail</a>
&laquo;&#160;&#160;<a href="prefs-backgrounds.html">Backgrounds</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-e-mail.html">E-mail</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">E-mail</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-datatranslations.html">DataTranslations</a>
&#160;&#160;&#160;
Next: <a href="prefs-filetypes.html">FileTypes</a>
&laquo;&#160;&#160;<a href="prefs-datatranslations.html">DataTranslations</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-filetypes.html">FileTypes</a>&#160;&#160;&raquo;
</p>
</div>
@ -59,7 +59,7 @@ width="64" height="64" />E-mail</h1>
The configuration is done in the E-Mail preference panel.</p>
<h1>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="creating" name="creating">Creating a new e-mail account</a></h1>
<p>Let's go through the process of setting up an e-mail account.<br />
You start by clicking the <span class="button">Add</span> button to create a new, unnamed account. This opens a panel where you fill in your account info:</p>
@ -69,7 +69,7 @@ You start by clicking the <span class="button">Add</span> button to create a new
<p>If your account is from a major e-mail provider, Haiku already knows all technical details like server IP addresses and the following information is already filled in automatically. If that is not the case, just follow this guide and fill in the details to your e-mail account accordingly.</p>
<h1>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="incoming" name="incoming">Setting up incoming e-mail</a></h1>
<p>Click on <span class="menu">Incoming</span> under your account's name to set up how e-mails are received.</p>
<img src="../images/prefs-images/e-mail-in.png" alt="e-mail-in.png" />
@ -83,7 +83,7 @@ You start by clicking the <span class="button">Add</span> button to create a new
<p>Last on this page, you can opt to only <span class="menu">Partially download messages</span> that are larger than a certain size. This will only get the header and you can decide if you want to download the rest of the message plus possible attachments after seeing the subject and who sent it. Useful if you have a slow connection.</p>
<h1>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="outgoing" name="outgoing">Setting up outgoing e-mail</a></h1>
<p>Click on <span class="menu">Outgoing</span> under your account's name to set up how e-mails are sent.</p>
<img src="../images/prefs-images/e-mail-out.png" alt="e-mail-out.png" />
@ -92,7 +92,7 @@ You start by clicking the <span class="button">Add</span> button to create a new
<p>If you need to login, you change the <i>Login Type</i> to <span class="menu">ESMTP</span> and enter username and password above. The other type is used for providers that need you to check for mail with <span class="menu">POP3 before SMTP</span> for identification.</p>
<h1>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="filters" name="filters">Setting up e-mail filters</a></h1>
<p>If you want to filter your incoming email, you click on <span class="menu">E-Mail Filters</span> under your account's name to set up automatic sorting. You can add any number of filters that are applied one after the other. You can rearrange them by drag&amp;dropping them to their new position.<br />
Besides the <span class="menu">R5 Daemon Filter</span> that's used for backward compatibility, there are two other <span class="menu">Incoming Mail Filters</span> you can add.</p>
@ -144,7 +144,7 @@ With the first text field you specify which header to check against. These are a
<br />It will attach a randomly chosen funny or wise "fortune cookie" to the end of every mail before it's sent out. You can do a dry run by issuing the command <span class="cli">fortune</span> in a Terminal.</p>
<h1>
<a href="#index"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="settings" name="settings">Setting up the mail_daemon</a></h1>
<p>Now that your incoming and outgoing mail servers (and maybe some filters, too), are configured, you have to tell the mail_server that does all the actual mail checking and fetching how to do its job.</p>
<img src="../images/prefs-images/e-mail-settings.png" alt="e-mail-settings.png" />
@ -161,11 +161,11 @@ If you're on a dial-up connection, you may want to do that <span class="menu">On
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-datatranslations.html">DataTranslations</a>
&#160;&#160;&#160;
Next: <a href="prefs-filetypes.html">FileTypes</a>
&laquo;&#160;&#160;<a href="prefs-datatranslations.html">DataTranslations</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-filetypes.html">FileTypes</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">FileTypes</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-e-mail.html">E-mail</a>
&#160;&#160;&#160;
Next: <a href="prefs-fonts.html">Fonts</a>
&laquo;&#160;&#160;<a href="prefs-e-mail.html">E-mail</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-fonts.html">Fonts</a>&#160;&#160;&raquo;
</p>
</div>
@ -51,11 +51,11 @@ width="64" height="64" />FileTypes</h1>
<!--
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-e-mail.html">E-mail</a>
&#160;&#160;&#160;
Next: <a href="prefs-fonts.html">Fonts</a>
&laquo;&#160;&#160;<a href="prefs-e-mail.html">E-mail</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-fonts.html">Fonts</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Fonts</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-filetypes.html">FileTypes</a>
&#160;&#160;&#160;
Next: <a href="prefs-keyboard.html">Keyboard</a>
&laquo;&#160;&#160;<a href="prefs-filetypes.html">FileTypes</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-keyboard.html">Keyboard</a>&#160;&#160;&raquo;
</p>
</div>
@ -59,11 +59,11 @@
<!--
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-filetypes.html">FileTypes</a>
&#160;&#160;&#160;
Next: <a href="prefs-keyboard.html">Keyboard</a>
&laquo;&#160;&#160;<a href="prefs-filetypes.html">FileTypes</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-keyboard.html">Keyboard</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Keyboard</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-fonts.html">Fonts</a>
&#160;&#160;&#160;
Next: <a href="prefs-keymap.html">Keymap</a>
&laquo;&#160;&#160;<a href="prefs-fonts.html">Fonts</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-keymap.html">Keymap</a>&#160;&#160;&raquo;
</p>
</div>
@ -55,11 +55,11 @@
<!--
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-fonts.html">Fonts</a>
&#160;&#160;&#160;
Next: <a href="prefs-keymap.html">Keymap</a>
&laquo;&#160;&#160;<a href="prefs-fonts.html">Fonts</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-keymap.html">Keymap</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Keymap</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-keyboard.html">Keyboard</a>
&#160;&#160;&#160;
Next: <a href="prefs-media.html">Media</a>
&laquo;&#160;&#160;<a href="prefs-keyboard.html">Keyboard</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-media.html">Media</a>&#160;&#160;&raquo;
</p>
</div>
@ -350,11 +350,11 @@ TildeTab = Normal Shift Option Option-Shift CapsLock CapsLock-Shift CapsLock-Opt
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-keyboard.html">Keyboard</a>
&#160;&#160;&#160;
Next: <a href="prefs-media">Media</a>
&laquo;&#160;&#160;<a href="prefs-keyboard.html">Keyboard</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-media.html">Media</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Media</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-keymap.html">Keymap</a>
&#160;&#160;&#160;
Next: <a href="prefs-mouse.html">Mouse</a>
&laquo;&#160;&#160;<a href="prefs-keymap.html">Keymap</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-mouse.html">Mouse</a>&#160;&#160;&raquo;
</p>
</div>
@ -50,11 +50,11 @@
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-keymap.html">Keymap</a>
&#160;&#160;&#160;
Next: <a href="prefs-mouse.html">Mouse</a>
&laquo;&#160;&#160;<a href="prefs-keymap.html">Keymap</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-mouse.html">Mouse</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Mouse</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-media.html">Media</a>
&#160;&#160;&#160;
Next: <a href="prefs-network.html">Network</a>
&laquo;&#160;&#160;<a href="prefs-media.html">Media</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-network.html">Network</a>&#160;&#160;&raquo;
</p>
</div>
@ -64,11 +64,11 @@
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-media.html">Media</a>
&#160;&#160;&#160;
Next: <a href="prefs-network.html">Network</a>
&laquo;&#160;&#160;<a href="prefs-media.html">Media</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-network.html">Network</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Network</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-mouse.html">Mouse</a>
&#160;&#160;&#160;
Next: <a href="prefs-printers.html">Printers</a>
&laquo;&#160;&#160;<a href="prefs-mouse.html">Mouse</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-printers.html">Printers</a>&#160;&#160;&raquo;
</p>
</div>
@ -56,11 +56,11 @@
<!--
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-mouse.html">Mouse</a>
&#160;&#160;&#160;
Next: <a href="prefs-printers.html">Printers</a>
&laquo;&#160;&#160;<a href="prefs-mouse.html">Mouse</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-printers.html">Printers</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Printers</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-network.html">Network</a>
&#160;&#160;&#160;
Next: <a href="prefs-screen.html">Screen</a>
&laquo;&#160;&#160;<a href="prefs-network.html">Network</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-screen.html">Screen</a>&#160;&#160;&raquo;
</p>
</div>
@ -49,11 +49,11 @@
<!--
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-mouse.html">Mouse</a>
&#160;&#160;&#160;
Next: <a href="prefs-printers.html">Printers</a>
&laquo;&#160;&#160;<a href="prefs-network.html">Network</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-screen.html">Screen</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Screen</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-printers.html">Printers</a>
&#160;&#160;&#160;
Next: <a href="prefs-screensaver.html">ScreenSaver</a>
&laquo;&#160;&#160;<a href="prefs-printers.html">Printers</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-screensaver.html">ScreenSaver</a>&#160;&#160;&raquo;
</p>
</div>
@ -56,11 +56,11 @@
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-printers.html">Printers</a>
&#160;&#160;&#160;
Next: <a href="prefs-screensaver.html">ScreenSaver</a>
&laquo;&#160;&#160;<a href="prefs-printers.html">Printers</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-screensaver.html">ScreenSaver</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">ScreenSaver</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-screen.html">Screen</a>
&#160;&#160;&#160;
Next: <a href="prefs-sounds.html">Sounds</a>
&laquo;&#160;&#160;<a href="prefs-screen.html">Screen</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-sounds.html">Sounds</a>&#160;&#160;&raquo;
</p>
</div>
@ -69,11 +69,11 @@ The other, after how many minutes you need a password to unlock your machine.
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-screen.html">Screen</a>
&#160;&#160;&#160;
Next: <a href="prefs-sounds.html">Sounds</a>
&laquo;&#160;&#160;<a href="prefs-screen.html">Screen</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-sounds.html">Sounds</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Sounds</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-screensaver.html">ScreenSaver</a>
&#160;&#160;&#160;
Next: <a href="prefs-time.html">Time</a>
&laquo;&#160;&#160;<a href="prefs-screensaver.html">ScreenSaver</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-time.html">Time</a>&#160;&#160;&raquo;
</p>
</div>
@ -56,11 +56,11 @@ You can "pre-hear" an event's sound by selecting it and using the <span class="b
<!--
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-screensaver.html">ScreenSaver</a>
&#160;&#160;&#160;
Next: <a href="prefs-time.html">Time</a>
&laquo;&#160;&#160;<a href="prefs-screensaver.html">ScreenSaver</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-time.html">Time</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Time</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-sounds.html">Sounds</a>
&#160;&#160;&#160;
Next: <a href="prefs-tracker.html">Tracker</a>
&laquo;&#160;&#160;<a href="prefs-sounds.html">Sounds</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-tracker.html">Tracker</a>&#160;&#160;&raquo;
</p>
</div>
@ -64,11 +64,11 @@
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-sounds.html">Sounds</a>
&#160;&#160;&#160;
Next: <a href="prefs-tracker.html">Tracker</a>
&laquo;&#160;&#160;<a href="prefs-sounds.html">Sounds</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-tracker.html">Tracker</a>&#160;&#160;&raquo;
</p>
</div> </body>
</html>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Tracker</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-time.html">Time</a>
&#160;&#160;&#160;
Next: <a href="prefs-virtualmemory.html">VirtualMemory</a>
&laquo;&#160;&#160;<a href="prefs-time.html">Time</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-virtualmemory.html">VirtualMemory</a>&#160;&#160;&raquo;
</p>
</div>
@ -49,11 +49,11 @@ Its functions are discussed in the topic on <a href="../tracker.html#tracker-pre
<!--
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-time.html">Time</a>
&#160;&#160;&#160;
Next: <a href="prefs-virtualmemory.html">VirtualMemory</a>
&laquo;&#160;&#160;<a href="prefs-time.html">Time</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
&#160;&#160;::&#160;&#160;
<a href="prefs-virtualmemory.html">VirtualMemory</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,14 +21,14 @@
<body>
<div class="logo">
<img src="../../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">VirtualMemory</div>
<img src="../images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-tracker.html">Tracker</a>
&laquo;&#160;&#160;<a href="prefs-tracker.html">Tracker</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
</p>
</div>
@ -55,9 +55,9 @@ Upgrading your RAM is of course the most effective way to go...</p>
<!--
<div class="bottomnav">
<p>
<a href="../preferences.html">Preferences</a>
&#160;&#160;&#160;
Previous: <a href="prefs-tracker.html">Tracker</a>
&laquo;&#160;&#160;<a href="prefs-tracker.html">Tracker</a>
&#160;&#160;::&#160;&#160;
<a href="../preferences.html" class="uplink">Preferences</a>
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Queries</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="index.html">Index</a>
&#160;&#160;&#160;
Next: <a href="workshop-filetypes+attributes.html">Workshop</a>
&laquo;&#160;&#160;<a href="index.html">Index</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="workshop-filetypes+attributes.html">Workshop</a>&#160;&#160;&raquo;
</p>
</div>
@ -48,11 +48,13 @@
</td></tr>
</table>
<div class="title">Queries</div>
<p>A query is a file search based on file attributes and can be performed within Tracker or in Terminal. Queries are saved in <span class="path">/boot/home/queries/</span> and by default last seven days before being purged. Note, these aren't static result lists of your search, but are the query formulas which trigger a new search whenever you open them.<br />
Even better, you don't have to double-click to re-do a query. You can <a href="tracker.html#navigating">drill down</a> a saved query just like any folder by right-clicking on it and navigating through the submenus.</p>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="find-window" name="find-window">The Find window</a></h1>
<p>You start a query by invoking the <span class="menu">Find...</span> menu either from the Deskbar menu or any Tracker window or the Desktop (which is actually a fullscreen Tracker window). The shortcut is <span class="key">ALT</span>&#160;<span class="key">F</span>. You're presented with the Find window:</p>
<img src="images/queries-images/basic-query.png" alt="basic-query.png" />
@ -74,12 +76,12 @@ types.</p></li>
</ol>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="basic-query" name="basic-query">Basic queries - "by Name"</a></h1>
<p>If you simply want to find all files on your mounted disks that match a certain pattern, simply leave the search method at "<span class="menu">by Name</span>", enter the search term into the text box and press <span class="key">ENTER</span>.</p>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="adv-query" name="adv-query">Advanced queries - "by Attribute"</a></h1>
<p>You can create more advanced queries by searching within the attributes of specific file types. For that to work, these attributes have to be <a href="index.html">indexed</a>.</p>
<img src="images/queries-images/query-window.png" alt="query-window.png" />
@ -90,7 +92,7 @@ types.</p></li>
<p>This is your Find window when you're looking for all emails Clara Botters has sent to you in the last two months that had in the subject "vibraphone" or "skepticality".</p>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="more-adv-query" name="more-adv-query">Even more advanced queries - "by Formula"</a></h1>
<p>Typing in a formula query by hand is daunting and really quite unpractical. It still has its uses.</p>
<p>Take the above query by attribute of Clara's mails concerning vibraphones etc. If you have all the attributes and their search terms set, try switching to "<span class="menu">by Formula</span>" mode and be overwhelmed by this one line query string:</p>
@ -109,7 +111,7 @@ types.</p></li>
</ul>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="result-window" name="result-window">The result window</a></h1>
<p>After you start a search, the Find window will be replaced by a result window. Here is an example that queried for "server":</p>
<img src="images/queries-images/result-window.png" alt="result-window.png" />
@ -126,11 +128,11 @@ types.</p></li>
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="index.html">Index</a>
&#160;&#160;&#160;
Next: <a href="workshop-filetypes+attributes.html">Workshop</a>
&laquo;&#160;&#160;<a href="index.html">Index</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="workshop-filetypes+attributes.html">Workshop</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Team Monitor</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="twitcher.html">Twitcher</a>
&#160;&#160;&#160;
Next: <a href="tracker.html">Tracker</a>
&laquo;&#160;&#160;<a href="twitcher.html">Twitcher</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="tracker.html">Tracker</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Team Monitor</div>
<p>With <span class="key">CTRL</span>&#160;<span class="key">ALT</span>&#160;<span class="key">DEL</span> you invoke the Team Monitor which lists all currently running programs.</p>
<img src="images/teammonitor-images/teammonitor.png" alt="teammonitor.png" />
<p>Programs that were launched by the system are blue, those started by the user black.<br />
@ -47,11 +49,11 @@ Applications that are unresponsive, which is often a sign the program has crashe
<!--
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="twitcher.html">The Twitcher</a>
&#160;&#160;&#160;
Next: <a href="tracker.html">The Tracker</a>
&laquo;&#160;&#160;<a href="twitcher.html">Twitcher</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="tracker.html">Tracker</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Tracker Add-Ons</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="tracker.html">Tracker</a>
&#160;&#160;&#160;
Next: <a href="keyboard-shortcuts.html">Keyboard shortcuts</a>
&laquo;&#160;&#160;<a href="tracker.html">Tracker</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="keyboard-shortcuts.html">Keyboard shortcuts</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Tracker Add-Ons</div>
<p>Applications can install add-ons so they can be invoked easily on a selection of files from Tracker. Only the add-ons that can handle a specific filetype are presented under <span class="menu">Add-Ons</span> from the context menu or the <span class="menu">File</span> menu of a Tracker window. Some add-ons don't necessarily need a file to work on and are thus always present.</p>
<p>Tracker Add-Ons, or links to applications that can act as add-ons, can be installed in three different locations (see topic <a href="filesystem-layout.html">Filesystem layout</a>):</p>
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
@ -67,11 +69,11 @@ Of course, you have to take care of possible shortcut collisions when deciding o
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="tracker.html">Tracker</a>
&#160;&#160;&#160;
Next: <a href="keyboard-shortcuts.html">Keyboard shortcuts</a>
&laquo;&#160;&#160;<a href="tracker.html">Tracker</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="keyboard-shortcuts.html">Keyboard shortcuts</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Tracker</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="teammonitor.html">Team Monitor</a>
&#160;&#160;&#160;
Next: <a href="tracker-add-ons.html">Tracker Add-Ons</a>
&laquo;&#160;&#160;<a href="teammonitor.html">Team Monitor</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="tracker-add-ons.html">Tracker Add-Ons</a>&#160;&#160;&raquo;
</p>
</div>
@ -49,11 +49,13 @@
</td></tr>
</table>
<div class="title">Tracker</div>
<p>The Tracker is the graphical interface to all your files. It let's you create new files and folders or find, launch or rename as well as copy or delete existing ones.</p>
<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>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="mounting-volumes" name="mounting-volumes">Mounting Volumes</a></h1>
<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. You find the same <span class="menu">Mount</span> menu in the Deskbar.</p>
<img src="images/tracker-images/mount-settings.png" alt="drill-down.png" />
@ -62,7 +64,7 @@ The above settings will automatically mount any storage device you connect/inser
<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>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="navigating" name="navigating">Navigating</a></h1>
<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 <span class="key">OPT</span> key, which automatically closes the parent window.<br />
@ -87,7 +89,7 @@ If you do the above while dragging a file with you, it will be moved to where yo
<p>In the above example, there are many files starting with "Haiku logo", rendering simpler approaches to typing ahead quite useless. In Haiku however, typing "web" jumps right to its first occurence in "Haiku logo - website". The characters you enter appear in the bottom left corner where you normally find the item count of all files in the folder. A second after entering a character, the display jumps back to normal and you're ready for a new type ahead search.</p>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="appearance" name="appearance">Appearance</a></h1>
<img src="images/tracker-images/window-menu.png" alt="window-menu.png" />
<p>Tracker windows offer three different viewing modes from the <span class="menu">Window</span> menu:</p>
@ -124,7 +126,7 @@ If you do the above while dragging a file with you, it will be moved to where yo
<p>This panel, by the way, is also available as <span class="app">Tracker</span> from Deskbar's <span class="menu">Preferences</span>.</p>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="working-with-files" name="working-with-files">Working with files</a></h1>
<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>
@ -155,7 +157,7 @@ If you do the above while dragging a file with you, it will be moved to where yo
</ul>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="transaction-status" name="transaction-status">Transaction status</a></h1>
<p>When you copy, move or delete files, Tracker shows its progress with a status window. If you initiate more than one transaction, each job gets its own status display.</p>
<img src="images/tracker-images/transaction-status.png" alt="transaction-status.png" />
@ -165,11 +167,11 @@ If you do the above while dragging a file with you, it will be moved to where yo
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="teammonitor.html">Team Monitor</a>
&#160;&#160;&#160;
Next: <a href="tracker-add-ons.html">Tracker Add-Ons</a>
&laquo;&#160;&#160;<a href="teammonitor.html">Team Monitor</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="tracker-add-ons.html">Tracker Add-Ons</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Twitcher</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="workspaces.html">Workspaces</a>
&#160;&#160;&#160;
Next: <a href="teammonitor.html">Team Monitor</a>
&laquo;&#160;&#160;<a href="workspaces.html">Workspaces</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="teammonitor.html">Team Monitor</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Twitcher</div>
<p>The Twitcher is a task switcher to jump between running applications and their windows.</p>
<img src="../images/twitcher-images/twitcher.png" alt="twitcher.png" />
<p>Just tap <span class="key">CTRL</span>&#160;<span class="key">TAB</span> to switch between the current and the last application/window. Tapping <span class="key">CTRL</span>&#160;<span class="key">TAB</span> very quickly will switch between all applications. Or press and hold <span class="key">CTRL</span>&#160;<span class="key">TAB</span> to go through all running applications by repeatedly hitting <span class="key">TAB</span> or <span class="key">&larr;</span>/<span class="key">&rarr;</span>. If you need to get to a specific window of a program, move to its icon as described and then go through its open windows with the <span class="key">&uarr;</span>/<span class="key">&darr;</span> keys.</p>
@ -52,11 +54,11 @@
<!--
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="workspaces.html">Workspaces</a>
&#160;&#160;&#160;
Next: <a href="teammonitor.html">The Team Monitor</a>
&laquo;&#160;&#160;<a href="workspaces.html">Workspaces</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="teammonitor.html">Team Monitor</a>&#160;&#160;&raquo;
</p>
</div>
-->

View File

@ -21,16 +21,16 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Workshop: Filetypes, Attributes, Index and Queries</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="queries.html">Queries</a>
&#160;&#160;&#160;
Next: <a href="applications.html">Applications</a>
&laquo;&#160;&#160;<a href="queries.html">Queries</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="applications.html">Applications</a>&#160;&#160;&raquo;
</p>
</div>
@ -54,10 +54,12 @@
</td></tr>
</table>
<div class="title">Workshop: Filetypes, Attributes, Index and Queries</div>
<p>This is a workshop to show the use of <a href="attributes.html">Attributes</a>, <a href="queries.html">Queries</a>, the <a href="index.html">Index</a> and custom <a href="filetypes.html">Filetypes</a>. As an example, we build a database to keep track of our DVD library.</p>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="preparations" name="preparations">Preparations</a></h1>
<p>Let's first decide what filetype and attributes would serve our needs. Originally, I wanted to use a Bookmark file with a link to the movie's IMdB page, but Haiku doesn't have a "bookmarkable" browser like BeOS' <span class="app">NetPositive</span> at the moment, so I came up with this: The file itself will be a JPEG image for the movie cover.<br />
To that we add a couple of attributes. Here we have to decide if we want to query it later (then we have to add it to the index) and if so, what type of attribute it should be. Numbers (int, float) can be evaluated differently than text (&lt;/=/&gt; vs. is/contains/starts with).</p>
@ -74,7 +76,7 @@ To that we add a couple of attributes. Here we have to decide if we want to quer
</ul>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="custom-filetype" name="custom-filetype">Creating a custom filetype</a></h1>
<p>Start the <span class="app">Filetypes</span> preferences, and click on the <span class="button">Add...</span> button below the hierarchical list on the left. A small dialog opens and you specify in which MIME Group your new filetype will reside. You can also create a completely new group. Let's put it into "<i>applications</i>" and set the "Internal Name" to <i>DVDdb</i>.</p>
<img src="images/workshop-filetypes+attributes-images/filetypes-new-file-type.png" alt="filetypes-new-file-type.png" />
@ -82,17 +84,17 @@ To that we add a couple of attributes. Here we have to decide if we want to quer
<img src="images/workshop-filetypes+attributes-images/filetypes-dvddb.png" alt="filetypes-dvddb.png" />
<h2>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="icon" name="icon">Icon</a></h2>
<p>Double-click the icon well to open <a href="applications/apps-icon-o-matic.html">Icon-O-Matic</a> to design an icon for your filetype. You can also drag&amp;drop an icon from the icon well of another type, maybe as starting point for a modified version.</p>
<h2>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="file-recognition" name="file-recognition">File Recognition</a></h2>
<p>You can add suffixes like .txt, .jpg, .mp3 to recognize files by their extention. Useful when working with files from systems without MIME typing. We don't need that for our example.</p>
<h2>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="decription" name="decription">Description</a></h2>
<ul>
<li><i>Type Name</i> - Appears e.g. in the Attribute menu of Tracker windows and the "Kind" attribute of a file.</li>
@ -100,7 +102,7 @@ To that we add a couple of attributes. Here we have to decide if we want to quer
</ul>
<h2>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="pref_app" name="pref_app">Preferred Application</a></h2>
<p>This drop-down menu shows a list of all applications that can handle this particular filetype. From here you can choose which program should open this specific file when it's double-clicked.</p>
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
@ -109,7 +111,7 @@ To that we add a couple of attributes. Here we have to decide if we want to quer
</table>
<h2>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="extra_attribute" name="extra_attribute">Extra Attributes</a></h2>
<p>Here we enter all the custom attributes we decided on in our preparations. Clicking the <span class="button">Add...</span> button opens a panel:</p>
<img src="images/workshop-filetypes+attributes-images/filetype-extra-attribute.png" alt="filetype-extra-attribute.png" />
@ -150,7 +152,7 @@ To that we add a couple of attributes. Here we have to decide if we want to quer
</table>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="indexing" name="indexing">Indexing</a></h1>
<p>Before we start entering data in our little DVD database, we should add certain attributes to the <a href="index.html">Index</a>. Only indexed attributes can use Haiku's fast <a href="queries.html">Queries</a>.<br />
So, what will we be searching in the future? We probably won't ask "What's in the B4 coordinate in my shelf?" or "Does the IMdB URL or the plot of the movie contain the word 'pope-shenooda'?".</p>
@ -171,7 +173,7 @@ mkindex -t int DVDdb:rating</pre>
<p>The <span class="cli">-t</span> option defines the type of attribute, which is "string" for all but the rating, which is an integer number.</p>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="filling-data" name="filling-data">Filling in the data</a></h1>
<p>Now, everything's set and we can begin putting some data into our base.<br />
Since our basic file is a cover image, we go to some online resource like IMdB, look for our first movie and save the cover or movie poster in a new folder where we want to keep our DVDdb files.</p>
@ -183,7 +185,7 @@ Since our basic file is a cover image, we go to some online resource like IMdB,
<p>Right-clicking into a Tracker window, you'll find a new entry under <span class="menu">New...</span> besides the default "New folder".</p>
<h1>
<a href="#index"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" /></a>
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" width="16" height="16" class="noprint" /></a>
<a id="query-db" name="query-db">Querying the database</a></h1>
<p>Several hours of grunt work later, we have a nice little database that you can query to find all your Christina Ricci movies that have a 7+ rating... :)</p>
<p>You can assign a sensible attribute layout for query results of a specific filetype.<br />
@ -196,11 +198,11 @@ Open the folder containing your DVDdb files and arrange the attributes how you'd
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="queries.html">Queries</a>
&#160;&#160;&#160;
Next: <a href="applications.html">Applications</a>
&laquo;&#160;&#160;<a href="queries.html">Queries</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="applications.html">Applications</a>&#160;&#160;&raquo;
</p>
</div>

View File

@ -21,21 +21,23 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Workspaces</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="gui.html">Haiku's GUI</a>
&#160;&#160;&#160;
Next: <a href="twitcher.html">The Twitcher</a>
&laquo;&#160;&#160;<a href="gui.html">Haiku's GUI</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="twitcher.html">The Twitcher</a>&#160;&#160;&raquo;
</p>
</div>
<div class="content">
<div class="title">Workspaces</div>
<p>Workspaces are virtual desktops, complete with their own resolution, color depth and background. Up to 32 of these workspaces can be set from the <a href="prefs-screen.html">Screen</a> preferences.</p>
<h1><img src="../images/desktop-applets-images/workspaces-icon_64.png" alt="workspaces-icon_64.png" width="64" height="64" /><a name="applet">The Workspaces Applet</a></h1>
@ -64,7 +66,7 @@ Also, clicking on an application or one of its windows in the Deskbar will send
<p>The Workspaces applet provides some additional functionality when clicking on a window while holding certain modifier keys:
<table summary="functionality-thru-modifiers" border="0" cellspacing="0" cellpadding="4">
<tr><td><span class="key">CTRL</span></td><td style="width:15px;"></td><td>Brings the the window to the foreground.</td></tr>
<tr><td><span class="key">CTRL</span><span class="key">SHIFT</span></td><td></td><td>Minimizes the window.</td></tr>
<tr><td><span class="key">CTRL</span>&#160;<span class="key">SHIFT</span></td><td></td><td>Minimizes the window.</td></tr>
<tr><td><span class="key">OPT</span></td><td></td><td>Sends the window to the back.</td></tr>
</table>
@ -72,11 +74,11 @@ Also, clicking on an application or one of its windows in the Deskbar will send
<div class="bottomnav">
<p>
<a href="contents.html">Contents</a>
&#160;&#160;&#160;
Previous: <a href="gui.html">Haiku's GUI</a>
&#160;&#160;&#160;
Next: <a href="twitcher.html">The Twitcher</a>
&laquo;&#160;&#160;<a href="gui.html">Haiku's GUI</a>
&#160;&#160;::&#160;&#160;
<a href="contents.html" class="uplink">Contents</a>
&#160;&#160;::&#160;&#160;
<a href="twitcher.html">The Twitcher</a>&#160;&#160;&raquo;
</p>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 164 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

View File

@ -21,9 +21,9 @@
<body>
<div class="logo">
<img src="images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Haiku User Guide</div>
<img src="./en/images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>
&#160;
@ -32,7 +32,8 @@
<div class="content">
<h2><a name="welcome">Welcome to Haiku's User Guide</a></h2>
<div class="title">Welcome to Haiku's User Guide</div>
<p>If you're interested in helping with a translation, get in touch on the <a href="http://www.freelists.org/list/haiku-doc">Documentation mailing list</a>.<br />
Right now, the User Guide is available in these languages:</p>
<ul>

View File

@ -21,16 +21,17 @@
<body>
<div class="logo">
<img src="../images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Reporting bugs</div>
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p><a href="../welcome.html">Welcome</a></p>
<p><a href="../welcome.html" class="uplink">Welcome</a></p>
</div>
<div class="content">
<h1>Reporting bugs</h1>
<div class="title">Reporting bugs</div>
<p>Since our developers are unable to test every hardware combination, nor every different way of interacting with the operating system, we are relying on you to give us some input on how things work at your end. Since this is a very early product, it is very likely that you will encounter bugs. We thank you for taking the time to report these.<br /><br />
To keep our bugtracker effective, it's essential to abide by the <a href="http://dev.haiku-os.org/wiki/BugTrackerEtiquette">Bug Tracker Etiquette</a>. Besides, please follow these guidelines to create helpful bug reports:</p>
<ol>
@ -55,7 +56,7 @@ sysinfo > sysinfo-output.txt</pre></li>
</div>
<div class="bottomnav">
<p><a href="../welcome.html">Welcome</a></p>
<p><a href="../welcome.html" class="uplink">Welcome</a></p>
</div>
</body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 164 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

BIN
docs/welcome/images/up.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 329 B

View File

@ -21,8 +21,7 @@
<body>
<div class="logo">
<img src="images/logo.png" alt="logo" width="372" height="86" />
<div class="title">Welcome to Haiku!</div>
<img src="./en/images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
</div>
<div class="topnav">
<p>&#160;</p>