FAQ по оформлению постов на форуме и блогах проекта "Виртуальный Кореновск" в BBcode в версии 1+

12 февраля 2013 - Trang


 


 FAQ по оформлению постов на форуме и блогах проекта "Виртуальный Кореновск" в BBcode в версии сайта 1+

 

 

Друзья.

 

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

     В версии проекта "Виртуальный Кореновск" 1.0 и скоро будет 1.1 (ранее была 1.9 и 1.9.1) на форуме и блогах при оформлении используются BBcode. Что же это такое?

 

     BBCode (сокр. от английского Bulletin Board Code) – это популярный язык разметки, который повсеместно используется при форматировании сообщений на форумах, блогах, в гостевых книгах и чатах. При создании сообщений, текст которых необходимо отформатировать, окружают специальными BBCode тегами — которые очень похожи на таковые в HTML, но отличаются от последних тем, что заключены в квадратные скобки (“[" и "]”). 

     Как и любые тэги, в начале строги тэг открывается, а по окончании закрывается, для этого перед тегом в скобках ставится слэш "/".   

     К примеру    [img] наша фотография [/img]


       В пору становления интернета, на различных форумах и гостевых книгах (о блогах тогда никто еще не знал)), для того что бы выделить свое сообщение, использовали стандартный HTML код. Но это имело очень много минусов, например – легко было испортить разметку страницы, используя дыры в движках можно было вставить вредоносный JavaScript. Таким образом, вполне логичным шагом стало создание нового средства для форматирования текста.
      Таким средством стал BBCode. Он был придуман для того, что бы при написании сообщений можно было использовать функционал HTML, но делать это более безопасно и намного проще. На большинстве сайтов сегодня используется стандартный BBCode, хотя необходимо отметить, что существует множество разновидностей BBCode .
      Как это работает: например, мы пишем сообщение на форуме и хотим выделить его курсивом:  [i]текст нашего сообщения обведенный BBCode[/i], в результате чего, конечный результат выглядит, так как необходимо.
 

     О BBCode – можно сказать всего двумя словами: «Это просто!»

 

     Применимо к проекту "Виртуальный Кореновск" необходимо вручную знать только два тэга BBcode, остальные есть на панели редактирования сообщения (центрирование, вставка ссылки и т.д.)- это тэги VIDEO и IMG   (вставка видео и вставка изображения). Разберём на примерах, как это делать быстро и просто:

 

 

 

 

1) Вставка видео из популярных видео-сервисов на примере популярного хостинга YouTube: 

 



 

 

Вот так выглядит ссылка интересующего ролика на ютубе: 

 
 

 

 

 

 

 

Но если мы её вставим на форум в том виде, в котором она есть- форум не поймёт, что это видео-окно:



 

 

 

 

 

 

… а покажет его html-ссылкой:


 

 

 

 


Для того,  чтобы нам на странице увидеть видео-окно, прежде нам следует получить html-код. Для этого нажимаем на ютубе под интересующим клипом последовательно  кнопки  "Поделиться" и "Сгенерировать html-код". Полученный код копируем:


 

 

 

 

 

 

Чтобы форум или блог показал это видео, заключаем его вручную в тэг video вот так-  [video] наша ссылка с ютуба [/video]  :


  

 

 

 

Чтобы наше видео отображалось красиво и посередине страницы, выделим нашу строку с тэгом и кодом видео и нажмём кнопку "по центру" панели инструментов:

 

 

 

 


 

К нашей строке, как видите, добавился ещё один тэг- allign, который отцентрирует наше видео посередине страницы независимо от её ширины:

 

 

 

 

 

Нажмём "Отправить". И вот так выглядит результат нашей вставки на форуме проекта:


 

 

 

 

 

 

 

 

 

2) Вставка картинок и фото в форум и блоги проекта:

 

 

 

 

Мы имеем картинку по следующему адресу, нашли в интернете. Копируем её:


 

 

 

 

Чтобы наша картинка отобразилась форумом, заключаем скопированный адрес картинки в тэг [img]:


 

 

 

 

Чтобы картинка показывалась по центру, выделяем строку (как в случае с видео выше), и нажимаем кнопку "по центру" панели инструментов, добавляется тэг- allign, который отцентрирует нашу картинку посередине страницы независимо от её ширины:

 

 

 

 

В результате получаем такой красивый, быстрый и удобный результат:



 

 

     Ну и напоследок несколько важных замечаний: 

1) В силу фиксированной ширины страницы проекта "Виртуальный Кореновск" ширина вставляемых фото и видео в статьях не должно превышать 800 px,а на форуме и блогах- 500 px, иначе ваше вставленное фото или видео будет страницей обрезано и показано некорректно.

2) Если вы вставляете в свой блог несколько картинок, после первой нажимайте кнопку "разделить страницу", которая добавит к вашему посту после первой фото надпись "Читать далее". Кто захочет просмотреть весь пост- нажмёт на неё

3) Если вы хотите закинуть картинку со своего локального компьютера- воспользуйтесь сервисами хранения фото, к примеру, яндекс.фотки или postimage.org. После загрузки фото туда с локального компьютера скопируйте её ссылку, а потом действуйте, как рассказано в данной статье. Кроме того, большинство сервисов хранения фото, в том числе и перечисленные выше- УЖЕ предлагают Bbcode для вставки картинки на форум. Вам останется только его скопировать и вставить

4) Данный FAQ актуален для текущей версии движка проекта (1.0) и будет актуален для всей ветки движка 1+. При переходе на версию 2.0, возможно, что-то поменяется. Мы вас известим о нововведениях, как всегда, статьёй и массовой рассылкой

 

 

Как всегда прекрасного настроения,

Trang 


 



Похожие записи:

Факельное шествие 7 мая 2013 года. Фотоотчёт
Факельное шествие 7 мая 2013 года. Фотоотчёт
В разделе: Новости Кореновска
Много-много разных фото под катом
День ВВС и день открытых дверей на Кореновской 393 авиабазе 18 августа 2013 года. Фотоотчёт
День ВВС и день открытых дверей на Кореновской 393 авиабазе 18 августа 2013 года. Фотоотчёт
В разделе: Новости Кореновска
     В программе было, как и всегда- праздничное построение, поздравления от руководства части и вышестоящих организаций, руководства города и района, награждение отличившихся офи...
Фирменный стиль проекта "Виртуальный Кореновск"
Фирменный стиль проекта "Виртуальный Кореновск"
В разделе: Реклама
      Нашей командой разработан "с нуля" и утверждён фирменный стиль  проекта "Виртуальный Кореновск"   Выглядит он так: Обсудить стиль вы м...
Проводы масленницы 17 марта 2013 года в центральном парке. Фотоотчёт
Проводы масленницы 17 марта 2013 года в центральном парке. Фотоотчёт
В разделе: Новости Кореновска
     17.03.2013 в центральном парке прошли народные гуляния по поводу окончания масленничной недели. Анонс события был здесь. Несмотря на пасмурную и довольно холодную погоду собрал...
Рейтинг: 0 Голосов: 2 2612 просмотров
Комментарии (0)

Нет комментариев. Ваш будет первым!