Всем доброго времени суток! Недавно появилась потребность в достаточно не стандартном скрипте, его суть в том что бы после картинки небыло разрыва в строчку, а текст с каждой строчкой, продолжал идти до конца картинки, пример ниже. Заранее спасибо!
Нужен скрипт (облигание картинки текстом)
Страница: 1
Сообщений 1 страница 13 из 13
Поделиться12011-05-17 23:09:01
- Форумчанин
- Зарегистрирован: 2010-09-05
- Приглашений: 0
- Сообщений: 22
- Уважение: +1
- Позитив: +2
- Провел на форуме:
1 день 1 час - Последний визит:
2012-10-21 23:07:44
Поделиться22011-05-17 23:31:31
misari123 Посмотрите тут Обтекание текста < <
Поделиться32011-05-17 23:42:26
- Форумчанин
- Зарегистрирован: 2010-09-05
- Приглашений: 0
- Сообщений: 22
- Уважение: +1
- Позитив: +2
- Провел на форуме:
1 день 1 час - Последний визит:
2012-10-21 23:07:44
Deff, самое простое, как я понял, это вставить картинку и текст в таблицу. А нельзя ли сделать так, что бы картинка автоматически смещалась влево\право, в независимости от сообщения\темы, тоесть все картинки загружаемые на форум будут смещаться в сторону, а текст будет их обтекать.
Поделиться42011-05-18 00:01:26
misari123 Есть скрипт Romych на эту тему - завтра выложу
Добавлено:
Romych написал(а):
многие давно спрашивали
Обтекание изображения текстом. © Romych
в html-низ:
Код:<!--обтекание изображения 2.4.4--> <script language="javascript"> $(function(){ $('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>'); $('#floatbut, .vibor').click(function(){ $('div#float').toggle();}); }); elm=document.getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content") { post = elm[x].innerHTML; if(post.indexOf("[/float]") != -1) { floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi elm[x].innerHTML = elm[x].innerHTML.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>") }} </script> <div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20"> <div><strong>Направление обтекания</strong></div><br> <div align="center"> <img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" /> <img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" /> </div></div>в панели ответа появится вот такая кнопка -
по нажатию на которую, вам будет дан выбор сделать обтекание слева или справаПРИМЕР работы
спасибо mkusherу и rps за помощь и тестирование
Отредактировано Deff (2011-05-18 11:48:14)
Поделиться52011-05-18 11:39:31
- Форумчанин
- Зарегистрирован: 2010-09-05
- Приглашений: 0
- Сообщений: 22
- Уважение: +1
- Позитив: +2
- Провел на форуме:
1 день 1 час - Последний визит:
2012-10-21 23:07:44
Deff, больше вам спасибо, то что нужно!
Поделиться62011-05-18 11:50:54
misari123 Я ток сейчас сумел его вставить правильно - хотя при сомнениях - исходник тут > http://forum.mybb.ru/viewtopic.php?pid=621965#p621965 пост 315
Поделиться72011-05-20 14:53:40
- Помощник ZeroParking
- Откуда: Сургут
- Зарегистрирован: 2011-02-22
- Приглашений: 0
- Сообщений: 1798
- Уважение: +177
- Позитив: +148
- Пол: Мужской
- Провел на форуме:
20 дней 13 часов - Последний визит:
2014-01-18 13:23:53
Deff
не получается у меня так же сделать как в примере!
Поделиться82011-05-20 15:04:34
Lonely_wolf Ты копируй в Настройки ток отсель либо с исходника - (*при промежуточных сохранениях в топике - глюк
Птом непонятно - про какой пример речь... -я примеров не приводил
Отредактировано Deff (2011-05-20 15:05:48)
Поделиться92011-05-20 15:34:53
- Помощник ZeroParking
- Откуда: Сургут
- Зарегистрирован: 2011-02-22
- Приглашений: 0
- Сообщений: 1798
- Уважение: +177
- Позитив: +148
- Пол: Мужской
- Провел на форуме:
20 дней 13 часов - Последний визит:
2014-01-18 13:23:53
Поделиться102011-05-20 16:53:00
Lonely_wolf Попробуй у себя изобразить - дай ссылку на Тему
Поделиться112011-05-20 17:20:12
- Помощник ZeroParking
- Откуда: Сургут
- Зарегистрирован: 2011-02-22
- Приглашений: 0
- Сообщений: 1798
- Уважение: +177
- Позитив: +148
- Пол: Мужской
- Провел на форуме:
20 дней 13 часов - Последний визит:
2014-01-18 13:23:53
http://simple-forum.ru/viewtopic.php?id=356#p1401
2 пост делал так ----
Код:[img]http://simple-forum.ru/img/avatars/000e/d9/39/2-1303271992.jpg[/img][float=left]покровителем. И пошло поехало… Если студия Gonzo была довольно мягка в своей версии картины, то Токоро просто снимает почти всю цензуру. Крови стало многократ больше. Виктория приобрела некий очаровательный шарм. Алукард стал не просто машиной для убийственной уборки «мусора», а СмерПрэвэдтью сметающей всё, абсолютно всё на своём пути. Александр Андерсон воплотил в себе не просто характер ярого фанатика, а человека умудрённого годами и верного своему делу до конца. Волтер не просто мальчик на побегушках, а дворецкий со своеобразным характером. Интегра как настоящий лидер жалеет и правит своим маленьким войском. Братья Валентайн, не просто шайка вандалов, а безобразно ведущие себя варвары мира вампиров. Введена команда наёмников «Дикие гуси» описанные в манге, которые по своему цинизму не уступают самому Алукарду. Явно видна деятельность батальона «Миллениум», во главе с коварным нацистом чьи мотивы ясны в манге, но в аниме пока не раскрыты, а вместе с ним и спец группа монстров, со своими ужасающими способностями.[/float]
3 пост вот так
Код:[float=left][img]http://simple-forum.ru/img/avatars/000e/d9/39/2-1303271992.jpg[/img]покровителем. И пошло поехало… Если студия Gonzo была довольно мягка в своей версии картины, то Токоро просто снимает почти всю цензуру. Крови стало многократ больше. Виктория приобрела некий очаровательный шарм. Алукард стал не просто машиной для убийственной уборки «мусора», а СмерПрэвэдтью сметающей всё, абсолютно всё на своём пути. Александр Андерсон воплотил в себе не просто характер ярого фанатика, а человека умудрённого годами и верного своему делу до конца. Волтер не просто мальчик на побегушках, а дворецкий со своеобразным характером. Интегра как настоящий лидер жалеет и правит своим маленьким войском. Братья Валентайн, не просто шайка вандалов, а безобразно ведущие себя варвары мира вампиров. Введена команда наёмников «Дикие гуси» описанные в манге, которые по своему цинизму не уступают самому Алукарду. Явно видна деятельность батальона «Миллениум», во главе с коварным нацистом чьи мотивы ясны в манге, но в аниме пока не раскрыты, а вместе с ним и спец группа монстров, со своими ужасающими способностями.[/float]
Отредактировано Lonely_wolf (2011-05-20 17:26:26)
Поделиться122011-05-20 17:28:43
Lonely_wolf Гы - так вставлять в теги нун рисунок - а не текст 
(*и только рисунок
Отредактировано Deff (2011-05-20 17:29:50)
Поделиться132012-05-27 11:33:40
- Форумчанин
- Откуда: из Дракенфурта
- Зарегистрирован: 2008-08-17
- Приглашений: 0
- Сообщений: 692
- Уважение: +91
- Позитив: +80
- Пол: Женский
- Провел на форуме:
8 дней 17 часов - Последний визит:
2012-09-26 15:07:22
Deff написал(а):
Обтекание изображения текстом. © Romych
А как бы это дело пихнуть не в форму ответа отдельной кнопкой, а прямо в контейнер к параметрам вывода изображения? Вот сюда:
Мне кажется, что так было бы намного лучше: во-первых, при таком раскладе все инструменты для работы с изображением находятся в одном месте, что весьма удобно и логично, во-вторых, еще одна лишняя кнопка 
не занимает место в тулбаре формы ответа, что уменьшает визуальный шум (а то на некоторых форумах над формой ответа куча дополнительных кнопок уже стоит, они просто все в кучу слеплены, это ужасно).
Отредактировано Коша-сан (2012-05-27 11:40:52)
Страница: 1