diff --git a/docs/Haiku-doc.css b/docs/Haiku-doc.css index 4f62dca673..14fda7af13 100644 --- a/docs/Haiku-doc.css +++ b/docs/Haiku-doc.css @@ -110,6 +110,32 @@ div.bottomnav p { font-size: 0.8em; } +/* contents box */ + +table.index { + margin-left: 30px; + padding: 1px; + border-width: 1px; + 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; +} + /* Haiku User Guide styles and layout */ diff --git a/docs/userguide/en/applications/apps-icon-o-matic.html b/docs/userguide/en/applications/apps-icon-o-matic.html index e13c8fce01..279bfba257 100644 --- a/docs/userguide/en/applications/apps-icon-o-matic.html +++ b/docs/userguide/en/applications/apps-icon-o-matic.html @@ -37,9 +37,9 @@
- - -i-o-m-shape -

When a shape is selected from the list, a rectangle is drawn around it. Depending on where exactly you grab it, the shape is moved, resized or rotated around a point in its center, which itself can be moved. Holding SHIFT will lock direction when moving, limit resizing to 45° angles and restrict the aspect ratio while resizing. The mouse pointer again indicates the current mode:

+

When a shape is selected from the list, a rectangle is drawn around it. Depending on where exactly you grab it, the shape is moved, resized or rotated around a point in its center, which itself can be moved. Holding SHIFT will lock direction when moving, limit resizing to 45° angles and restrict the aspect ratio while resizing. The mouse pointer again indicates the current mode:

Contents
BeOS bitmap vs. Haiku vector icons
+ + +
Index
BeOS bitmap vs. Haiku vector icons
Icons are attributes
Creating icons with Icon-O-Matic
  Path
@@ -60,7 +60,7 @@


-

Before we come to the actual creating of icons in Icon-O-Matic, a few words to Haiku's icons in general.

+

Before we come to the actual creating of icons in Icon-O-Matic, a few words on Haiku's icons in general.

contents @@ -161,6 +161,14 @@ width="16" height="16" />

 Select points
SHIFT
+

You can invoke a context menu by right-clicking a point or a selection of points:

+ + + + + + +
Select allALT ASelects all points of the current path.
TransformTPuts all selected points in a transformation box, so you can move, resize and rotate them together. It works just like with shapes, described a bit further down.
SplitSplits selected points into two, one sitting on top of the other.
FlipRotates selected points by 180°. Only has an effect on Bezier points.
RemoveDELDeletes selected points.

Path Menu

The Path menu offers a few obvious entries to Add Rectangle and Add Circle or to Duplicate or Remove a path. Here are some that may need a bit more explaining:

@@ -184,7 +192,7 @@ width="16" height="16" />
i-o-m- move-shape

You should always try to minimize your use of paths, those are the most expensive, file size wise. Re-use paths wherever possible and work with manipulated shapes and their transformers instead. Smart use of gradients can also save space.

  • Wherever possible, you should activate Snap-to-Grid from the Options menu when editing paths. Path points that align with the 64x64 pixel grid use less storage space. You'll also get the crispest look if points are set on exact pixel borders. For example, it is important to align the most prominent outlines with the 16x16 grid.

  • Check the preview to see if your icon still looks good in 16x16. You may want to use the Level Of Detail settings described in the Shapes section.

    • -

  • It is possible to transform the selected path points by pressing T or invoking the context menu by right-clicking on selected points. From the context menu, you will also have access to a few more helpful path editing features.

  • There's an easy way to produce letters, even if Icon-O-Matic doesn't provide such a tool. Just enter the text in a text editor such as StyledEdit, adjust font type and style, and drag&drop or copy&paste the selected text into Icon-O-Matic. This will create the according paths and shapes.

  • If you assign more than one path to a shape, their overlapping areas will cancel each other out. When one path is completely inside another, it practically creates a hole in the resulting shape.

  • You can zoom in and out of the canvas with the mouse wheel. Panning is done either by click&drag with the middle mouse button or with a normal left-click&drag while holding SPACE.

    • diff --git a/docs/userguide/en/filetypes.html b/docs/userguide/en/filetypes.html index b8e9c263a2..e3f135477f 100644 --- a/docs/userguide/en/filetypes.html +++ b/docs/userguide/en/filetypes.html @@ -55,7 +55,7 @@

    The Default Application is the one that's set globally for that filetype. If you don't find the program you want to associate with this file in the drop-down menu, you'll again find the buttons Select... and Same As... which do the similar thing described under "The File Type" above.

    The Icon

    -

    If you're wondering why the icon well on the top right is empty: Icons are normally inherited from the system default for that filetype. You can open the Filetype Add-On of a file that contains an icon and drag&drop it into your file's icon well. Or you double-click the icon well and create or edit your own icon in Icon-O-Matic.

    +

    If you're wondering why the icon well on the top right is empty: Icons are normally inherited from the system default for that filetype. You can open the Filetype Add-On of a file that contains an icon and drag&drop it into your file's icon well. Or you double-click the icon well and create or edit your own icon. For more info on icons and how to create your own, see topic Icon-O-Matic.

    Special settings for applications

    If you invoke the Filetype Add-On on an executable (here: StyledEdit), you'll get a different dialog:

    diff --git a/docs/userguide/en/twitcher.html b/docs/userguide/en/twitcher.html index a9ff8275f6..2c0d96b012 100644 --- a/docs/userguide/en/twitcher.html +++ b/docs/userguide/en/twitcher.html @@ -40,7 +40,12 @@ twitcher.png

    Just tap CTRL TAB to switch between the current and the last application/window. Tapping CTRL TAB very quickly will switch between all applications. Or press and hold CTRL TAB to go through all running applications by repeatedly hitting TAB or ←/→. 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 ↑/↓ keys.

    It's also possible to invoke the Twitcher with CTRL TAB and then use the mouse to choose the application/window you'll jump to when releasing the CTRL key.

    -

    For more advanced users the Twitcher also has other useful keyboard shortcuts. Press ESC to return to the current window. Press Q to quit the selected application. Press H to hide all windows of the selected application.

    +

    The Twitcher also offers a few more advanced keyboard shortcuts:

    + + + + +
    ESCAborts the twitching an returns the formerly active window.
    QQuits the selected application.
    HHides all windows the selected application.