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