User:Billw58/Templates and Spans

From Audacity Development Manual
< User:Billw58
Revision as of 15:24, 9 April 2012 by Stevethefiddle (talk | contribs) (→‎The "Key" template and a possible "Button" template)
Jump to: navigation, search

Alternative "Menu" span/template colours:

Please add you own suggestions.

  1. Click on Effect >Amplify The current - background is #FFFFCC
  2. Click on Effect >Amplify #FFEEAA
  3. Click on Effect >Amplify #FFEECC
  4. Click on Effect >Amplify #FFDDAA
  5. Click on Effect >Amplify #FFCCAA
  6. Click on Effect >Amplify #FFCC99

I think 1, 2 and 3 look OK. 4 and 5 are too dark.

  • Steve: 1 and 3 are too light on my laptop display. 2 is just about OK. 4 look about right. 5 and 6 look a bit too dark.

The "Key" template and a possible "Button" template

Press CTRL+A - the current key template
Click the Choose... button - bold with #EEEEEE
Click the Choose... button - plain with #EEEEEE

We could change the "key" template, then use the #DDDDDD background for buttons.

Please add your own suggestions.

  1. Press CTRL+A or click the Select All button
  2. Press CTRL+A or click the Select All button
  3. Press CTRL+A or click the Select All button
  4. Press CTRL+A or click the Select All button
  5. Press CTRL+A or click the Select All button
  6. Press CTRL+A or click the Select All button
  7. Press CTRL+A or click the Select All button
  8. Press CTRL+A or click the Select All button
  9. Press CTRL+A or click the Select All button
  10. Press CTRL+A or click the Select All button
  11. Press CTRL+A or click the Select All button
  12. Press CTRL+A or click the Select All button
  13. Press CTRL+A or click the Select All button
  14. Press CTRL+A or click the Select All button
  15. Press CTRL+A or click the Select All button
  16. Press CTRL+A or click the Select All button
  17. Press CTRL+A or click the Select All button

I don't like the "cyans". 3, 5, 11 and 15 look OK to me.

It's hard to get "brown" without it being too dark or too orange.

  1. Press CTRL+A or click the Select All button
  2. Press CTRL+A or click the Select All button


  • Gale 08Apr12: I think most of the "key" colours will be too dark for use on Keyboard Shortcut Reference. 17 is about the only one that looks acceptable thinking of use on that page. Have you tried a variant of the "Intro" div colour?

    I think the button colour may still be a little too strong for pages that use it a lot. On the other hand a *subtle* border might help mimic a button better and may allow us to do without the bold text. The Wiki is better here IMO, if a bit too forceful.

    • Steve: 17 looks OK for "Ctrl+A". The others look too dark/vivid.

Here's some green key spans, plus outlined buttons in context.

  1. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Press CTRL+A or click the Select All button. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Press CTRL+A or click the Select All button. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  3. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Press CTRL+A or click the Select All button. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  4. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Press CTRL+A or click the Select All button. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Steve: 1 looks too dark/vivid. 2 looks about right. 3 and 4 are too light (on my laptop screen).


Here they are bare in a list, somewhat as they would appear on the Keyboard Shortcut Reference page.
Each of the buttons in this list has a slightly different (non-black) border.

  1. Press CTRL+A or click the Select All button.
  2. Press CTRL+A or click the Select All button.
  3. Press CTRL+A or click the Select All button.
  4. Press CTRL+A or click the Select All button.

Numbers 2, 3 and 4 are possibilities for the key span. This button template does not stick out above and below the line the way the wiki one does.

Here's some that are not "pure" green

  1. Press CTRL+A or click the Select All button.
  2. Press CTRL+A or click the Select All button.
  3. Press CTRL+A or click the Select All button.
  4. Press CTRL+A or click the Select All button.
  5. Press CTRL+A or click the Select All button.
  6. Press CTRL+A or click the Select All button.
  7. Press CTRL+A or click the Select All button. This is the same at the "intro" div colour

And yet some more variations on the key span colour

  1. Press CTRL+A or click the Select All button.
  2. Press CTRL+A or click the Select All button.
  3. Press CTRL+A or click the Select All button.
  4. Press CTRL+A or click the Select All button.

And more ...

  1. Press CTRL+A or click the Select All button.
  2. Press CTRL+A or click the Select All button.
  3. Press CTRL+A or click the Select All button.
  4. Press CTRL+A or click the Select All button.

Alternative colours for the "advice" div/template

This is the current advice div. The background is #FEFFBF
This is the the advice div with background #FFEEAA.
This is the the advice div with background #FFDDAA.
Does this look too much like an editornote?
Here's an editornote for comparison. The background is #FFEECC

Bill 07Apr12: Coming back to this after a rest, I kind of like #FFEECC for both the menu highlight and the advice div. If we did that then the editornote div colour would need to change. It doesn't have to be pretty, just not nausea-inducing :)

  • Gale 08Apr12: +1 to all that.
