Rimon Lusi (fotovivo) wrote,
Rimon Lusi
fotovivo

🤶 Снежинки, солнышки, рожицы - играем с эмодзи

Со смайликами, в просторечии.
С ними можно обращаться как с текстом: копипастить, применять шрифтовые эффекты - размер, зачеркивание, подчеркивание
и даже курсив ☺☻ ⚕ ⚖ 🍄 🐧 mushfungo; antarktikbirdo
Пояснение к предыдущему посту:


Ctrl C -> Ctrl V копируем и вставляем смайлик, как обычный текст
😸 Grinning Cat

эмотиконам не требуется специальных тегов для вставки картинок
(а еще, они без дополнительных ухищрений выравниваются по середине строки).

Зачеркнутый смайлик: 🐶 Dog
<s>🐶 Dog</s>

Подчеркнутый смайлик: 😹
<u>😹 </u>

Италик: 😼 Cat  Smile
<i>😼 Cat Smile</i>

Смайлик размера ХХL: 🐕 Dog
<span style="font-size: 1.5em">🐕 Dog</span>
(font-size 1.5em - это значит, что размер шрифта будет в полтора раза больше, чем у заданного по умолчанию)

Смайлик, щедро приправленный веб-стилями:
🐹 Hamster Face

<span style="padding:3px; background:yellow; border:6px double salmon; border-radius:8px; color:#fff; text-shadow:2px 2px #3b3737; box-shadow:2px 2px 4px 2px sienna;"><span style="font-size: 2.2em">🐹</span> Hamster Face </span>

На эмодзи, которые автоматом вставляются как цветные, болд и цветовые стили не действуют,
а черно-белые можно выделять цветом и "жирным" шрифтом - всё как с обычными буквами :




<span style="padding:12px; background:lime; border:4px dashed #fff; border-radius:56px; color:#fff; text-shadow:2px 2px 2px green; box-shadow:2px 2px 4px 2px sienna; font-size: 2.2em">⛾</span>

И это не картинки, это всё знаки юникода со шрифтовыми ухищрениями



<span style="padding:5px; background:#161f3d; border:6px ridge orange; border-radius:3px; color:#fff; text-shadow:2px 2px 2px #fff; box-shadow:2px 2px 4px 2px sienna; font-size: 2.2em"><b>⚓</b></span>


Где брать цвета: https://yoksel.github.io/handy-colors/
(или скопировать коды в меню А редактора новой записи)

Самый полный набор эмотиконов - в справочнике Юникода.
Там среди неведомых письменностей и прочей изощренной типографики найдутся уже довольно таки обширные разделы с букво-картинками :

Звездочки:

🌟 ⭐ ✯ 🟃 🟍 ⚝ ⭒ ✭ ✵ ✴ ✶ 🞰 🟇 🞻 ✹ ⭑ 🞯 🟆 🟇 ✧ ✬ ✷ ✮ ✩

Знаки тугриков всех мастей - ₳ ₿ ₡ ₢ ₵ ₫ € ₤ ₣ ₲ ₭ Ł ₥ ₦ ₽ ₱ $ ₮ ₩ ¥ ¥₴ ₪ ৳
цельсий, фаренгейт, ангстрем, символы нотной записи в ассортименте - ℃ ℉ Å 𝇚 🎶 🎼

математика, стрелочки разных видов -
◐ ◑ ◒ ◓ ◔ ◕ ⬔ ⬕ ⬖ ⬗ ⬘ ⬙ ⮨⮩ ⮪⮫ 🠈🠉🠊🠋

орнаменты и бордюры,
🙣 🙤 🙥 🙦 🙧 🙨 🙩 🙪 🙫
которые, разумеется, можно раскрашивать, уменьшать и увеличивать:

🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫🙫
🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩🙩
🙪🙪🙪🙪🙪🙪🙪🙪🙪🙪🙪🙪🙪🙪🙪🙪🙪🙪🙪🙪🙫🙪🙫🙪🙫🙪🙫🙪🙫🙪🙫🙪🙫🙪🙫🙪🙫🙪🙫🙪🙫🙪🙫🙪🙫🙪
🙥🙦🙥🙦🙥🙦🙥🙦🙥🙦🙥🙦🙥🙦🙥🙦🙥🙦🙥

И куча разновсяческой предметки -

https://unicode-table.com/ru/blocks/miscellaneous-symbols/
☀ 🌤 🌥 🌨 🌪 ⛆ ⛈ ☂ 🌢 ⛱ 🤺 🤻 ☹ ⚘ ⚵ ⚶ 🕷 🕸 ⚣ ⚦ ⚴ ☮ ☯ ⚐ ⚔ ☠☭ 🍽

простой и цветной:

