Красивые подчеркивания текста: Подчеркивание в CSS (красивые эффекты с примерами кода)

Содержание

Как выделить текст ВКонтакте

Содержание

  • Выделение текста ВКонтакте
    • Способ 1: Жирный шрифт
    • Способ 2: Зачеркнутый текст
    • Способ 3: Подчеркнутый текст
    • Способ 4: Изменение шрифта
    • Способ 5: Красивые символы
    • Способ 6: Слова и цифры из смайликов
    • Способ 7: Текст на постере
  • Заключение
  • Вопросы и ответы

Для привлечения наибольшего внимания других пользователей социальной сети ВКонтакте к своей странице или к ленте сообщества можно воспользоваться вспомогательными вариантами оформления текста. Среди таковых присутствуют как индивидуальные решения, так и видимые для всех посетителей сайта вне зависимости от платформы. По ходу сегодняшней статьи мы расскажем про лучшие стили.

Выделение текста ВКонтакте

В настоящее время достаточно сложно наверняка сказать, сколько существует вариантов оформления текста ВКонтакте, так как для этого можно воспользоваться многими хитростями, начиная со стандартных постеров и заканчивая символами из эмодзи. При этом заранее учтите, что некоторые из представленных далее методов могут быть ограничены только вашей страницей и останутся невидимыми для других пользователей.

Способ 1: Жирный шрифт

Проще всего произвести выделение определенного текста ВК на фоне стандартного оформления через использование жирного шрифта. Для этого будет достаточно воспользоваться одним из специальных онлайн-сервисов в интернете, позволяющих конвертировать один стиль текста в другой. Более подробно процедура была описана в отдельной инструкции на сайте.

Подробнее: Как сделать жирный шрифт ВК

Обязательно обратите внимание на дополнительные варианты жирного шрифта, так как обычное расширение является далеко не единственным. К примеру, отличным решением может стать шрифт CircleD, выделяющий фон под текстом.

Способ 2: Зачеркнутый текст

В рассматриваемой социальной сети, как и на подавляющем большинстве сайтов в интернете, можно использовать специальный HTML-код, способный автоматически преобразовывать некоторые символы в измененные аналоги вроде зачеркнутого текста. Для этого потребуется перед каждым нужным символом в слове вставить указанный код и произвести отправку сообщения. Более подробно процесс был также описан отдельно вместе с нужным кодом и примерами.

Подробнее: Как сделать зачеркнутый текст ВК

Способ 3: Подчеркнутый текст

Еще один достаточно распространенный способ заметного выделения текста заключается в использовании подчеркивания, как обычного одиночного, так и более вариативного. Реализовать это с помощью HTML-кода, к сожалению, не получится, но вполне можно воспользоваться сторонним онлайн-сервисом.

Перейти к сервису преобразования текста

  1. Откройте сайт по представленной выше ссылке и в поле «Контрольная работа» введите текст, который хотите подчеркнуть или выделить любым другим способом.
  2. Добавив текст, с помощью расположенного ниже списка стилей выберите один из подходящих вариантов. К примеру, можно воспользоваться пунктирным, полным или даже двойным подчеркиванием.

    Обратите внимание, что если скопировать и вставить в качестве исходного варианта уже преобразованный текст, можно произвести куда больше изменений. Например, сделать шрифт не только подчеркнутым, но и сразу зачеркнутым.

    Кроме того, таким образом можно комбинировать несколько стилей оформления, присвоив всему тексту один вариант подчеркивания, а остальному совершенно другой.

  3. Для переноса результата в нижней части страницы нажмите кнопку «Копировать в буфер обмена» и перейдите в нужное место на сайте ВКонтакте.
  4. С помощью сочетания клавиш «CTRL+V» вставьте ранее полученный вариант текста в любое подходящее поле и выполните отправку. Учтите, что иногда результат может не соответствовать ожиданиям из-за особенностей соцсети.

