Text Formatting: Difference between revisions
m
Made examples how the spans look like in action.
imported>Cheridan No edit summary |
imported>Kosmos m (Made examples how the spans look like in action.) |
||
| (One intermediate revision by one other user not shown) | |||
| Line 4: | Line 4: | ||
Span classes allow for '''consistent''' and informative text formatting. | Span classes allow for '''consistent''' and informative text formatting. | ||
You may be familiar with span classes if you have previous experience with HTML. There are various types of classes, which can all be found in | You may be familiar with span classes if you have previous experience with HTML. There are various types of classes, which can all be found in interface/stylesheet.dm. Make sure to use the appropriate one for the situation! | ||
{| | |||
|<pre>user << "<span class='notice'>You begin welding the vent...</span>"</pre> | |||
|<span style="color:blue">You begin welding the vent...</span> | |||
|} | |||
This is a notice. Notices show up in simple blue text, and are used for benign informational messages. This notice ends with "...", which implies that the action will take a period of time to complete. | |||
{| | |||
|<pre>user << "<span class='warning'>You can't vent crawl while you're stunned!</span>"</pre> | |||
|<span style="color:red">''You can't vent crawl while you're stunned!''</span> | |||
|} | |||
This is a warning! It shows up as simple red text, and are used for things like restriction notifications, machines malfunctioning, | |||
<pre | {| | ||
|<pre>user.visible_message("<span class='danger'>[user.name] was shocked by the [src.name]!</span>"</pre> | |||
</ | |<span style="color:red">'''John Smith''' was shocked by the door!</span> | ||
|} | |||
This is danger! This is heavier red text, used in situations where someone other than yourself is being harmed or having some other potentionally harmful action taken against them, such as cuffing. | This is danger! This is heavier red text, used in situations where someone other than yourself is being harmed or having some other potentionally harmful action taken against them, such as cuffing. | ||
<pre | |||
{| | |||
</ | |<pre>target << "<span class='userdanger'>You are absorbed by the changeling!</span>"</pre> | ||
|<span style="font-size:125%;color:red">'''You are absorbed by the changeling!'''</span> | |||
|} | |||
This is userdanger! Userdanger is used in only one situation: when the person receiving the text message is being directly harmed, such as from attacks or antagonist abilities. | This is userdanger! Userdanger is used in only one situation: when the person receiving the text message is being directly harmed, such as from attacks or antagonist abilities. | ||