User:Eric Martz/Sandbox 5

From Proteopedia
Jump to navigation Jump to search

Caption Rules

These rules are concluded from the tests below.

Coloring Caption Text

Caption text can be colored using HTML. Examples:

  • <font color="red">red text</font>. displays red text.

Colors are usually easier to see in boldface. You can use either HTML or wikitext bold markup:

  • HTML: <font color="red"><b>red text</b></font>. displays red text.
  • Three single quotes: <font color="red">'''red text'''</font>. displays: red text.

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>yellow</b></font>. displays yellow.
  • Yellow on black: <font style="background-color:black;color:yellow;padding: 3px 1px 2px 1px;"><b>yellow</b></font>. displays yellow.


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. .


Drag the structure with the mouse to rotate