Template:Emoji: Difference between revisions

From KDE UserBase Wiki
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
<span style="font-size100%;">&#x0{{{1}}};</span>
<span style="font-size:{{#switch: {{{2}}}| none=inherit| {{{2}}}}};">&#x0{{#switch:  {{{1}}}|smile=1F642|yawn=1F62A|{{{1}}}}};</span><noinclude>
[[Category:Template]]


<noinclude>
{{Construction}}
Inserts an Emoji icon image in the text flow.  
Inserts an Emoji icon image in the text flow.  
Emoji are ready-to-use unicode characters hosted in the display font.  
Emoji are ready-to-use unicode characters hosted in the display font.  
Line 9: Line 8:
Usage: <nowiki>{{Emoji|1=name-of-icon|2=size-modifier}}</nowiki>.
Usage: <nowiki>{{Emoji|1=name-of-icon|2=size-modifier}}</nowiki>.


1 The name-of-icon should be one from the following list(*):   
1 The name-of-icon should be one from the following list:   
smile
smile
yawn
yawn
(*) can be extended with corresponding unicode values according to the needs.


2. The size-modifier when present changes the relative size of the Emoji. These are the same rules as for HTML text.
Immediate hexadecimal value can also be used instead of the friendly name (see Unicode table below).
Default value is 0 meaning character size is the same as the size of the text it is included in.  
 
Absolute or positive values increase the size of the Emoji.
2. The size-modifier when present changes the size of the Emoji. These are the same rules as for css font-size attribute.
Negative values reduce the size of the Emoji.
Default value is 'inherit' meaning character size is the same as the size of the text it is included in.  
Limits vary from [-4 to +4]
Using percentage values gives a good idea of relative sizes.


3. Examples
3. Examples
Line 24: Line 22:
Using generic <nowiki>{{Smiley}}</nowiki> yields {{Smiley}} . Instead:
Using generic <nowiki>{{Smiley}}</nowiki> yields {{Smiley}} . Instead:


<nowiki>{{Emoji|smile}}</nowiki> yields {{Emoji|1F642}}  
<nowiki>{{Emoji|smile}}</nowiki> yields {{Emoji|smile}} with the same size
 
<nowiki>{{Emoji|smile|150%}}</nowiki> yields {{Emoji|smile|150%}}
 
<nowiki>{{Emoji|yawn|200%}}</nowiki> yields {{Emoji|yawn|200%}}  


<nowiki>{{Emoji|smile|200%}}</nowiki> yields {{Emoji|1F642|200%}}  
<nowiki>{{Emoji|1F621|200%}}</nowiki> yields {{Emoji|1F621|200%}}  


<nowiki>{{Emoji|yawn|150%}}</nowiki> yields {{Emoji|1F62A|150%}}


4. Check other possibilities
{|border="1" cellspacing="0" cellpadding="5" class="wikitable nounderlines" style="border-collapse:collapse;background:#FFFFFF;font-size:inherit;text-align:center"
|+style="font-size:inherit" | Unicode characters/U1f600
|-style="background:#F8F8F8;font-size:large"
|-
| style="text-align:right" | U+ || 0 || 1 || 2 || 3 || 4 || 5 || 6 || 7 || 8 || 9 || A || B || C || D || E || F
|-
| style="background:#F8F8F8;font-size:inherit;text-align:left" | 1f60 || &#x1F600; || &#x1F601; || &#x1F602; || &#x1F603; || &#x1F604; || &#x1F605; || &#x1F606; || &#x1F607; || &#x1F608; || &#x1F609; || &#x1F60A; || &#x1F60B; || &#x1F60C;|| &#x1F60D; || &#x1F60E; || &#x1F60F;
|-
| style="background:#F8F8F8;font-size:inherit;text-align:left" | 1f61 || &#x1F610; || &#x1F611; || &#x1F612; || &#x1F613; || &#x1F614; || &#x1F615; || &#x1F616; || &#x1F617; || &#x1F618; || &#x1F619; || &#x1F61A; || &#x1F61B; || &#x1F61C; || &#x1F61D; || &#x1F61E; || &#x1F61F;
|-
| style="background:#F8F8F8;font-size:inherit;text-align:left" | 1f62 || &#x1F620; || &#x1F621; || &#x1F622; || &#x1F623; || &#x1F624; || &#x1F625; || &#x1F626; || &#x1F627;|| &#x1F628; || &#x1F629; || &#x1F62A; || &#x1F62B; || &#x1F62C; || &#x1F62D; || &#x1F62E; || &#x1F62F;
|-
| style="background:#F8F8F8;font-size:inherit;text-align:left" | 1f63 || &#x1F630; || &#x1F631;  || &#x1F632;  || &#x1F633;  || &#x1F634;  || &#x1F635;  || &#x1F636; || &#x1F637; || &#x1F638; || &#x1F639; || &#x1F63A; || &#x1F63B; || &#x1F63C; || &#x1F63D;  || &#x1F63E;  || &#x1F63F;
|-
| style="background:#F8F8F8;font-size:inherit;text-align:left" | 1f64 || &#x1F640; || &#x1F641;  || &#x1F642; || &#x1F643;  || &#x1F644;  || &#x1F645;  || &#x1F646;  || &#x1F647; || &#x1F648; || &#x1F649; || &#x1F64A; || &#x1F64B; || &#x1F64C; || &#x1F64D; || &#x1F64E; || &#x1F64F;
|}


[[Category:Template]]
</noinclude>
</noinclude>

Latest revision as of 13:23, 18 June 2018

&#x0{{{1}}};

Inserts an Emoji icon image in the text flow. Emoji are ready-to-use unicode characters hosted in the display font. So they do not need to be imported as additional file images.

Usage: {{Emoji|1=name-of-icon|2=size-modifier}}.

1 The name-of-icon should be one from the following list: smile yawn

Immediate hexadecimal value can also be used instead of the friendly name (see Unicode table below).

2. The size-modifier when present changes the size of the Emoji. These are the same rules as for css font-size attribute. Default value is 'inherit' meaning character size is the same as the size of the text it is included in. Using percentage values gives a good idea of relative sizes.

3. Examples

Using generic {{Smiley}} yields . Instead:

{{Emoji|smile}} yields 🙂 with the same size

{{Emoji|smile|150%}} yields 🙂

{{Emoji|yawn|200%}} yields 😪

{{Emoji|1F621|200%}} yields 😡


4. Check other possibilities

Unicode characters/U1f600
U+ 0 1 2 3 4 5 6 7 8 9 A B C D E F
1f60 😀 😁 😂 😃 😄 😅 😆 😇 😈 😉 😊 😋 😌 😍 😎 😏
1f61 😐 😑 😒 😓 😔 😕 😖 😗 😘 😙 😚 😛 😜 😝 😞 😟
1f62 😠 😡 😢 😣 😤 😥 😦 😧 😨 😩 😪 😫 😬 😭 😮 😯
1f63 😰 😱 😲 😳 😴 😵 😶 😷 😸 😹 😺 😻 😼 😽 😾 😿
1f64 🙀 🙁 🙂 🙃 🙄 🙅 🙆 🙇 🙈 🙉 🙊 🙋 🙌 🙍 🙎 🙏