Как можно заметить, на представленной сайте имеются не только подчеркивания, но и другие стили оформления, включая зачеркнутый шрифт, которые вы также можете использовать. Однако какой бы вариант не был выбран, мы не рекомендуем использовать его слишком часто из-за возможных проблем с отображением на некоторых, в особенности мобильных устройствах.

Способ 4: Изменение шрифта

Самый гибкий вариант оформления шрифта заключается в использовании специального расширения для браузера, позволяющего менять любой объект в социальной сети. К сожалению, распространяются изменения только на открытые в браузере страницы, и потому новый выбранный шрифт будет невидимым для всех остальных пользователей ВКонтакте. Данная тема была нами описана в отдельной инструкции.

Подробнее: Как изменить шрифт на сайте ВК

Способ 5: Красивые символы

Помимо классических символов на клавиатуре компьютера или телефона существует масса других вариантов, обычно связанных с ALT-кодом. Назвать даже малую часть таких символом довольно сложно из-за разнообразия, и поэтому рекомендуем вам лично ознакомиться с таблицей. Однако учитывайте, что далеко не каждый такой символ будет правильно отображаться на некоторых платформах.

Подробнее: Красивые символы для ВК

Способ 6: Слова и цифры из смайликов

Одним из самых необычных способов выделения текста среди стандартного оформления ВК может стать шрифт, созданный из эмодзи. Специально для этих целей существуют целые веб-сайты, предоставляющие достаточно удобные редакторы и рассмотренные нами в отдельной статье по следующей ссылке.

Подробнее: Создание слов из смайликов для ВК

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

Подробнее: Смайлики цифры для ВК

Способ 7: Текст на постере

Последний рассматриваемый нами вариант выделения текста заключается в использовании стандартной функции ВКонтакте, позволяющей изменить как фон, так и цвет шрифта в процессе создания новых записей. Доступна такая возможность лишь в некоторых местах сайта вроде стены на личной странице или в сообществе, но не может быть использована в личных сообщениях.

  1. Откройте поле создания новой записи на стене и кликните по значку с цветовым кругом и подписью «Постер» в левом нижнем углу.
  2. По необходимости измените стиль коллекции с помощью кнопки на верхней панели и выберите одно из доступных фоновых изображений с помощью стрелочек.
  3. Если нужно, воспользуйтесь ссылкой «Добавить фон», чтобы загрузить новый постер, не похожий на другие. При этом размер изображения должен быть не менее 1440×1080 пикселей.

    Сразу после загрузки вы сможете вручную поменять цвет шрифта, в будущем используемый на данном постере по умолчанию. Лучше всего заранее учитывать цвет, так как черный будет практически незаметен на темном фоне.

  4. После нажатия кнопки «Сохранить изменения» заполните поле «Напишите что-нибудь» и произведите публикацию. В результате на стене появится новая запись с куда более заметным текстом, нежели позволяет сделать обычный редактор.

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

Заключение

Представленных вариантов выделения текста ВКонтакте вполне достаточно для создания стильного оформления, особенно если объединить способы между собой. Кроме того, отдельное внимание можете уделить комплексным решениям в виде тем, к сожалению, доступных к просмотру только от вашего лица.

Читайте также: Темы оформления для ВК

Форматирование текста в Telegram: зачеркнутый, жирный и т.д.

автор: EugeneBos обновлено: 06.04.2023

Если вы постоянно используете Телеграм или ведете свой канал, полезно уметь делать базовое форматирование текста.

Зачем? Все очень просто: ваши шутки станут смешнее ваш текст станет легче читать и вы получите больше отклика в вашем канале или группе. Ну или в личных сообщениях.

В телеграмме на данный момент доступны следующие варианты форматирования текста: скрытый (нужно нажать, чтобы увидеть), жирный, курсив, моно, зачеркнутый, подчеркнутый, ссылка. Ну и обычный, конечно же.

Как форматировать текст в Telegram через контекстное меню

