Обтекание картинки текстом. Автор: Skaiman
Представляю Вашему вниманию ВВ-коды обтекания картинки текстом, слева и справа. Для этого используется скрипт с увеличением при клике.
Картинка слева.
Общая информация:
Тэг BB-кода: imgleft
Заголовок: Изображение слева
Описание: Изображение в тексте слева
Способ замены: Простая замена
Опция BB-кода: Нет
Замена HTML:
Пример использования:
Разрешить использование этого кода в подписи: Нет
Расширенные настройки:
В этом BB-коде: Отключить авто-ссылки
Ссылка на иконку редактора:
Иконка для редактора:
Картинка справа.
Общая информация:
Тэг BB-кода: imgright
Заголовок: Изображение справа
Описание: Изображение в тексте справа
Способ замены: Простая замена
Опция BB-кода: Нет
Замена HTML:
Пример использования:
Разрешить использование этого кода в подписи: Нет
Расширенные настройки:
В этом BB-коде: Отключить авто-ссылки
Ссылка на иконку редактора:
Иконка для редактора:
Скачиваем архив, распаковываем, закидываем папку highslide в папку js Вашего форума.
Открываем page_container_js_head и добавляем туда:
Да чуть не забыл, картинка берется со стороннего ресурса, с любого хостинга изображений, вложенная не используется.
Удачи!
Представляю Вашему вниманию ВВ-коды обтекания картинки текстом, слева и справа. Для этого используется скрипт с увеличением при клике.
Картинка слева.
Общая информация:
Тэг BB-кода: imgleft
Заголовок: Изображение слева
Описание: Изображение в тексте слева
Способ замены: Простая замена
Опция BB-кода: Нет
Замена HTML:
Код:
<a href="{text}" class="highslide" onclick="return hs.expand(this)" style="float:left; margin: 15px 15px 10px 0"><img src="{text}" style="height:150px; border:0;" /></a>
Код:
[imgleft]http://pic.rk.ua/di-1MPX.jpg[/imgleft]Расширенные настройки:
В этом BB-коде: Отключить авто-ссылки
Ссылка на иконку редактора:
Код:
/forum/styles/ВАШ СТИЛЬ/xenforo/editor/imgleft.pngКартинка справа.
Общая информация:
Тэг BB-кода: imgright
Заголовок: Изображение справа
Описание: Изображение в тексте справа
Способ замены: Простая замена
Опция BB-кода: Нет
Замена HTML:
Код:
<a href="{text}" class="highslide" onclick="return hs.expand(this)" style="float:right; margin: 15px 0 10px 15px"><img src="{text}" style="height:150px; border:0;" /></a>
Код:
[imgright]http://pic.rk.ua/di-1MPX.jpg[/imgright]Расширенные настройки:
В этом BB-коде: Отключить авто-ссылки
Ссылка на иконку редактора:
Код:
/forum/styles/ВАШ СТИЛЬ/xenforo/editor/imgright.pngСкачиваем архив, распаковываем, закидываем папку highslide в папку js Вашего форума.
Открываем page_container_js_head и добавляем туда:
Код:
<script type="text/javascript" src="js/highslide/highslide.js"></script>
<script type="text/javascript" src="js/highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="js/highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="js/highslide/highslide-ie6.css" />
<![endif]-->Да чуть не забыл, картинка берется со стороннего ресурса, с любого хостинга изображений, вложенная не используется.
Удачи!
