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

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

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

Сегодня, после долгих недель мучений, на меня снизошло озарение. Раньше постоянно замечал, что скопированный в сообщение аськи код очень часто терял часть символов и видоизменял текст. Озарением послужило то, что начиная с 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-кодов
Теги:
Хабы:
Всего голосов 10: ↑7 и ↓3+4
Комментарии16

Публикации

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