https://unicode-table.com/ru/blocks/miscellaneous-symbols-and-pictographs/
🌍🌎🌐🌈🌓🌔🌕🌗🌘🌙🌚🌜🌞🌳🌴🌵🌶🌷🌸🌺🌼🌽🍀🍅🍆🍇🍉🍋🍌🍎🍏🍐🍒🍓🍔🍦🍴🍷🍺🍿🎃🎆🏃🏋🐉🐊🐋🐌🐍🐑🐓🐔🐕🐗🐘🐠🐣🐥🐦🐫🐬🐭🐮🐯🐰🐷🐸🐹🐺🐻🐼👀👄👅👆👇👈👉👌👍👎👓👧👨👩👭👮👯👳👴👵👶👸👹👻👼👽👾💒💘💙💚💛💜💡💣💤💧💩🕺⛲⛳⛵⛹⛅☕

https://unicode-table.com/ru/blocks/transport-and-map-symbols/
🚀🚁🚂🚊🚋🚌🚍🚐🚑🚒🚓🚔🚕🚖🚗🚙🚚🚛🚜

https://unicode-table.com/ru/blocks/supplemental-symbols-and-pictographs/
🤐🤑🤒🤓🤔🤕🤖🤗🤙🤚🤛🤜🤝🤟🤠🤡🤢🤣🤤🤥🤦🤧🤨🤩🤪🤫🤬🤭🤮🤴🤵🤷🤸🤹🤼🤽🤾🦀🦁🦂🦃🦄🦅🦆🦇🦉🦊🦋🦑🦓🦔🦕🦖🧐🧑🧒🧔

https://unicode-table.com/ru/blocks/emoticons/
😀😁😂😃😇😈😉😊😋😌😍😎😑😕😖😚😛😞😟😥😧😨😫😬😭😮😳😵😸😹😺😻🙀🙁🙂🙃🙄🙆🙇🙈🙉🙊🙋🙎🙏

И это только для примера, их там в разы больше.

https://unicode-table.com/ru/blocks/egyptian-hieroglyphs/
Египетские иероглифы - готовые эмотиконы =)
𓀃 𓀉 𓀋 𓀕 𓀗 𓀝 𓀠 𓀡 𓀢𓀣 𓀤𓀦 𓀧𓀨 𓀪 𓀬 𓀽 𓁶 𓁷 𓀿 𓁃  𓁆𓁇 𓁈 𓁏

Эмодзи отобразятся даже в заголовке поста, куда никакие картинки не вставишь:

🧚🌲🍩🍬🍡💥🎈🧙

Приукрас на контрл-стрип и нижний колонтитул (отбивку между постами) тоже можно соорудить из символов в юникоде:
🞻 🞼 🞽 🞾 ❄ ❅ ❆ ❆ ❅ ❄ 🞾 🞽 🞼 🞻

<span style="color:#fff; text-shadow:2px 2px 2px #2750a8; font-size:2em"><b><span style="font-size: 1.5em">☃</span> 🞻 🞼 🞽 🞾 ❄ ❅ ❆ <span style="font-size: 1.8em">⛇</span> ❆ ❅ ❄ 🞾 🞽 🞼 🞻 <span style="font-size: 1.5em">☃</span></b></span>

Хозяйке на заметку:
В комментариях стили не проходят, только простые коды HTML:
<font size="6" color="blue">⛴</font>
размер шрифта подбираем от 1 до 6.

Сделаем новогоднюю мини-открыточку из смайликов:
🕐🎄🎅

Это код к ней:
<span style="padding:30px; text-shadow:4px 4px 6px #2750a8; box-shadow: inset 0 0 36px blue;"><span style="font-size:6em;">⛄</span><span style="font-size: 4em"><sup>🕐</sup></span><span style="font-size: 10em">🎄</span><span style="font-size: 8em">🎅</span></span>




Tags: НГ, блогоухищрения, веб-штучки
Subscribe

Posts from This Journal “блогоухищрения” Tag

  • Три способа сделать в блоге оглавление

    Сегодня обсуждаем юзабилити - как сделать блог удобным для чтения и привлекательным для гостей. Первое, с чем стоит определиться…

  • Писал ли юзернейм о котиках?

    В журналах появилась страница категорий. Может она не вчера появилась, но я только что наткнулась. Те самые, которыми козел Френк, не покладая…

  • ⛄⛄⛄ Новогодний коллаж своими руками

    1 Научимся делать текст с блестками и блестящие рамочки - без фоторедактора, непосредственно на веб-странице Нам понадобится цветной глиттер,…

  • Как сделать галереею. Растягиваем «У-у-у-у-у-у!»

    Тормоза в ЖуЖе-поиске. Первые сбои начались на «природнойсреде», не все записи проиндексировались, вместо «птичек-котиков»…

  • Нарядим блог как елочку, продолжение

    Начало Как добавить к посту нижний колонтитул Наученные горьким опытом вдохновленные предыдущими успехами в виртуальном рукоделии,…

  • Украшалочка 2

    Как прикрутить картинку к заголовку поста, в таком роде: На подобии того, как делали гирлянлу для контролстрипа, плюс чуть-чуть изощрений -…

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 27 comments