Как пользоваться тегами

Решил сделать небольшой хелп по тегам. Часть подсказал Владимир (спасибо ему), остальное сам из практики узнал.

Про шрифты, полагаю, не стоит распространяться :)

1. Ссылка


Нажимаем на тег – нам предлагают ввести ссылку. Вставляем ссылку на примере ЦБ РФ, после вставки это выглядит так:



Пишем между скобками название – то, как вы хотите, чтобы ссылка выглядела. И… всегда полезно нажимать кнопку «Предпросмотр» внизу слева, чтобы лишний раз потом не редактировать.
Называем ссылку «Банк России» — на предпросмотре ссылка будет выглядеть, как и в дальнейшем, синим цветом:



Текст ссылки с названием можно также скопировать из режима публикации сообщения в блоге в топик микроэфира (в самом микроэфире ссылка просто сокращается без опции названия) – для красоты и удобства :) Типа так:



Через пробел или Enter можно вставлять несколько ссылок как в микроэфире, так и в блоге, пока позволяет лимит знаков в публикации. В микроэфире лимит составляет 400 знаков, при публикации в блоге – 15 000 знаков.

N.B. Всегда следует помнить, что при сокращении ссылок в микроэфире или же при копировании упомянутым выше способом из публикации для вставки в микроэфир, число знаков от этого не исчезает, а остается. Т.е. если в микроэфире вы вставите маленькую гиперссылку (н-р, из якобы 5 знаков «ЦБ РФ»), скрытые символы все равно будут учитываться и съедать общий счетчик знаков.

2. Цитата


Набираете/выделяете нужный текст, нажимаете тег, например так это представлено на предпросмотре:



Фраза на экране выглядит курсивом на сероватом фоне. В микроэфире не работает – пишет обычный текст.
Пример топика с цитатой в конце: kypc.ru/blog/finance/45804.html

3. Код


Данный тег придает части топика «компьютерное» представление или тетрадь в клеточку, а также структурирует текст. К примеру таблицы выглядят стройно и как надо, н-р здесь: kypc.ru/blog/finance/45934.html

При увеличении масштаба или если текст набран, а не таблица, появляется горизонтальный ползунок прокрутки. В случае с таблицей уменьшение масштаба может помочь, а если текста много набрано, то нет. В случае с текстом это придает некую изюминку публикации и при этом в блоге занимает в высоту 1 строку. Например, справки небольшие так можно вставлять в ходе повествования, как-то так: kypc.ru/blog/finance/45580.html

Работает просто: нажимаем на тег и внутри его скобок вставляем текст/данные таблицы. Выглядит так на предпросмотре (на примере справочного текста справа на экране – скопировано оттуда):



В микроэфире не работает.

4. Видео


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

5. Картинка


Нажимаем тег – вставляем ссылку на картинку или загружаем с диска. Через пробел или Enter можно вставлять несколько картинок как в блоге, так и в микроэфире, пока позволяет лимит знаков в публикации. Через соответствующую опцию в микроэфире можно вставить только одну картинку, правда она там корректнее ужимается/масштабируется, а при копировании ссылок на картинки из режима публикации в микроэфир некоторые там могут обрезаться справа. Пожалуй, это единственное преимущество микротопика над блогом в плане публикации картинки. Зато все остальное явно на стороне режима публикации в блоге.
В микроэфире через профильную опцию можно прикрепить 1 картинку, при этом набранный текст в окошке после публикации микротопика расположится ниже картинки, что не всегда удобно.
В блоге можно подгрузить несколько картинок, при этом между ссылками на картинки набирать текст (подписи), и все это будет отображаться именно в указанном вами порядке. Все набранное предварительно в блоге можно скопировать как в сам микротопик, так и в комментарий к нему.

Авторская поясняющая ремарка от Su35:
в комментах нет кнопки при формировании коммента для вставки картинок — потому открываем на отдельной странице новый блог, где эта кнопка присутствует а потом уже вставив туда картинку и не опубликовав блог — копируем получившуюся ссылку в комменты в любом блоге :)


5.1. Вставка картинки с помощью спец. кода и gif-изображения

Можно вставлять картинки не прибегая к тегу, а с помощью кода вида:



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



По сути «код», это тоже тег, только чуть проще.
Та же самая картинка, но только уже загруженная с помощью кнопки на панели, будет выглядеть вот так:



GIF-изображения также работают везде, ура! :) Спасибо Юстасу за поднятие темы, Михелю и всем — за обсуждение и развитие

Пример гифки:



6. Кат
Этот тег, полагаю, один из самых нужных и полезных. Но… как же мало людей им пользуется. А зря.
Данный режим «…сокращает длинные записи, скрывая их целиком или частично под ссылкой («читать дальше»). Скрытая часть не видна в блоге, но доступна в полной записи на странице топика.»

Нажимаем на тег, после него ставим текст, который хотим убрать под кат. Вот так это выглядит:



Тогда в ленте публикаций, начиная с этого тега, в топике будет написано «Читать дальше».