An alternative "editornote" div background #FFCCFF.

An alternative "editornote" div background #FFCCFF.

An alternative "editornote" div background #FFCCFF.
An alternative "editornote" div background #EECCFF.

An alternative "editornote" div background #EECCFF.

An alternative "editornote" div background #EECCFF.
An alternative "editornote" div background #DDCCFF.

An alternative "editornote" div background #DDCCFF.

An alternative "editornote" div background #DDCCFF.
An alternative "editornote" div background #CCCCFF.

An alternative "editornote" div background #CCCCFF.

An alternative "editornote" div background #CCCCFF.
An alternative "editornote" div background #EEDDFF.

An alternative "editornote" div background #EEDDFF.

An alternative "editornote" div background #EEDDFF.

I could live with #EEDDFF for editornotes.

  • Gale 08Apr12: Expanding the divs with more text as they would be in real life I think rules out the first three as too "gaudy". I can live with either of the last two.

Non-shortcut keys

Bill08Apr12: I don't like the idea of using the button template for both on-screen button and for keyboard keys. So here's an alternative.

  • Tag Name: The first seven Tag names are permanent and cannot be edited. You can add more Tag rows and give them a customised name and value using the "Add" button (see below). Note: "Album Title", "Track Number", "Genre" and customised tags are not supported for WAV and will not be exported or imported.
  • Tag Value: Type in the data you want for each Tag, or accept the data already present from an imported file. You don't have to fill in every value. When exporting multiple files, the "Track Title" and "Track Number" tags are pre-filled automatically from the names and ordering of the tracks or labels.

    Single-clicking on a value field (or navigating into it with the keyboard arrow keys) selects that field - typing will replace the contents. Tab can be used too, and also permits navigation into the buttons below the Tag and Value fields.

  • Double-clicking a field (or selecting it, then using keyboard F2) highlights the text in the field. This allows the text to be edited rather than merely replaced, and permits cut, copy or paste using standard system shortcuts or a right-click context menu. Use keyboard Home, End or arrow keys to navigate to individual characters. Once a value field has been replaced or edited, press the Return key to select the next value field, or click in any other one to select it.

Comparing spans and templates to make sure they are identical

This is the menu span.
The is the menu template with some text following it.
This is the key span.
This is the key template with some text following it.
This is the shortcut template, identical to the key template with some text following it.
Wiki uses 'shortcut', manual uses 'key'. This template allows transferring of text from the wiki to the manual without having to change every occurrence of the 'shortcut' template to the 'key' template.

This is the intro div. Both these effects depend on correctly detecting the "silences" between tracks and this depends on setting their parameters appropriately for your track. See this example of adjusting Silence Finder parameters in order to place labels correctly between the songs.

Some text following the div.

This is the intro template. Both these effects depend on correctly detecting the "silences" between tracks and this depends on setting their parameters appropriately for your track. See this example of adjusting Silence Finder parameters in order to place labels correctly between the songs.

Some text following the template.

This is the note div. Both these effects depend on correctly detecting the "silences" between tracks and this depends on setting their parameters appropriately for your track. See this example of adjusting Silence Finder parameters in order to place labels correctly between the songs.

Some text following the div.

This is the note template. Both these effects depend on correctly detecting the "silences" between tracks and this depends on setting their parameters appropriately for your track. See this example of adjusting Silence Finder parameters in order to place labels correctly between the songs.

Some text following the template.

This is the hint template. Wiki uses 'hint', manual uses 'note' - the existence of this template allows transferring of text from the wiki to the manual without having to change every occurrence of the 'hint' template to the 'note' template. Both these effects depend on correctly detecting the "silences" between tracks and this depends on setting their parameters appropriately for your track. See this example of adjusting Silence Finder parameters in order to place labels correctly between the songs.

Some text following the template.

This is the alert div. Both these effects depend on correctly detecting the "silences" between tracks and this depends on setting their parameters appropriately for your track. See this example of adjusting Silence Finder parameters in order to place labels correctly between the songs.

Some text following the div.

Alert This is the alert template. Both these effects depend on correctly detecting the "silences" between tracks and this depends on setting their parameters appropriately for your track. See this example of adjusting Silence Finder parameters in order to place labels correctly between the songs.

Some text following the template.

This is the advice div. Both these effects depend on correctly detecting the "silences" between tracks and this depends on setting their parameters appropriately for your track. See this example of adjusting Silence Finder parameters in order to place labels correctly between the songs.

Some text following the div.

Advice This is the advice template. Both these effects depend on correctly detecting the "silences" between tracks and this depends on setting their parameters appropriately for your track. See this example of adjusting Silence Finder parameters in order to place labels correctly between the songs.

Some text following the template.

Retrieved from "http://alphamanual.audacityteam.org/m/index.php?title=User:Billw58/Templates_and_Spans&oldid=16250"