17:14 

Обтекаемые картинки

Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Картинка с обтекающим ее текстом.
Картинка слева: <img src="адрес картинки" style="float: left; margin-right: 10px;"> Текст текст текст...
Картинка справа: <img src="адрес картинки" style="float: right; margin-left: 10px;"> Текст текст текст...
Margin - это отступ текста от края картинки, размер задается по вкусу.

Обтекаемые превьюшки.
Делаете превью любым доступным вам способом (про вставку превью рассказывается здесь, здесь, здесь и здесь) и затем к ссылке добавляете style="float: left; margin-right: 10px;" либо style="float: right; margin-left: 10px;".

<a href="адрес картинки"><img src="адрес картинки" width=XX style="float: left; margin-right: 10px;"></a>

Если картинка из БИ: <a href="картинка"><img src="превью" style="float: left; margin-right: 10px;"></a>

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

[MORE=<img src="адрес картинки" width=XX style="float: right; margin-left: 10px;">]<img src="адрес картинки" style="float: right; margin-left: 10px;">[/MORE]

Из БИ: [MORE=<img src="превью" style="float: right; margin-left: 10px;">]<img src="картинка" style="float: right; margin-left: 10px;">[/MORE]

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

@темы: Теги оформления записи, Добавление изображений

Комментарии
2013-02-28 в 16:41 

Кошечка в коробочке
Мы действительно сами выдумываем трагедию, чтобы как-то заполнить пустую жизнь.
А можно поинтересоваться..
У меня все получается при использовании, но почему-то текст немного не ровный получается в плане отступов :(

2013-02-28 в 18:04 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Tokyo Alice, а вы ссылку дайте на запись.

2013-02-28 в 18:07 

Кошечка в коробочке
Мы действительно сами выдумываем трагедию, чтобы как-то заполнить пустую жизнь.
Тайя, которая душит романтиков, уже нормально стало ^^ Извиняюсь за беспокойство :)

2013-02-28 в 18:08 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Tokyo Alice, ну и отлично))

2013-04-04 в 11:34 

Alienore
простите а если для чаиников-что такое БИ?

2013-04-17 в 18:51 

Кошечка в коробочке
Мы действительно сами выдумываем трагедию, чтобы как-то заполнить пустую жизнь.
Извините за беспокойство, у меня на странице сделано вступление. Слева картинка, справа текст. Но мне хочется отступить строчку после "★". Как только я нажимаю Enter и сохраняю, текст перемещается под картинку. Посоветуйте что можно сделать.
Заранее спасибо!

2013-04-17 в 18:55 

quirischa
администратор
(с капибарой на аватарке)
Jigoku wa Arisu, так, как сейчас, - устроит?

2013-04-17 в 18:58 

Кошечка в коробочке
Мы действительно сами выдумываем трагедию, чтобы как-то заполнить пустую жизнь.
quirischa, Да!
Спасибо!

2013-04-17 в 19:02 

quirischa
администратор
(с капибарой на аватарке)
Jigoku wa Arisu
Весь текст выделен тегом <div>:
Обычно он используется для установки выравнивания текста: <div align="right"></div>
Но поскольку выравнивать нам ничего не надо, то этот align="right" я убрал.

2013-04-17 в 19:05 

Кошечка в коробочке
Мы действительно сами выдумываем трагедию, чтобы как-то заполнить пустую жизнь.
quirischa, буду теперь знать. А то я не очень в этом разбираюсь :)

2013-06-29 в 04:23 

Кришан
Я прошу прощения, но при попытке вставить обтекаемую картинку в текст получается вот это:

Раньше всё нормально было. Или я всё же что-то не так делаю? =_=

2013-07-03 в 15:46 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Nocturnal Moth, может, из-за того, что у вас отступы заданы и в пунктах и в пикселях одновременно? :hmm: Попробуйте здесь вставить, посмотрим, что получится.

2016-01-03 в 15:05 

Anhel Nilson
Я девушка приличная. Хотя кому как кажется. Всё в мире относительно. (с)
Если Вам не тяжело, разжуйте для меня, пожалуйста.
Я обычно вставляю картинки с помощью визуального редактора, там есть такая функция - вставить справа от текста, слева от текста и т.п. И у меня всегда получалось, вот как тут anhelson.diary.ru/p207392291.htm .
А теперь не получается! Если я делаю как раньше, картинка действительно вставляется сбоку записи, но сверху или снизу текста. Пробую с помощью кода, который вы дали в этом посте в HTML-редакторе, но получается просто картинка, а по бокам части кода.
Что я делаю не так?

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@Дневники: секреты, тонкости и хитрости

главная