View source for User:Billw58/Templates and Spans

<div class="editornote">
*'''Bill: 01May12'''<br>
** Previous discussion archived on the Talk page
** "Box" divs/templates updated per consensus to date.
** This page is now for tweaking the text highlight colours
* '''Bill 06May12:''' If there are no strong objections, on May 8 I will:
** Change the menu template to #4
** Create a "menugray" template for use in alert templates
*** Or alternatively a "menulight" (light orange - #2 or #3) for use in alert templates
** Change the shortcut template to gray bordered
</div>

==Alternative "Menu" span/template colours:==
'''In the previous discussion, #2 was chosen as the new menu highlight colour. It does not work well in the ''advice'' template.

#Click on <span style="font-weight:bold; background:#FFFFCC">Effect >[[Effect Menu#Amplify|Amplify]]</span> #FFFFCC '''previous colour'''
#Click on <span style="font-weight:bold; background:#FFEEAA">Effect >[[Effect Menu#Amplify|Amplify]]</span> #FFEEAA '''Steve +0.5; Gale +1; Peter +1'''
#Click on <span style="font-weight:bold; background:#FFEECC">Effect >[[Effect Menu#Amplify|Amplify]]</span> #FFEECC '''Bill +1'''
#Click on <span style="font-weight:bold; background:#FFDDAA">Effect >[[Effect Menu#Amplify|Amplify]]</span> #FFDDAA '''Steve +1'''

'''The current colour in the various boxes:'''
{{intro|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#FFEEAA"> File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}
{{note|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#FFEEAA"> File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}
{{advice|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#FFEEAA"> File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}
{{alert|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#FFEEAA"> File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}

'''Choice #3 in an alert box:'''
{{alert|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#FFEECC"> File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}

'''Choice #4 in the various boxes:'''

See <span style="font-weight:bold; background:#FFDDAA">File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.
{{intro|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#FFDDAA">File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}
{{note|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#FFDDAA">File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}
{{advice|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#FFDDAA">File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}
{{alert|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#FFDDAA">File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}

'''Not so good - it disappears in the alert template.'''

'''What about grey? If we use boxed grey for the shortcuts perhaps unboxed grey for menus would work.'''

See <span style="font-weight:bold; background:#DDDDDD">File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.
{{intro|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#DDDDDD">File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}
{{note|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#DDDDDD">File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}
{{advice|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#DDDDDD">File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}
{{alert|1=
When importing an uncompressed audio file with the "Read uncompressed file directly from the original (faster)" option checked in [[Import - Export Preferences|Import / Export Preferences]] '''never move, rename or delete that file''' unless you first copy it into the Audacity project. See <span style="font-weight:bold; background:#DDDDDD">File > [[File Menu#Check Dependencies...|Check Dependencies]]</span> for more information.}}

'''Not so good - #DDD disappears in the intro div and #CCC is too dark. Would we ever use the menu template in an intro div?'''

'''Wiki has a "menugrey" template for use inside boxes. We could get around this conundrum by using "menugrey" in an alert div, and the darker orange everywhere else.

==divs and templates with default spans and templates==
add line of text between boxes
{{intro|
This is a default intro template with a menu link using double-square bracket notation (no span nor template): [[File Menu#Check Dependencies...|Check Dependencies...]], as a template: {{menu|File > [[File Menu#Check Dependencies...|Check Dependencies...]]}}. This is a key template: {{key|<ALT + SHIFT + a>}}. These are some of the button templates: {{button|Export...}}; {{RadioSelected|Ask User}}; {{DropdownMenu|MP3 files}}.
}}
'''''note''''' that putting a span with a class in a template seems broken:
{{intro|
This is a default intro template with a menu as a span: <span class="menu">File > [[File Menu#Check Dependencies...|Check Dependencies...]]</span>
}}
add line of text between boxes
<div class="intro">
This is a default intro div with a menu link using double-square bracket notation (no span nor template): [[File Menu#Check Dependencies...|Check Dependencies...]], as a template: {{menu|File > [[File Menu#Check Dependencies...|Check Dependencies...]]}} and as a span: <span class="menu">File > [[File Menu#Check Dependencies...|Check Dependencies...]]</span>. This is a key template: {{key|<ALT + SHIFT + a>}}. These are some of the button templates: {{button|Export...}}; {{RadioSelected|Ask User}}; {{DropdownMenu|MP3 files}}.
</div>
add line of text between boxes
{{note|
This is a default note template with a menu link using double-square bracket notation (no span nor template): [[File Menu#Check Dependencies...|Check Dependencies...]], as a template: {{menu|File > [[File Menu#Check Dependencies...|Check Dependencies...]]}}. This is a key template: {{key|<ALT + SHIFT + a>}}. These are some of the button templates: {{button|Export...}}; {{RadioSelected|Ask User}}; {{DropdownMenu|MP3 files}}.
}}
add line of text between boxes
<div class="note">
This is a default note div with a menu link using double-square bracket notation (no span nor template): [[File Menu#Check Dependencies...|Check Dependencies...]], as a template: {{menu|File > [[File Menu#Check Dependencies...|Check Dependencies...]]}} and as a span: <span class="menu">File > [[File Menu#Check Dependencies...|Check Dependencies...]]</span>. This is a key template: {{key|<ALT + SHIFT + a>}}. These are some of the button templates: {{button|Export...}}; {{RadioSelected|Ask User}}; {{DropdownMenu|MP3 files}}.
</div>
add line of text between boxes
{{advice|
This is a default advice template with a menu link using double-square bracket notation (no span nor template): [[File Menu#Check Dependencies...|Check Dependencies...]], as a template: {{menu|File > [[File Menu#Check Dependencies...|Check Dependencies...]]}}. This is a key template: {{key|<ALT + SHIFT + a>}}. These are some of the button templates: {{button|Export...}}; {{RadioSelected|Ask User}}; {{DropdownMenu|MP3 files}}.
}}
add line of text between boxes
<div class="advice">
This is a default advice div with a menu link using double-square bracket notation (no span nor template): [[File Menu#Check Dependencies...|Check Dependencies...]], as a template: {{menu|File > [[File Menu#Check Dependencies...|Check Dependencies...]]}} and as a span: <span class="menu">File > [[File Menu#Check Dependencies...|Check Dependencies...]]</span>. This is a key template: {{key|<ALT + SHIFT + a>}}. These are some of the button templates: {{button|Export...}}; {{RadioSelected|Ask User}}; {{DropdownMenu|MP3 files}}.
</div>
add line of text between boxes
{{alert|
This is a default alert template with a menu link using double-square bracket notation (no span nor template): [[File Menu#Check Dependencies...|Check Dependencies...]], as a template: {{menu|File > [[File Menu#Check Dependencies...|Check Dependencies...]]}}. This is a key template: {{key|<ALT + SHIFT + a>}}. These are some of the button templates: {{button|Export...}}; {{RadioSelected|Ask User}}; {{DropdownMenu|MP3 files}}.
}}
add line of text between boxes
<div class="alert">
This is a default alert div with a menu link using double-square bracket notation (no span nor template): [[File Menu#Check Dependencies...|Check Dependencies...]], as a template: {{menu|File > [[File Menu#Check Dependencies...|Check Dependencies...]]}} and as a span: <span class="menu">File > [[File Menu#Check Dependencies...|Check Dependencies...]]</span>. This is a key template: {{key|<ALT + SHIFT + a>}}. These are some of the button templates: {{button|Export...}}; {{RadioSelected|Ask User}}; {{DropdownMenu|MP3 files}}.
</div>
'''''note''''' that there is no "editornote" template:
{{editornote|
This is a default editornote template with a menu link using double-square bracket notation (no span nor template): [[File Menu#Check Dependencies...|Check Dependencies...]], as a template: {{menu|File > [[File Menu#Check Dependencies...|Check Dependencies...]]}}. This is a key template: {{key|<ALT + SHIFT + a>}}. These are some of the button templates: {{button|Export...}}; {{RadioSelected|Ask User}}; {{DropdownMenu|MP3 files}}.
}}
add line of text between boxes
<div class="editornote">
This is a default editornote div with a menu link using double-square bracket notation (no span nor template): [[File Menu#Check Dependencies...|Check Dependencies...]], as a template: {{menu|File > [[File Menu#Check Dependencies...|Check Dependencies...]]}} and as a span: <span class="menu">File > [[File Menu#Check Dependencies...|Check Dependencies...]]</span>. This is a key template: {{key|<ALT + SHIFT + a>}}. These are some of the button templates: {{button|Export...}}; {{RadioSelected|Ask User}}; {{DropdownMenu|MP3 files}}.
</div>
To visualize vertical spacing I have insured that there are no blank lines between divs, templates and text lines.
<div class="editornote">'''Ed 6May12''': I believe that the vertical (above & below) spacing needs attention--it should be consistent across boxes (and I think consistent between above & below).<br>
'''Ed 6May12''': I believe that the green background currently used for "intro" should be swapped with the blue currently used for "note"; this will give the desired "traffic light" green (note), yellow (advice) and red (alert) with blue as odd-man-out for intro.
</div>

==The "Shortcut" span==
'''In the previous discussion, #1 below was chosen as the new shorcut highlight colour. It does not work well in the ''note'' template.'''

#Press <span style="font-weight:bold; font-style:italic; background:#BBFFFF">CTRL + A</span>. '''Gale +1; Steve +1; Bill -0.5, Peter +1'''
#Press <span style="font-weight:bold; font-style:italic; background:#77FF77">CTRL + A</span>. '''Gale -1, Peter -1'''
#Press <span style="font-weight:bold; font-style:italic; background:#AAFFAA">CTRL + A</span>. '''Steve +1; Bill +0.5; Gale -1, Peter -1'''
#Press <span style="font-weight:bold; font-style:italic; background:#CCFFEE">CTRL + A</span>. '''Gale +1'''
#Press <span style="font-weight:bold; font-style:italic; background:#99FFDD">CTRL + A</span>. '''Bill +1''' (changing my vote)
#Press <span style="font-weight:bold; font-style:italic; background:#AAFFEE">CTRL + A</span>. '''Or Gale +1 for this key span also'''

'''The current colour in a note template:'''
{{note|1=Press <span style="font-weight:bold; font-style:italic; background:#BBFFFF">CTRL + A</span>.}}

'''I can see a case to returning to the grey highlight:'''

Press <span style="font-weight:bold; font-style:italic; background:#DDDDDD">CTRL + A</span>
{{intro|1=Press <span style="font-weight:bold; font-style:italic; background:#DDDDDD">CTRL + A</span>.}}
{{note|1=Press <span style="font-weight:bold; font-style:italic; background:#DDDDDD">CTRL + A</span>.}}
{{advice|1=Press <span style="font-weight:bold; font-style:italic; background:#DDDDDD">CTRL + A</span>.}}
{{alert|1=Press <span style="font-weight:bold; font-style:italic; background:#DDDDDD">CTRL + A</span>.}}

'''I can also see a case for boxing them:'''
{{intro|1=Press <span style="font-weight:bold; font-style:italic; background:#DDDDDD;border: 1px solid #777777; padding-left: 3px;  padding-right: 3px; padding-top: 1px">CTRL + A</span>.}}
{{note|1=Press <span style="font-weight:bold; font-style:italic; background:#DDDDDD;border: 1px solid #777777; padding-left: 3px;  padding-right: 3px; padding-top: 1px">CTRL + A</span>.}}
{{advice|1=Press <span style="font-weight:bold; font-style:italic; background:#DDDDDD;border: 1px solid #777777; padding-left: 3px;  padding-right: 3px; padding-top: 1px">CTRL + A</span>.}}
{{alert|1=Press <span style="font-weight:bold; font-style:italic; background:#DDDDDD;border: 1px solid #777777; padding-left: 3px;  padding-right: 3px; padding-top: 1px">CTRL + A</span>.}}

==The kbrd template==
'''There is still some concern that the kbrd template may not be visible enough in some of the boxes. Here's how it looks now.'''
{{intro|Press the {{kbrd|Enter}} key.}}
{{note|Press the {{kbrd|Enter}} key.}}
{{advice|Press the {{kbrd|Enter}} key.}}
{{alert|Press the {{kbrd|Enter}} key.}}