Это самый простой вариант форматирования, который работает на всех платформах. Инструкция для каждой из них ниже:

  1. Выделите текст
  2. Нажмите на него правой кнопкой мыши
  3. В открывшемся меню выберите пункт “Форматирование”
  4. Выберите “Жирный”
  1. Выделите текст
  2. Нажмите на 3 точки справа сверху
  3. В место привычного меню откроется меню форматирования
  4. Выберите в нем “Жирный”:
  1. Выделите текст.
  2. В появившемся контекстном меню нажмите иконку BIU (если ее нет, то нажмите на стрелочку ▶ справа).
  3. Варианты форматирования можно будет прокручивать стрелочками ◀ ▶ по бокам.
  1. Выделите текст
  2. Нажмите на него правой кнопкой мыши
  3. В открывшемся меню выберите пункт “Преобразования”
  4. Выберите “Жирный”

Выделите текст и вы сразу увидите меню форматирования текста. Иконка “B” это как раз то, что вам нужно:

Моноширинный текст. Что это за зверь?

Хочу немного рассказать WTF что с моноширинным шрифтом. Потому что остальные способы форматирования понятно для чего нужны.

А “моно”… ух. Тот моно, через Markdown (см. ниже), он для отправки кода, остальной… неизвестно зачем (под кодом я имею в виду код для вставки на сайт или другой “программистcкий” код).

При нажатии на текст, выделенный “моно”, он автоматически копируется в буфер обмена. А еще на Windows он выделен зеленым цветом, а на MacOS красным (да, поэтому в этой статье я использую красный).

Монотекст через Markdown (см. ниже) не меняется Телеграмом после отправки: ссылки не становятся ссылками, на которые можно нажать и перейти на сайт, коды эмодзи не становятся эмодзи:

Я сделал “:)” моношрифтом через апострофы и через меню. Тот, что через меню превратился в эмодзи…

Для чего можно использовать: если не хотите, чтобы ваш текст во что-то превращался или его было легко скопировать в буфер обмена.

Прикол: если вы будете делать его через MarkDown (через тройной апостроф, см. ниже), то там он будет без цвета на MacOS. На Windows будет по-прежнему зеленым. Но зато не будет копироваться на Windows и MacOS при нажатии. Но будет копироваться на телефонах (по крайней мере, Android). Весело. Зря писал статью поздно ночью…

Горячие клавиши для форматирования текста в Telegram

Если вы часто форматируете текст на ПК или ноутбуке, то чтобы сэкономить время вы можете использовать для этого сочетания клавиш.

Просто выделите нужный текст, а потом нажмите следующее сочетание:

Выделить жирным
Windows: Ctrl + B
MacOS: ⌘ + B

Выделить курсивом
Windows: Ctrl + I
MacOS: ⌘ + I

Подчеркнуть текст
Windows: Ctrl + U
MacOS: ⌘ + Shift + U

Зачеркнуть текст
Windows: Ctrl + Shift + X
MacOS: ⌘ + Shift + X

Моноширинный шрифт
Windows: Ctrl + Shift + M
MacOS: ⌘ + Shift + K

Сделать гиперссылкой
Windows: Ctrl + K
MacOS: ⌘ + U

Убрать форматирование (обычный текст)
Windows: Ctrl + Shift + N
MacOS: нет

Форматирование через Markdown (спецсимволы)

Если вы любитель Markdown (это такой способ форматирования текста через спецсимволы), то Телеграм поддерживает и его:

  • **Жирный текст** – две звездочки с обеих сторон текста.
  • __Текст курсивом__ – два нижних подчеркивания.
  • ~~Зачеркнутый текст~~ – две тильды.
  • `Моноширинный текст` – один знак апострофа.
  • «`Моноширинный текст 2«` – три знака апострофа, можно выделить несколько строк. Отличается от моно через контекстное меню (на маке без цвета и не копируется на Windows и MacOS при нажатии, поэтому для выделения нескольких строк лучше используйте контекстное меню)

Подчеркнуть с помощью Markdown нельзя, а код создания гиперссылки не работает.

Форматирование через бота @bold

Еще один вариант сделать форматирование жирным, курсивом или моно это использовать бота @bold:

