Сообщения - некоторые аспекты оформления

Это мини-инструкция по форматированию текста, с целью получения определённых эффектов в сообщениях.

Список целей сложился из периодических вопросов, которые мне задают. Итак:

• небольшое введение
• как сделать текст зачёркнутым
• как поменять цвет текста
• как изменить размер текста
• комбинации
• как сделать ссылку
• как сделать текст свёрнутым (спойлер)
• как вставить анимированную картинку
• комментарии по тегам

Небольшое введение

Несмотря на то, что панель инструментов "пытается" быть умной - это полуфабрикат. Для получения "радующего глаз" результата - придётся поработать руками. Для получения одного и того же результата, алгоритм (порядок действий) может быть различным. Я покажу лишь некоторые варианты. Все теги инструментов, можно набирать руками. Все картинки кликабельны. Т.е., при нажатии на них мышкой - получим картинку большего размера. Комбинации клавиш (для платформы Windows) для выделения текста: Ctrl + c; для вставки текста: Ctrl + v. Для других платформ (Android/Mac/etc.) клавиатурные и пр. комбинации - ищем самостоятельно.

Как сделать текст зачёркнутым

В панели инструментов, выбираем инструмент Зачеркнуть часть текста. Во внутрь тегов вставляем/набираем текст, который необходимо зачеркнуть. Выбираем режим предпросмотра и контролируем результат. Если полученный результат нас устраивает - отправляем сообщение.



Как поменять цвет текста

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



Как изменить размер текста

Выбираем инструмент Изменить размер шрифта. Выбираем желаемый размер. Во внутрь тегов вставляем/набираем текст, у которого необходимо изменить размер. Выбираем режим предпросмотра и контролируем результат. Если полученный результат нас устраивает - отправляем сообщение.



Комбинации

Эффекты можно комбинировать. Например: меняем размер текста, его цвет и перечёркиваем. Текст, на который наложили комбинацию эффектов.

Как сделать ссылку

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

Например, у нас есть адрес ссылки - https://ru.wikipedia.org/wiki/%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0 %B2%D0%BD%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0

Мы желаем сделать её более читаемой.

Выбираем инструмент Создать ссылку на веб-страницу. Вставляем адрес ссылки, жмём OK. Вводим текст (описание) для ссылки, жмём OK. Смотрим результат в превью.

Мы также, можем поменять цвет ссылки. Или изменить описание (старайтесь использовать не больше двух-трёх слов - иначе можно словить глюк движка форума).

Как сделать текст свёрнутым (спойлер)

Выбираем инструмент Текст спойлера. Во внутрь тегов вставляем/набираем текст (а также, картинки, видео), который необходимо

У спойлера может быть заголовок (текст, который мы сами придумаем):





Можно изменить цвет (размер/зачеркнуть/etc.) заголовка:

Как вставить анимированную картинку

Создание анимированных gif'ок или png'шек здесь не рассматривается.

Анимированные картинки вставляются точно также, как и простые картинки.

Например, понравилась нам какая-то "гифка". Скажем на сайте http://gifaknet.tumblr.com/

Получаем (копируем) ссылку на картинку. Выбираем инструмент Ввести изображение. Вставляем адрес (ссылку) картинки и жмём OK.

Комментарии по тегам

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

Например. При вставке ссылки, перед открывающим и завершающим тегами добавляется по 2 пробела. Отчего текст получается "грязноватым". Поэтому, неплохо бы удалять лишние пробелы. Контролируя результат в превью (предпросмотр ответа).



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

Респектище!!!

Руслан, спасибо! Компактно и эффективно

сспасибо конешно , только вот после жмвых картинок - у меня видеодрайвер - дохнет на пару минут ( в лучшем случае ,особенно в однокласниках )

Может кто-нибудь научит вставлять иерогфы. В предпросмотре отображаются, а в сообщении выходит абракадабра

http://www.ulov.ru/forum/ubbthreads.php?ubb=showflat&Number=1163421#Post1163421


Жму и что то не запрашивается о подтверждении действий ?

http://www.ulov.ru/forum/ubbthreads.php?ubb=showflat&Number=1163421#Post1163421


Жму и что то не запрашивается о подтверждении действий ?


http://tass.ru/proisshestviya/3589158

[url=КНР предложил усилить обмен гидротехническими данными с РФ из-за дождей на Дальнем Востоке Подробнее на ТАСС: http://tass.ru/proisshestviya/3589158]КНР предложил усилить обмен гидротехническими данными с РФ из-за дождей на Дальнем Востоке Подробнее на ТАСС: http://tass.ru/proisshestviya/3589158[/url]

А как посмотреть свои, отправленные сообщения? Что то не разберусь, или недоступно?

牡 マ キ グ ナ ル フ ァ 系 路 克 瑞 大 阪 市 立 学 鎰 命 科 ャ マ 能 力 ϒ 人 は 妻 ス テ ィ 要 望 通 り 玉 宏 ¥ サ 丹 谷 Ѫ 灯 影 伝 鶐 я только их азбуку не знаю :cool: проще наверное составить из иероглифов картинку и картинкой подгружать ☻☻☺.

Переведите в редакторе в НТМL и копируйте отсюда
http://myhomeinet.ru/smilegenerator/page-274.html
(не уверен что правильные знаки )通 или просто перетяните нужный иероглиф в сообщение



Дык ... картинка (рисунок )в HTML не будет отображаться -когда используете в одном сообщении и рисунок и знаки !(картинка в - UBBCode , знаки - НТМL )

http://myhomeinet.ru/smilegenerator/page-274
иероглифы тут брал

Так в HTML и UBBCode смотрится и картинка и иероглифы 要 鎰