Text Formatting: Difference between revisions

From BeeStation Wiki
Jump to navigation Jump to search
imported>Ikarrus
No edit summary
imported>Kosmos
m (Made examples how the spans look like in action.)
Line 7: Line 7:




{|
|<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>
<nowiki>user << "<span class='notice'>You begin welding the vent...</span>"</nowiki>
</pre>


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>
|}


<pre>
This is a warning! It shows up as simple red text, and are used for things like restriction notifications, machines malfunctioning,
<nowiki>user << "<span class='warning'>You can't vent crawl while you're stunned!</span>"</nowiki>
</pre>


This is a warning! It shows up as simple red text, and are used for things like restriction notifications, machines malfunctioning,


<pre>
{|
<nowiki>user.visible_message("<span class='danger'>[user.name] was shocked by the [src.name]!</span>", \</nowiki>
|<pre>user.visible_message("<span class='danger'>[user.name] was shocked by the [src.name]!</span>"</pre>
</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>
 
<nowiki>target << "<span class='userdanger'>You are absorbed by the changeling!</span>"</nowiki>
{|
</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.

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 Development, Downloading the source code / hosting a server, Guide to git, Game resources category, Guide to changelogs
Database (MySQL) Setting up the database, MySQL
Coding Understanding SS13 code, SS13 for experienced programmers, Binary flags‎, Text Formatting, Guide to signals
Mapping Guide to mapping, Map merger, Exploration Ruins
Spriting Guide to spriting
Wiki Guide to contributing to the wiki, Wikicode