Template:WFont: Difference between revisions

From Second Life Wiki
Jump to navigation Jump to search
Nava Muni (talk | contribs)
added 'back_color' and 'back_rgb' to fields, re-worked the explanation, re-worked the examples
Nava Muni (talk | contribs)
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 15: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.