Как стать автором
Обновить

Учимся верстать под… QIP?

Время на прочтение 2 мин
Количество просмотров 1.4K
Вечер добрый, хабралюди.

Сегодня, после долгих недель мучений, на меня снизошло озарение. Раньше постоянно замечал, что скопированный в сообщение аськи код очень часто терял часть символов и видоизменял текст. Озарением послужило то, что начиная с Infium 9044, этот мессенджер поддерживает BB-codes.

Гугление поддерживаемых кодов привело к тому, что была найдена страница с перечнем всех поддерживаемых кодов (ссылка внизу топика), среди которых было [table](вспоминаете былые времена верстки на таблицах?). Ниже краткое описание того, как сверстать красивое рекламное (и не только) сообщение для отправки через QIP.

Немного теории



Думаю что само понятие BB-code известно многим по форумам. Для тех кто не в курсе — это язык разметки, схожий с HTML, используемый для более безопасного оформления сообщений. Главное отличие заключается в том, что эти коды пишутся в квадратных скобках (примеры: [h4],[image] и пр.).

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

Практика



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

Для примера я возьму небольшую текстовку с официального сайта QIP и позаимствую их логотип.

Данный пример довольно прост, но в то же время способен показать, что можно сделать с использованием BB-кодов.
Внешний вид:
image

Код:
[table border=0][tr][td][img]http://www.jabberworld.info/images/thumb/d/d3/Qip_logo_large.png/128px-Qip_logo_large.png[/img][/td][td colspan=2 valign=middle][size=36]QIP.RU[/size][/td][/tr]
[tr][td width=100 padding-left=10 padding-top=10][url="#"]Главная[/url]
[url="http://download.qip.ru/2010/qip2010.exe"]Скачать[/url]
[url="#"]Контакты[/url]
[/td][td colspan=2]
Новая версия QIP 2010 - Build 5768
Дата релиза: 01 июля 2011

[b]В новой версии:[/b]
[list][*]быстрая установка в дефолтном режиме;
[*]отключение прозрачности всплывающих сообщений для нетбуков;
[*]загрузка фотографии с вебкамеры на аватар;
[*]поддержка немецкого языка.
[/list]

А так же многочисленные изменения , исправления возникавших ошибок, повышение стабильности работы и безопасности.
[/td]
[/tr][tr height=30][td colspan=3 align=right padding-top=10][b]Copyright 2011 © QIP.ru[/b][/td][/tr][/table]


В целом, неплохо, не так ли?

Правда возникают некоторые проблемы при использовании атрибутов colspan и rowspan, самому к сожалению разобраться до конца не удалось (если не учитывать костыли в виде лишних [td][/td])

Вот и все, краткий экскурс в ненормальную верстку закончен.
И таки да, решение не читаемости кода решилось путем добавления [code][/code]

Ссылки:


Wiki с описание основных BB-кодов
Теги:
Хабы:
+4
Комментарии 16
Комментарии Комментарии 16

Публикации

Истории

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн