Nin: Difference between revisions

From xat wiki
No edit summary
(Nin updated with new sticker template.)
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<languages/>
<languages/>{{toc}}
{{power-box
{{power-box
|power=nin|heading= <translate>Ninja stickers</translate>
|power=nin|heading=<translate><!--T:1--> Ninja stickers</translate>
|smiley1=nin
|smiley1=nin
|status=limited
|status=limited
|info=
{{ {{tt|Trans/sticker}}
|gallery1=
{{Gallery2|width=170
|Nin-example1.png|1d=(nin.flowers)
|Nin-example2.png|2d=(nin.ouch)
|Nin-example3.png|3d=(nin.what)
|Nin-example4.png|4d=(nin.hide)
|Nin-example5.png|5d=(nin.zoom)
}}
}}
{{toc}}
<translate>
*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:</translate>
<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-example14.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_flowers (nin.flowers)]</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-example15.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_ouch (nin.ouch)]</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-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 ==
You can add custom text to your sticker. To do so, add a ‘#’ after the sticker code followed by your desired text.


For example:</translate>
|gallery2=
<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>
|Nin-example8.png|3d=(nin.flowers#Hi xat!#cyan#yellow)
<div style="overflow: hidden;"><div style="width:100px; float:left; margin:0 15px 15px 0;word-wrap:break-word;">
|Nin-example9.png|4d=(nin.flowers#Hi xat!#ffff00#f9daee)
<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 ==
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.


For example:</translate>
|exampletext=(nin.zoom#ahh!) Run away!
<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/IlH1k4N.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!#cyan#yellow)</div>
</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>
== Sticker with message ==
The sticker can also be sent with a message.


For example, "(nin.zoom#ahh!) Run away!" would look like this:</translate>
|exampleimage=[[File:Nin-example10.png|thumb|none|220px]]
 
}}
[[File:Nin-example19.png|frameless|border|220px]]
|sticker=yes
[[Category:Sticker]]
}}

Revision as of 08:51, 15 February 2020

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 and text color

To add custom text to your sticker, add a ‘#’ after the sticker code followed by your desired text. 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.

Note: The sticker code must be added at the beginning and the color or hex codes must be last.

Examples:

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