Как оформить пост

В разделе Live iXBT.com используется визуальный редактор. Поэтому оформление поста - штука достаточно простая. Вот так выглядит панель инструментов в нашем редакторе

Давайте посмотрим на то, что у нас там есть.

Первая строчка

Заголовок - позволяет задавать заголовки. Самый большой -  H4, самый маленький - H6. Используйте H4 для заголовков первого уровня,H5 - для заголовков второго уровня, H6 - для заголовков третьего уровня. Не надо писать заголовки БОЛЬШИМИ БУКВАМИ, у нас так не принято. 

 Формат -  выбор из "Цитаты" и "Кода". Если хотите кого-то процитировать, то используйте цитату. Например 

Цитаты обогащают текст, делают его живее, понятнее 

(с) Мао Цзе Дун

Если вам нужно добавить код, то выберите формат "Код". Подсветка синтаксиса не выполняется, но используется моноширинный шрифт. <a href="http://ixbt.com>Открыта тайна похудения топдиректоров Microsoft! Каждый вечер они просто...</a>

B, I, U, ABC  - делает жирные, italiс, подчеркнутые и зачеркнутые буквы.

Выравнивание по центру

Позволяет выравнивать по центру

Удобно для важных ссылок

И ссылок-кнопок

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

Списки - у нас они бывают кружочками и нумерованные. 

  • Вот такие с кружочками
  • Да-да.
  1. И вот такие нумерованные
  2. Да-да

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

Поставить ссылку - позволяет поставить ссылку для слова (предложения), которое вы изначально выделили. Пока то, на что нужно ставить ссылку не выделено, кнопка ссылки будет неактивна.

После нажатия на кнопку ссылки, появляется вот такое вот окошечко. В общем, с ним все понятно: в поле Адрес надо вставить адрес (обязательно с http://, иначе ничего не получится), в поле Цель  - задаем цель (лучше оставить "открыть в новом окне", тогда у читателя останется вкладка с вашим постом, и он, возможно, к нему еще вернется), Заголовок - тут пишется то, что будет в всплывающей подсказке при наведении на ссылку, Класс - обычная ссылка, или ссылка-кнопка. Не злоупотребляйте ссылками-кнопками, они хорошо работает если в посте их одна, две, ну три. А если больше - то уже нет. 

Убрать ссылку - если у вас есть где-то ссылка, и ее нужно убрать, воспользуйтесь этой кнопкой. 

Вставка динамической цены с Яндекс.Маркет - читаем инструкцию

Вставка видео - на данный момент поддерживается только вставка видео с Youtube, по полной ссылке, то есть, по ссылке вида https://www.youtube.com/watch?v=gdHE40keqNI. Такую ссылку можно получить, если на ПК перейти на страницу с видео по ссылке, которая у вас есть, ссылки вида youtu.be, m.youtube.com, итп - пока не работают. Не беспокойтесь по поводу размера видео, в посте оно будет на полную ширину. 

Вставка картинок - У нас пока нет drag-and-drop, зато есть удобное вытягивание картинок с других хостингов. 

Пройдемся по возможностям, а позже будет отдельная инструкция по картинкам. 

Файлвыбираем файл с компьютера. Размер файла - до 3 Мбайт, обратите внимание. Также, экстремально большие по разрешению картинки (больше 6000 x 6000) тоже не будут обработаны. Картинки могут быть только png, jpg. Gif не поддерживается из соображений безопасности.

Ссылкаесли хотим скачать картинку откуда-то, то ставим на нее ссылку. Ссылка должна отдавать именно картинку, иначе ничего не сработает. Тем не менее, поддерживаются как http, так и https. Например, удобно можно загружать фото с Photos.google.com - открываете картинку, кликаете по ней выбирая "скопировать адрес картинки" - и вуаля, все корректно втянется. То есть, если вы снимаете на телефон, вам становится очень удобно делать обзоры, ничего не нужно загружать, все само синхронизируется с Гуглом, а оттуда уже легко вставляется.

В принципе, работают и ссылки из Dropbox, но у них в конце надо поправить ?dl=0 на ?dl=1 (чуть позже сделаем это автоматом). 

Выравниваниена данный момент настройка еще нефункциональна. 

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

Описание - то, что выводится при наведении на картинку и выводится внизу картинки если есть галочка "выводить описание". Удобно использовать вместе для комментирования фоточек или картинок. 

Смотри какая картинка!
Смотри какая картинка!

Превью со ссылкой на оригиналделает то, что написано. То есть, можно будет скачать оригинал фоточки. Хорошо если есть картинки, которые нужно рассмотреть. 

Cut - делает разрыв текста в том месте, где вы указали. Используется при отображении текста в блогах (то есть, везде кроме главной). Если не поставить - то cut автоматом будет поставлен после первого параграфа. 

[t],[w] - специальные кнопочки для вставки из буфера только текста (хорошо, если вы копируете текст откуда-то, а он замусорен всякими HTML оформлениями, если его просто вставить, то все будет глючить), или из Word. Не вставляйте текст из ворда просто с помощью Ctrl-c, иначе будет много-много глюков. 

Полный экран - разворачивает редактор на полный экран. Пока работает странно, чиним.

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

Вторая сторочка

Работа с таблицами. Кнопки (по очереди, слева направо): создать таблицу, добавить столбец справа, добавить строку внизу, удалить столбец, удалить строку, разъединить ранее объединенные ячейки, объединить ячейки

Несколько полезных советов

q: Как вставить несколько картинок в ряд? 

a: Воспользуйтесь таблицей. Поставьте, например, 2 столбца, и одну колонку. Получится вот так.

Не беспокойтесь по поводу мобильника, на мобильном телефоне картинки автоматически развернутся в столбик!