Просто начните писать сообщение со слов @bold и пишите текст, который нужно форматировать, после этого чуть подождите и вылезет меню:

  • Bold = жирный
  • Italic = курсив
  • Fixedsys = моно

После выбора варианта форматирования из того меню текст сразу отправится, имейте это в виду!

Другие варианты

Сайт ru.

piliapp.com

Еще можно форматировать текст заменяя обычные символы на ̤с̤п̤е̤ц̤ ̤с̤и̤м̤в̤о̤л̤ы̤, которые похоже выглядят, но имеют ̷о̷ф̷о̷р̷м̷л̷е̷н̷и̷е̷. Этот сайт как раз и занимается такой конвертацией:

Этот вариант работает только с английским текстом“невидимые чернила”

Если вам интересен такой вариант, жмите сюда, и потом в меню сверху можно переключаться между разными инструментами.

UTF символы

Телеграм поддерживает UTF-8 а, значит, туда можно вставить символы типа: ✓ ♓ ⓷ 𓏢 (каких там только нет!).

Которые могут помочь вам с оформлением текста. Вот таблица этих символов, разбитая на категории.

Сервисы / боты для ведения групп / каналов

Многие сервисы и боты помогают с оформлением постов.

Например, там может быть обычный визуальный редактор и тогда оформление текста будет не сложнее чем в Word.

Если интересно, то я делал раньше подробный обзор таких ботов и сервисов.

Заключение

До написания этой статьи я даже сам не знал, что способов так много. Надеюсь, вы нашли оптимальный для вашей ситуации и уже попробовали.

Горячие клавиши лень учить, но если часто форматируете текст, это сэкономит вам время в будущем. Поэтому я считаю этот вариант самым лучшим.

Если вы программист, моношрифт через Markdown очень удобен для отправки кусков кода.

А для нормальных людей контекстное меню самый легкий из вариантов. Успехов!

Подчеркивание Unicode — U͟n͟d͟e͟r͟l͟y͟n͟e͟

    Главная »
  1. Стили
  2. »
  3. Подчеркивание

Супер крутая магия текста Unicode. Подчеркните y͟o͟u͟r͟ t͟e͟x͟t͟ в Facebook, Twitter и других местах.

Этот инструмент генерирует подчеркнутый текст (например, t̲h̲i̲s̲ или t̳h̳i̳s̳) с использованием символов Юникода. Подчеркивание (также известное как подчеркивание) текста часто используется для выделения слова или фразы в предложении. Этот стиль можно использовать для имитации внешнего вида HTML-ссылки. Кроме того, подчеркивание может обозначать название рассказа или стихотворения.

Хотя этот стиль текста может быть похож на текст, созданный с использованием элемента HTML или атрибута CSS text-decoration: underline , он отличается. Эти символы Юникода в этом шрифте можно копировать и вставлять в обновления Facebook и Twitter, текстовые сообщения и комментарии на YouTube.

Дополнительная литература: Подробнее о подчеркивании читайте в Википедии.

Ваш текст

Подчеркивание (двойной макрон)

Подчеркивание (нижняя строка)

Двойное подчеркивание

Под стрелкой

Под чайкой

Под звездочкой

Предварительный просмотр Подчеркивание (двойной макрон) Под стрелкой Под чайкой Под звездочкой

Посмотрите, как эти стили выглядят в таких приложениях, как Facebook, Твиттер, SMS; и на устройствах Mac, Windows, iPhone и Android.

Подчеркивание (двойной макрон) Верх

смс/андроид/сообщение

смс/ios/сообщение

смс/ios/уведомление

facebook/android/fb

facebook/ios/fb

facebook/osx/chrome

facebook/osx/firefox

facebook/osx/safari

facebook/win/chrome

facebook/win/firefox 90 011

фейсбук / победа / т.е.

twitter / android / tw

twitter / ios / tw

twitter / osx / chrome

twitter / osx / firefox

twitter / osx / safari

twitter / win / chrome

твиттер/победа/фаерфокс

twitter / win / ie

стрелка под сверху

sms / android / message

sms / ios / message

sms / ios / уведомление

facebook / android / fb

