Text Formatting: Difference between revisions

From Yogstation-13
Jump to navigation Jump to search
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 SOMEWHEEEEEERE. Make sure to use the appropriate one for the situation!
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>
<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.

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