Help:Coloring text: Difference between revisions
From Proteopedia
Jump to navigationJump to search
Eric Martz (talk | contribs) |
Eric Martz (talk | contribs) No edit summary |
||
| Line 19: | Line 19: | ||
Methods for these and other color schemes will be found at [[Help:Color Keys]]. | Methods for these and other color schemes will be found at [[Help:Color Keys]]. | ||
==Wikitext Colors== | |||
This method is recommended for darker colors. (For light colors, color the background of black text as shown with other methods below.) To get {{Font color|green|green text}} or another {{Font color|#a569bd|more exotic}} text color, use the Template:Font_color, entering the color and the desired text, as follows: | This method is recommended for darker colors. (For light colors, color the background of black text as shown with other methods below.) To get {{Font color|green|green text}} or another {{Font color|#a569bd|more exotic}} text color, use the Template:Font_color, entering the color and the desired text, as follows: | ||
| Line 29: | Line 29: | ||
which displays as '''{{Font color|#00A0A0|Cyan}}'''. | which displays as '''{{Font color|#00A0A0|Cyan}}'''. | ||
==Class Colors== | |||
Class colors work for both dark and light colors. Use <span class="bg-warning text-white"> like this </span> that looks <span class="bg-warning text-white"> like this</span>. This method works in all contexts but is limited to the pre-set color below. | |||
Available classes are | Available classes are | ||
| Line 75: | Line 75: | ||
<span style="background-color:#e8e8e8;padding-left:7px;padding-right:7px;">lightgray</span>. | <span style="background-color:#e8e8e8;padding-left:7px;padding-right:7px;">lightgray</span>. | ||
==Span Style Colors== | |||
You can color using CSS spans: <span style="color:red;font-weight:bold;">Red</span>, which looks like this: <span style="color:red;font-weight:bold;">Red</span>. In addition to color names, you can use Red-Green-Blue [https://www.rapidtables.com/web/color/RGB_Color.html (RGB) hexadecimal codes] following "#", for example <span style="color:#8000ff;font-weight:bold;">Purple</span> which looks like this: <span style="color:#8000ff;font-weight:bold;">'''Purple'''</span>. | You can color using CSS spans: <span style="color:red;font-weight:bold;">Red</span>, which looks like this: <span style="color:red;font-weight:bold;">Red</span>. In addition to color names, you can use Red-Green-Blue [https://www.rapidtables.com/web/color/RGB_Color.html (RGB) hexadecimal codes] following "#", for example <span style="color:#8000ff;font-weight:bold;">Purple</span> which looks like this: <span style="color:#8000ff;font-weight:bold;">'''Purple'''</span>. | ||
===HTML Font Colors | Span style colors also work for light colors, using a colored background with black text: <span style="background-color:#00ff00;">Light green</span>. | ||
==HTML Font Colors== | |||
Coloring using HTML font tags is [https://www.w3schools.com/tags/tag_font.asp not recommended as it is technically not supported by HTML5]: <font color="red">'''Red'''</font> which looks like this: <font color="red">'''Red'''</font>. In addition to color names, you can use Red-Green-Blue [https://www.rapidtables.com/web/color/RGB_Color.html (RGB) hexadecimal codes] following "#", for example <font color="#8000ff">'''Purple'''</font> which looks like this: <font color="#8000ff">'''Purple'''</font>. | Coloring using HTML font tags is [https://www.w3schools.com/tags/tag_font.asp not recommended as it is technically not supported by HTML5]: <font color="red">'''Red'''</font> which looks like this: <font color="red">'''Red'''</font>. In addition to color names, you can use Red-Green-Blue [https://www.rapidtables.com/web/color/RGB_Color.html (RGB) hexadecimal codes] following "#", for example <font color="#8000ff">'''Purple'''</font> which looks like this: <font color="#8000ff">'''Purple'''</font>. | ||
| Line 85: | Line 87: | ||
*'''Scene (green link) Captions''': | *'''Scene (green link) Captions''': | ||
**'''PDB-file''' based scenes can be colored | **'''PDB-file''' based scenes can be colored | ||