Пример блога, где представление текста публикаций сокращено: kypc.ru/blog/Links/
Если кат не ставить, то при просмотре публикаций блога вы будете долго крутить колесо мыши, чтобы достигнуть конца страницы топиков.
По практике: иногда нужно ставить кат с самого начала публикации, иногда после пары-тройки начальных абзацев, где подсвечена основная мысль. Делать кат после кучи текста, н-р на половине при длинном топике, не имеет смысла – так мы утрачиваем всю лапидарность представления :)

P. S. В режиме предпросмотра при использовании ката разницы не видно, как и без ката, также как и при появлении публикации, но это нормально :) Надо нажать на блог, куда вы запостили топик, там в ленте всех публикаций будет видно как он отображается.

7. Tags, т.е. метки

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

На главной странице справа видно облако меток.
Вот как выглядят в адресной строке пути по некоторым популярным меткам:

www.kypc.ru/tag/банки/

www.kypc.ru/tag/Reuters%20news/

www.kypc.ru/tag/всем%20борща%20на%20лопате/

Но в облаке меток видны только популярные метки. К сожалению полного списка меток нет, не нашел.
Если вы точно не помните пост или не можете его поиском толком найти, то можно попробовать подобрать по метке. Набираем в адресной строке www.kypc.ru/tag/ и далее после слэша (черты) пишем метку на русском или на латинице. Если слов в метке несколько, то пробел между словами заполняется символами "%20".

8. HTML-коды

Для отображения символов, которых нет на клавиатуре.
Поиском находятся в сети, н-р вот: htmlbook.ru/samhtml/tekst/spetssimvoly

Можно и в публикации и в микротопики вставлять эти символы. По практике — в сообщениях необязательно писать код символа. Выделяем сам символ (находим его где-нибудь), н-р: по указанной ссылке — из колонки «Вид» копируем и вставляем его в топик. Работает.
  • +6
  • 09 января 2014, 12:40
  • Tristan

Комментарии (20)

RSS свернуть / развернуть
+
+1
Вопрос про кат: Зачем в закрывающем ставить слэш, вроде и так работает?
avatar

Михель

  • 09 января 2014, 12:49
+
0
меня так Владимир научил раньше :) а может тогда позднее исправили. хм. сейчас действительно работает :) можно просто тогда без слэша: текст
avatar

Tristan

  • 09 января 2014, 12:54
+
0
в комменте обрезалось. русский кат заменить на английский cut далее, можно просто тогда и без слэша тоже: <кат>текст<кат>
avatar

Tristan

  • 09 января 2014, 12:55
+
+1
без закрывающего работает, раньше подглючивало и не всегда срабатывало
avatar

Владимир

  • 09 января 2014, 13:25
+
0
Т.е., я правильно понял, кат ставим только один в начале?
avatar

Михель

  • 09 января 2014, 13:37
+
+1
да! :)
avatar

Владимир

  • 09 января 2014, 13:38
+
0
Ура! Сразу от души отлегло! А то обзываются тут некоторые Дуси злыми непонятными словами...:))
avatar

Михель

  • 09 января 2014, 13:43
+
0
лишу лошадок, Хрюндель.
avatar

Дуся

  • 09 января 2014, 13:46
+
0
ТОКАНИЭТО, Масянечка!!! Вот знаешь же, как по больному ударить… коленом...:))
avatar

Михель

  • 09 января 2014, 13:48
+
0
ладно. я девушка приличная. так что веди себя достойно и колёсико напоказ выставь.
avatar

Дуся

  • 09 января 2014, 13:51
+
+1
чтобы соблюдать правила хтмл-кода. Ё!
avatar

Дуся

  • 09 января 2014, 12:55
+
0
Чо? © Это ты сейчас с кем разговаривала? :))
avatar

Михель

  • 09 января 2014, 12:56
+
0
с твоей совестью
avatar

Дуся

  • 09 января 2014, 12:58
+
0
Ты думаешь, моя совесть знает, что такое «правила хтмл-кода»??? Ну, может и знает, я не в курсе, я её в первом классе на колёсико сменял...:))
А без неё никто не в курсах, малограмотные мы, я вон айфон от айпада только в прошлом годе научился отличать…
avatar

Михель

  • 09 января 2014, 13:05
+
+1
точна! для порядку :)
avatar

Tristan

  • 09 января 2014, 12:57
+
+2
мерси
avatar

Cедая

  • 10 января 2014, 11:50
+
+2
добавлю для тех кто невтанке(в частности я) — в комментах нет кнопки при формировании коммента для вставки картинок — потому открываем на отдельной странице новый блог, где эта кнопка присутствует а потом уже вставив туда картинку и не опубликовав блог — копируем получившуюся ссылку в комменты в любом блоге :)

это также для тех кто не_асилилстихи выше:)
avatar

Su35

  • 10 января 2014, 12:19
+
+1
подредактировал пп. 5 и 6 с учётом ваших комментариев.
avatar

Tristan

  • 12 января 2014, 16:30
+
+1
добавил п. 5.1 — про код для картинок и в т. ч. гифок.
avatar

Tristan

  • 19 января 2014, 15:43
+
0
добавил пп. 7 и 8.
avatar

Tristan

  • 13 февраля 2014, 09:46

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.