Template:Emoji: Difference between revisions

    From KDE UserBase Wiki
    (Created page with "<noinclude> {{Construction}} Insert an Emoji icon image in the text flow. Usage: <nowiki>{{Emoji|1=name-of-icon}}</nowiki>. The icon should be named from the following list:...")
     
    No edit summary
     
    (9 intermediate revisions by the same user not shown)
    Line 1: Line 1:
    <noinclude>
    <span style="font-size:{{#switch: {{{2}}}| none=inherit| {{{2}}}}};">&#x0{{#switch:  {{{1}}}|smile=1F642|yawn=1F62A|{{{1}}}}};</span><noinclude>
    {{Construction}}
    [[Category:Template]]
    Insert an Emoji icon image in the text flow. Usage: <nowiki>{{Emoji|1=name-of-icon}}</nowiki>.
     
    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: <nowiki>{{Emoji|1=name-of-icon|2=size-modifier}}</nowiki>.


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


    Example: <nowiki>{{Emoji|smile}}</nowiki> yields {{Emoji|1F642}}.
    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 <nowiki>{{Smiley}}</nowiki> yields {{Smiley}} . Instead:
     
    <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|1F621|200%}}</nowiki> yields {{Emoji|1F621|200%}}  


    [[Category:Template]]
     
    </noinclude><font size="+1"> &#x0{{{1}}};</font>
    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;
    |}
     
    </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 🙀 🙁 🙂 🙃 🙄 🙅 🙆 🙇 🙈 🙉 🙊 🙋 🙌 🙍 🙎 🙏