User:Eric Martz/Sandbox 5
From Proteopedia
< User:Eric Martz(Difference between revisions)
| (34 intermediate revisions not shown.) | |||
| Line 1: | Line 1: | ||
<StructureSection load='' size='350' side='right' caption='' scene=''> | <StructureSection load='' size='350' side='right' caption='' scene=''> | ||
| + | ==Caption Rules== | ||
| + | These rules are concluded from the tests below. | ||
| + | |||
| + | ==Your Heading Here (maybe something like 'Structure')== | ||
| + | <StructureSection load='3rec' size='350' side='right' caption='Escherichia coli reca protein-bound DNA (PDB entry [[3rec]])' scene=''> | ||
| + | |||
| + | Anything in this section will appear adjacent to the 3D structure and will be scrollable. | ||
| + | |||
| + | </StructureSection> | ||
| + | |||
| + | ===Coloring Caption Text=== | ||
| + | |||
| + | Caption text can be <font color="red">colored</font> using HTML: | ||
| + | *<nowiki><font color="red">Oxygen</font>.</nowiki> displays <font color="red">Oxygen</font>. | ||
| + | |||
| + | Colored text is easier to see in boldface. You can use either HTML or wikitext bold markup: | ||
| + | *HTML: <nowiki><font color="red"><b>Oxygen</b></font>.</nowiki> displays <font color="red"><b>Oxygen</b></font>. | ||
| + | *Three single quotes: <nowiki><font color="red">'''Oxygen'''</font>.</nowiki> displays: <font color="red">'''Oxygen'''</font>. | ||
| + | |||
| + | Light colors may be unreadable on a white background, so use a black background. But there seems to be '''no way to specify a background color in a caption'''. So you will need to put the color key in the text of the page. For standard color keys, templates are provided: see [[Help:Color Keys]]. Proteopedia page text does not support HTML bgcolor, but it supports CSS font color: | ||
| + | *Yellow on white: <nowiki><font color="yellow"><b>Sulfur</b></font>.</nowiki> displays <font color="yellow"><b>yellow</b></font>. | ||
| + | <!--*Yellow on black: <nowiki><font color="yellow" bgcolor="black"><b>yellow</b></font>.</nowiki> displays <font color="yellow" bgcolor="black">Sulfur</font>.--> | ||
| + | *Yellow on black: <nowiki><font style="background-color:black;color:yellow;padding: 3px 4px 2px 4px;">Sulfur</font>.</nowiki> displays <font style="background-color:black;color:yellow;padding: 3px 4px 2px 4px;">Sulfur</font>. | ||
| + | |||
| + | ===Links to Proteopedia Pages=== | ||
| + | Links to Proteopedia pages, such as [[6zgi]] (in wikitext, <nowiki>[[6zgi]]</nowiki>, are NOT supported in captions. Put those links in the page text. | ||
| + | |||
==Caption Tests== | ==Caption Tests== | ||
| - | 1. <scene name='32/324686/1/1'>Wikitext color* and boldface</scene> | + | Scene 1. <scene name='32/324686/1/1'>Wikitext color* and boldface</scene> |
| + | *SCENE OK. CAPTION BAD FORMAT. | ||
*<nowiki><b>{{font color|#ef7000|426 pockets and cavities}}</b> in 6zgi generated with the command <tt><b>isosurface cavity</b></tt>.</nowiki> | *<nowiki><b>{{font color|#ef7000|426 pockets and cavities}}</b> in 6zgi generated with the command <tt><b>isosurface cavity</b></tt>.</nowiki> | ||
| + | *Proteopedia does not support this wikitext color method. | ||
| + | |||
| + | Scene 2. <scene name='32/324686/1/2'>HTML color, escaped double quotes, and 6zgi linked</scene> | ||
| + | *NO SCENE, NO CAPTION. | ||
| + | *<nowiki><b><font color=\"#ef7000\">426 pockets and cavities</font></b> in [[6zgi]] generated with the command <tt><b>isosurface cavity</b></tt>.</nowiki> | ||
| + | |||
| + | Scene 4. <scene name='32/324686/1/4'>HTML color, double quotes NOT escaped, and 6zgi linked</scene> | ||
| + | *SCENE OK. CAPTION COLORED BUT NO 6zgi LINK. | ||
| + | *<nowiki><b><font color="#ef7000">426 pockets and cavities</font></b> in [[6zgi]] generated with the command <tt><b>isosurface cavity</b></tt>.</nowiki> | ||
| + | |||
| + | Scene 5. <scene name='32/324686/1/5'>CSS span style colors, double quotes</scene>. | ||
| + | *NO SCENE. NO CAPTION. | ||
| + | *<nowiki>Here is <span style="color:yellow;background-color:black;">yellow text on a black background</span> as a test.</nowiki> | ||
| + | |||
| + | Scene 6. <scene name='32/324686/1/6'>CSS font style colors, double quotes</scene>. | ||
| + | * NO SCENE. NO CAPTION. | ||
| + | *<nowiki>Here is <font style="color:yellow;background-color:black;">yellow text on a black background</font> as a test.</nowiki> | ||
| + | |||
| + | Scene 7. <scene name='32/324686/1/7'>CSS font style colors, single quotes</scene>. | ||
| + | * NO SCENE. NO CAPTION. | ||
| + | *<nowiki>Here is <font style='color:yellow;background-color:black;'>yellow text on a black background</font> as a test.</nowiki> | ||
| - | + | Scene 8. <scene name='32/324686/1/8'>CSS font style colors, '''escaped''' single quotes</scene>. | |
| - | *<nowiki> | + | * NO SCENE. NO CAPTION. |
| + | *<nowiki>Here is <font style=\'color:yellow;background-color:black;\'>yellow text on a black background</font> as a test.</nowiki> | ||
| - | 3. <scene<b><font color="#ef7000">426 pockets and cavities</font></b> in 6zgi generated with the command <tt><b>isosurface cavity</b></tt>. name='32/324686/1/3'>Test for caption with HTML color, double quotes NOT escaped, and 6zgi linked</scene> | ||
| - | *<nowiki></nowiki> | ||
</StructureSection> | </StructureSection> | ||
Current revision
| |||||||||||
Coloring Caption Text
Caption text can be colored using HTML:
- <font color="red">Oxygen</font>. displays Oxygen.
Colored text is easier to see in boldface. You can use either HTML or wikitext bold markup:
- HTML: <font color="red"><b>Oxygen</b></font>. displays Oxygen.
- Three single quotes: <font color="red">'''Oxygen'''</font>. displays: Oxygen.
Light colors may be unreadable on a white background, so use a black background. But there seems to be no way to specify a background color in a caption. So you will need to put the color key in the text of the page. For standard color keys, templates are provided: see Help:Color Keys. Proteopedia page text does not support HTML bgcolor, but it supports CSS font color:
- Yellow on white: <font color="yellow"><b>Sulfur</b></font>. displays yellow.
- Yellow on black: <font style="background-color:black;color:yellow;padding: 3px 4px 2px 4px;">Sulfur</font>. displays Sulfur.
Links to Proteopedia Pages
Links to Proteopedia pages, such as 6zgi (in wikitext, [[6zgi]], are NOT supported in captions. Put those links in the page text.
Caption Tests
Scene 1.
- SCENE OK. CAPTION BAD FORMAT.
- <b>{{font color|#ef7000|426 pockets and cavities}}</b> in 6zgi generated with the command <tt><b>isosurface cavity</b></tt>.
- Proteopedia does not support this wikitext color method.
Scene 2.
- NO SCENE, NO CAPTION.
- <b><font color=\"#ef7000\">426 pockets and cavities</font></b> in [[6zgi]] generated with the command <tt><b>isosurface cavity</b></tt>.
Scene 4.
- SCENE OK. CAPTION COLORED BUT NO 6zgi LINK.
- <b><font color="#ef7000">426 pockets and cavities</font></b> in [[6zgi]] generated with the command <tt><b>isosurface cavity</b></tt>.
Scene 5. .
- NO SCENE. NO CAPTION.
- Here is <span style="color:yellow;background-color:black;">yellow text on a black background</span> as a test.
Scene 6. .
- NO SCENE. NO CAPTION.
- Here is <font style="color:yellow;background-color:black;">yellow text on a black background</font> as a test.
Scene 7. .
- NO SCENE. NO CAPTION.
- Here is <font style='color:yellow;background-color:black;'>yellow text on a black background</font> as a test.
Scene 8. .
- NO SCENE. NO CAPTION.
- Here is <font style=\'color:yellow;background-color:black;\'>yellow text on a black background</font> as a test.
</StructureSection>
