Text Formatting: Difference between revisions
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. | ||
Latest revision as of 08:24, 31 May 2016
So you're making some code to do something, and you'd like to use a chat-pane text message to inform the players about it. Good for you! Now, there's a few things to know when doing this.
Use Span Classes Goddamn
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 interface/stylesheet.dm. Make sure to use the appropriate one for the situation!
user << "<span class='notice'>You begin welding the vent...</span>" |
You begin welding the vent... |
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.
user << "<span class='warning'>You can't vent crawl while you're stunned!</span>" |
You can't vent crawl while you're stunned! |
This is a warning! It shows up as simple red text, and are used for things like restriction notifications, machines malfunctioning,
user.visible_message("<span class='danger'>[user.name] was shocked by the [src.name]!</span>"
|
John Smith was shocked by the door! |
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.
target << "<span class='userdanger'>You are absorbed by the changeling!</span>" |
You are absorbed by the changeling! |
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.
Contribution guides
| |
| General | Hosting a server, Setting up git, Guide to GitKraken, Downloading the source code, Guide to contributing to the game, Reporting issues, Game resources category, Guide to changelogs |
| Database (MySQL) | Setting up the database, MySQL |
| Coding | Understanding SS13 code, SS13 for experienced programmers, Text Formatting |
| Mapping | Guide to mapping, Room Structure, Map merger |
| Spriting | Guide to spriting |
| Wiki | Guide to contributing to the wiki, Wikicode, Styleguide |