Difference between revisions of "Template:WFont"

From Second Life Wiki
Jump to navigation Jump to search
(added 'back_color' and 'back_rgb' to fields, re-worked the explanation, re-worked the examples)
(added 'decorate' field; added table with refs to HTML and CSS specs)
Line 1: Line 1:
<includeonly><span {{ #if: {{{id|}}} | id='{{{id}}}' | }} style='{{ #if: {{{family|}}} | font-family:{{{family}}}; | }} {{ #if: {{{size|}}} | font-size:{{{size}}}; | }} {{ #if: {{{weight|}}} | font-weight:{{{weight}}}; | }} {{ #if: {{{color|}}} | color:{{{color}}}; | }} {{ #if: {{{rgb|}}} | color:rgb({{{rgb}}}); | }} {{ #if: {{{back_color|}}} | background-color:{{{back_color}}}; | }} {{ #if: {{{back_rgb|}}} | background-color:rgb({{{back_rgb}}}); | }}'>{{{text|}}}</span></includeonly><noinclude>
<includeonly><span {{ #if: {{{id|}}} | id='{{{id}}}' | }} style='{{ #if: {{{family|}}} | font-family:{{{family}}}; | }} {{ #if: {{{size|}}} | font-size:{{{size}}}; | }} {{ #if: {{{weight|}}} | font-weight:{{{weight}}}; | }} {{ #if: {{{decorate|}}} | text-decoration:{{{decorate}}}; | }} {{ #if: {{{color|}}} | color:{{{color}}}; | }} {{ #if: {{{rgb|}}} | color:rgb({{{rgb}}}); | }} {{ #if: {{{back_color|}}} | background-color:{{{back_color}}}; | }} {{ #if: {{{back_rgb|}}} | background-color:rgb({{{back_rgb}}}); | }}'>{{{text|}}}</span></includeonly><noinclude>


== Usage ==
== Usage ==
Line 9: Line 9:
|size=
|size=
|weight=
|weight=
|decorate=
|color=
|color=
|rgb=
|rgb=
Line 15: Line 16:
|}}</nowiki></pre></code></div>
|}}</nowiki></pre></code></div>


{| style='border: black solid 1px'
! field !! comment
|-
| <code>id</code> || HTML 4.01 [http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2 element identifier]
|-
| <code>family</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/fonts.html#font-family-prop font family]
|-
| <code>size</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/fonts.html#font-size-props font size]
|-
| <code>weight</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/fonts.html#font-boldness font weight]
|-
| <code>decorate</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/text.html#decoration text decoration]
|-
| <code>color</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/colors.html#colors color]
|-
| <code>rgb</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/colors.html#colors color]
|-
| <code>back_color</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/colors.html#background-properties background color]
|-
| <code>back_rgb</code> || CSS 2.1 [http://www.w3.org/TR/CSS21/colors.html#background-properties background color]
|}


Both <span style="font-family:monospace;font-size:10pt">color</span> and <span style="font-family:monospace;font-size:10pt">back_color<span> allow for HEX color specifications.
Both <span style="font-family:monospace;font-size:10pt">rgb</span> and <span style="font-family:monospace;font-size:10pt">back_rgb</span> allow for an RGB specification.
<span style="font-family:monospace;font-size:10pt">size</span> requires either <span style="font-family:monospace;font-size:10pt">pt</span> or <span style="font-family:monospace;font-size:10pt">px</span>.
All fields expect CSS values.


== Examples ==
== Examples ==

Revision as of 16:44, 30 March 2008


Usage

Minimum Requirements

{{wFont|
|id=
|family=
|size=
|weight=
|decorate=
|color=
|rgb=
|back_color=
|back_rgb=
|}}
field comment
id HTML 4.01 element identifier
family CSS 2.1 font family
size CSS 2.1 font size
weight CSS 2.1 font weight
decorate CSS 2.1 text decoration
color CSS 2.1 color
rgb CSS 2.1 color
back_color CSS 2.1 background color
back_rgb CSS 2.1 background color


Examples

This is {{wFont|size=10px|family=monospace|rgb=255,64,128|text=my line|}} of text.

This is my line of text.

This is yet {{wFont|size=large|family=serif|color=orange|back_color=blue|text=more of my|}} of text.

This is yet more of my of text.