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 🙀 🙁 🙂 🙃 🙄 🙅 🙆 🙇 🙈 🙉 🙊 🙋 🙌 🙍 🙎 🙏