Ознакомьтесь с нашей политикой обработки персональных данных
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]

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

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

Комментарии
2011-03-16 в 20:06 

Я - женщина, а значит я на кухне, ой, простите, актриса.
я хотела, что бы здесь картинка была большая и справа, я уже изначально нашла такую, которая с прозрачным фоном...
и что бы текст по ней шёл а не огибал

2011-03-16 в 20:14 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Ozariya, сделайте картинку полупрозрачной в пнг, и поставьте фоном таблицы)) Прозрачный квадрат, а в углу полупрозрачную картинку)) И текст поверх)))))

2011-03-16 в 20:28 

Ozariya
Я - женщина, а значит я на кухне, ой, простите, актриса.
Души романтиков , мамамоя, это же элементарно!
спасибо большущее!!

2011-03-16 в 23:51 

- апрельская Кошка -
Как всё интересно! Спасибо большое!

2011-03-17 в 12:31 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Ozariya, правда если ставить картинку на фон, может по-разному пост отображаться в дневнике и в комментах...
- апрельская Кошка -, пжалст :-D

2011-04-08 в 20:51 

Без дивов и таблиц. Помещаете картинку под текстом и стилями картинки: задаёте отрицательный margin-top

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text




2011-04-09 в 09:13 

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


Клево)) А ларчик просто открывался)
Zelmedv, спасибо.

2011-04-09 в 17:01 



2011-04-09 в 20:55 

- апрельская Кошка -
Zelmedv, ой, какая няка!!!!!!! :inlove: )))))))))))))

2011-04-10 в 13:39 

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

2011-04-30 в 21:46 

а где можно прочитать про море в море?

2011-05-02 в 11:47 

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


чото не получается у меня с бекграундом, какой код картинки надо вставлять и куда именно?

2011-05-05 в 18:17 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
мАленькаЙ идиЁт, как именно вы хотите сделать? чтоб картинка была фоном текста?

2011-05-05 в 18:21 

да..но не совсем..чтобы картинка была сбоку и одновременно под текстом...

2011-05-05 в 18:43 

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










<img src="http://static.diary.ru/userdir/1/4/3/9/1439841/66349527.jpg" style="float: left; margin-right: -300px;">

Отрицательным отступом картинка загоняется под текст.

2011-05-05 в 19:13 

оу! спасибо! счас попробую!
только объясните пожалуйста про отступ....
если я например хочу чтою текст занимал полкартинки....в высоту...а не в ширину....что мне надо задать?

2011-05-05 в 19:18 

margin-right это что у нас справа?

2011-05-05 в 19:30 


нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннн
ггггггггггггггггггггггггггггггггггггггггггггггггггггггггггг
ннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннн


что мне надо исправить чтобы он справа стоял?

2011-05-05 в 19:44 

уррра нашел!! спасибо! :white:

2011-05-05 в 19:53 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
2011-05-05 в 23:58 

нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннн
ггггггггггггггггггггггггггггггггггггггггггггггггггггггггггг
ннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннн
нннннннннннннннннннннннннннннннннннннн
ннннннннннннннннннннннннннннннннннннннннннннннннннннннн



2011-05-06 в 00:01 

Zelmedv спасибо! я уже рабобрался))) но этот тоже сохраню))) спасибо!

2011-06-27 в 02:16 

snarka
snarkk @ yandex ru
Тайя, которая душит романтиков вот спасибо!! : ))

А я делала не через стили, а так: img src=... hspace=10 align=left
Но меня жутко раздражала, что отступ получается с обеих сторон. А тут - с одной, классно! : ))

А про отрицательный отступ ваще блеск!

2011-07-08 в 20:34 

Други, подскажите пожалуйста, как спрятать море под картинку?

2011-07-08 в 20:39 

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

[MORE=тут котята]<img src="адрес картинки">[/MORE]

тут котята

2011-07-08 в 20:44 

а чо-то у меня так не получилось, пойду еще пробовать. спасибо!

2011-07-08 в 20:47 

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

2011-07-08 в 20:58 

я вс в хтмл делаю)
нет вы меня не правильно поняли, мне не картинку под море надо,

а море под картинку)

2011-07-08 в 21:01 

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

Так что ли?

[MORE=<img src="http://static.diary.ru/userdir/1/4/3/9/1439841/66349527.jpg">]тут под картинкой всякие буквы[/MORE]


2011-07-08 в 21:02 

да, целый пост)))

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

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

главная