Nin: Difference between revisions

From xat wiki
No edit summary
No edit summary
Line 8: Line 8:
<translate>
<translate>
*This power was made for the HTML5 chat only. It will NOT work on the Flash chats.
*This power was made for the HTML5 chat only. It will NOT work on the Flash chats.
*When a sticker is sent in the chat, it will be placed to the left of your name, replacing your avatar.  
*When a sticker is sent in the chat, it will be placed to the left of your name, replacing your avatar.
 
== Sending a sticker ==
== Sending a sticker ==
To send a sticker, simply use one of the following codes:</translate>
To send a sticker, simply use one of the following codes:</translate>
<div style="overflow: hidden;"><div style="width:100px; float:left; margin:0 15px 15px 0;word-wrap:break-word;">
{{Gallery2|width=170
<div class="smileypreviewfix predis" style="width:100%; height:60px; background:white; border: 1px solid #aaa; text-align:center;">[[File:Nin-example14.png|50px]]</div>
|Nin-example1.png|1d=(nin.flowers)
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">[https://xat.com/web_gear/chat/sticker.php?s=nin_flowers (nin.flowers)]</div>
|Nin-example2.png|2d=(nin.ouch)
</div>
|Nin-example3.png|3d=(nin.what)
<div style="overflow: hidden;"><div style="width:100px; float:left; margin:0 15px 15px 0;word-wrap:break-word;">
|Nin-example4.png|4d=(nin.hide)
<div class="smileypreviewfix predis" style="width:100%; height:60px; background:white; border: 1px solid #aaa; text-align:center;">[[File:Nin-example15.png|50px]]</div>
|Nin-example5.png|5d=(nin.zoom)
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">[https://xat.com/web_gear/chat/sticker.php?s=nin_ouch (nin.ouch)]</div>
}}<translate>
</div>
 
<div style="overflow: hidden;"><div style="width:100px; float:left; margin:0 15px 15px 0;word-wrap:break-word;">
<div class="smileypreviewfix predis" style="width:100%; height:60px; background:white; border: 1px solid #aaa; text-align:center;">[[File:Nin-example16.png|50px]]</div>
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">[https://xat.com/web_gear/chat/sticker.php?s=nin_what (nin.what)]</div>
</div>
<div style="overflow: hidden;"><div style="width:100px; float:left; margin:0 15px 15px 0;word-wrap:break-word;">
<div class="smileypreviewfix predis" style="width:100%; height:60px; background:white; border: 1px solid #aaa; text-align:center;">[[File:Nin-example17.png|50px]]</div>
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">[https://xat.com/web_gear/chat/sticker.php?s=nin_hide (nin.hide)]</div>
</div>
<div style="overflow: hidden;"><div style="width:100px; float:left; margin:0 15px 15px 0;word-wrap:break-word;">
<div class="smileypreviewfix predis" style="width:100%; height:60px; background:white; border: 1px solid #aaa; text-align:center;">[[File:Nin-example18.png|50px]]</div>
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">[https://xat.com/web_gear/chat/sticker.php?s=nin_zoom (nin.zoom)]</div>
</div></div></div></div></div></div>
<translate>
== Custom text ==
== Custom text ==
You can add custom text to your sticker. To do so, add a ‘#’ after the sticker code followed by your desired text.  
You can add custom text to your sticker. To do so, change the content after ‘#’.


For example:</translate>
For example:</translate>
<div style="overflow: hidden;"><div style="width:100px; float:left; margin:0 15px 15px 0;word-wrap:break-word;">
{{Gallery2|width=170
<div class="smileypreviewfix predis" style="width:100%; height:60px; background:white; border: 1px solid #aaa; text-align:center;">https://i.imgur.com/4pkKegy.png</div>
|Nin-example6.png|1d=(nin.flowers#Hello xat!)
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">(nin.hide#Hello xat!)</div>
|Nin-example7.png|2d=(nin.hide#Hello xat!)
</div>
}}
<div style="overflow: hidden;"><div style="width:100px; float:left; margin:0 15px 15px 0;word-wrap:break-word;">
<translate>'''Note:''' The sticker code must be added at the beginning of the message for it to show up.
<div class="smileypreviewfix predis" style="width:100%; height:60px; background:white; border: 1px solid #aaa; text-align:center;">https://i.imgur.com/q2J9UWC.png</div>
 
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">(nin.hide#What's up?)</div>
</div></div></div>
<translate>
== Text color ==
== Text color ==
You can also specify the inner and outer text color of your sticker by adding a ‘#’ at the end of your code, followed by the color or hex code.
You can also specify the inner and outer text color of your sticker.


For example:</translate>
For example:</translate>
<div style="overflow: hidden;"><div style="width:170px; float:left; margin:0 15px 15px 0;word-wrap:break-word;">
{{Gallery2|width=170
<div class="smileypreviewfix predis" style="width:100%; height:60px; background:white; border: 1px solid #aaa; text-align:center;">https://i.imgur.com/IlH1k4N.png</div>
|Nin-example8.png|1d=(nin.flowers#Hi xat!#cyan#yellow)
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">(nin.flowers#Hi xat!#cyan#yellow)</div>
|Nin-example9.png|2d=(nin.flowers#Hi xat!#ffff00#f9daee)
</div>
}}
<div style="overflow: hidden;"><div style="width:170px; float:left; margin:0 15px 15px 0;word-wrap:break-word;">
 
<div class="smileypreviewfix predis" style="width:100%; height:60px; background:white; border: 1px solid #aaa; text-align:center;">https://i.imgur.com/Uih66Eu.png</div>
<div class="plainlinks" style="width:100%; position: relative; background: #f2f2f2; font-weight: bold; border: 1px solid #aaa; border-top: 0; text-align:center; font-size:10px">(nin.flowers#Hi xat!#ffff00#f9daee)</div>
</div></div></div>
<translate>
<translate>
== Sticker with message ==
== Sticker with message ==
Line 63: Line 45:
For example, "(nin.zoom#ahh!) Run away!" would look like this:</translate>
For example, "(nin.zoom#ahh!) Run away!" would look like this:</translate>


[[File:Nin-example19.png|frameless|border|220px]]
[[File:Nin-example10.png|thumb|none|220px]]
[[Category:Sticker]]
[[Category:Sticker]]

Revision as of 16:38, 17 November 2019

  • This power was made for the HTML5 chat only. It will NOT work on the Flash chats.
  • When a sticker is sent in the chat, it will be placed to the left of your name, replacing your avatar.

Sending a sticker

To send a sticker, simply use one of the following codes: Template:Gallery2

Custom text

You can add custom text to your sticker. To do so, change the content after ‘#’.

For example: Template:Gallery2 Note: The sticker code must be added at the beginning of the message for it to show up.

Text color

You can also specify the inner and outer text color of your sticker.

For example: Template:Gallery2

Sticker with message

The sticker can also be sent with a message.

For example, "(nin.zoom#ahh!) Run away!" would look like this:

Nin-example10.png