фейсбук/иос/фб

facebook/osx/chrome

facebook/osx/firefox

facebook/osx/safari

facebook/win/chrome

facebook/win/firefox

facebook/win/ie 900 11

твиттер/андроид/тв

twitter/ios/tw

twitter/osx/chrome

twitter/osx/firefox

twitter/osx/safari

twitter/win/chrome

twitter/win / firefox

твиттер / победа / то есть

Под-чайка топ

смс/андроид/сообщение

смс/ios/сообщение

смс/ios/уведомление

facebook/android/fb

facebook/ios/fb

фейсбук/ОСХ/хром

facebook/osx/firefox

facebook/osx/safari

facebook/win/chrome

facebook/win/firefox

facebook/win/ie

twitter/android/tw 9001 1

твиттер/ios/тв

twitter/osx/chrome

twitter/osx/firefox

twitter/osx/safari

twitter/win/chrome

twitter/win/firefox

twitter/win/ie 900 11

Под-звездочка верхняя

смс / android / сообщение

смс / ios / сообщение

смс / ios / уведомление

facebook / android / fb

facebook / ios / fb

facebook / osx / chrome

фейсбук / osx / firefox

facebook/osx/safari

facebook/win/chrome

facebook/win/firefox

facebook/win/ie

twitter/android/tw

twitter/ios/tw 90 011

твиттер / osx / хром

twitter/osx/firefox

twitter/osx/safari

twitter/win/chrome

twitter/win/firefox

twitter/win/ie

Генератор подчеркивания текста 🤠 A͟d͟d͟ ͟U͟n͟d͟e͟r͟l͟y͟n͟e͟ ͟t͟o͟ ͟y͟o͟u͟r͟ ͟T͟e͟x͟t͟

Введите ваш текст здесь

Следите за генератором шрифтов на

Исследуйте все шрифты

Другие стильные шрифты

Совет : коснитесь или щелкните любой блок необычного шрифта, чтобы скопировать его.

(✪‿✪) ノ Поделитесь этими причудливыми шрифтами по этой ссылке:

Абсолютный подчерк Premiere Pro (iFilmThings)

Это все классный шрифт для копирования и вставки. 🤩

Быстрые ссылки для генератора шрифтов

О генераторе подчеркнутого текста

Генератор подчеркнутого текста

Бесплатный онлайн-генератор подчеркнутого текста с курсивными буквами Unicode для классного и стильного подчеркнутого текста.

Генератор подчеркнутого текста — это уникальный генератор текста, который позволяет создавать подчеркнутый текст без каких-либо технических знаний и приложения. вы, вероятно, можете увидеть опцию подчеркивания в документе Word или редакторе WYSIWYG, чтобы подчеркивать текст. и может быть интересно использовать подчеркнутый текст в Facebook, Twitter, Instagram или обычный текстовый документ, но обычная клавиатура не позволит вам сделать это легко.

Приняв это как вызов и проанализировав цифровую типографику, мы обнаружили, что это возможно с помощью комбинирования символов, предназначенных для изменения других обычных символов. На основании нашего исследования мы разработали Генератор подчеркивания текста , который добавляет пару стилей подчеркивания к тексту на лету без какого-либо приложения бесплатно.

вы можете произвести впечатление на своих друзей, вставив подчеркивание текста во время чата в таких приложениях, как WhatsApp, Discord или можете публиковать сообщения в различных социальных сетях, таких как Facebook, Instagram, Twitter.

Как пользоваться генератором подчеркивания текста?🤔

Использование генератора подчеркивания текста аналогично генератору причудливых шрифтов. Вот три простых шага: добавьте подчеркивание к любому тексту + скопируйте и вставьте подчеркивание текста.

1

Введите или вставьте текст

Введите текст, введя или вставив текст в текстовое поле выше, и пусть генератор подчеркивания текста сделает свое дело.

2

Копировать подчеркнутый текст

Выберите любой подчеркнутый текст из списка и щелкните или коснитесь блока шрифта, чтобы скопировать подчеркнутый текст.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *