Прочитайте, как обстоят дела у сайта Дневников и как вы можете помочь!
×
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-02-27 в 17:39 

Sertap
Изо всех даров мира остается только доброе имя, и несчастен тот, кто не оставит даже этого
такие картинки будут отображаться без учета прописанного кода в ленте тех, кто включил у себя опцию "игнорировать авторское оформление" (как у меня, например)

могу предложить еще один код, который этот глюк не выдает (для картинки справа и картинки слева воотстветственно):


как это выглядит

у этого способа, впрочем, свой недостаток — не срабатывают отступы текста от картинки с помощью margin
но можно использовать как вариант.

2011-02-27 в 17:44 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Sertap, о как, полезное уточнение. А при использовании align'a можно также добавлять margin:

<img src="адрес картинки" align="left" style="margin-right: 10px">

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

2011-02-27 в 17:46 

У ветра тоже была своя история.


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

2011-02-27 в 17:49 

Sertap
Изо всех даров мира остается только доброе имя, и несчастен тот, кто не оставит даже этого
Ролли Фостер
Души романтиков
ухты! спасибо за варианты!

2011-02-27 в 17:58 

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

2011-02-27 в 18:06 

У ветра тоже была своя история.
Души романтиков Я просто не очень люблю использовать style для элементарных операций типа выравнивания или отступа :о) к тому же так получается, что картинка как бы отступает не только от текста, но и от границы документа. Смотрится, на мой взгляд, более интересно, чем простой отступ текста)

2011-02-27 в 18:40 

Uk@R
Quincy reseARCHER
Имхо, у Ролли Фостер самый рациональный вариант. Основы хтмл же =)

2011-02-27 в 19:56 

Но что бежишь под дождем, что стоишь под дождем – намокаешь одинаково (с)
Души романтиков Ролли Фостер О, это очень интересная и нужная вещь! Спасибо! :hi2:
Один способ я знала, а вот с align - нет))

У меня есть вопрос: можно сделать так, чтобы текст обтекал картинку, а под картинкой была подпись мелкими(!) буквами? Я в кодах не разбираюсь, пользуюсь интуитивно, чем найду))) а с этой штукой как-то не выходит, то текст не хочет обтекать, то буквы остаются обычного размера...

2011-02-27 в 20:01 

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

2011-02-27 в 20:11 

У ветра тоже была своя история.
Puding, как один из возможных вариантов:



мелкий текст мелкий текст мелкий текст
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст


Если обозначить border="0", то границы видно не будет.

2011-02-27 в 20:17 

quirischa
администратор
(с капибарой на аватарке)
2011-02-27 в 22:49 

Но что бежишь под дождем, что стоишь под дождем – намокаешь одинаково (с)
Ролли Фостер Спасибо! :hi2:
Да, для чайника это не так-то просто...)) А вот был ещё какой-то такой код, где указывалась ширина картинки в пикселах, чтобы подпись под ней не выезжала за её края. Вы не знаете, как это сделать?

2011-02-27 в 22:55 

У ветра тоже была своя история.
Puding Это в свойства таблицы нужно прописать, чтобы она по ширине была определенного размера. Что то типа
, где вместо xxx - нужные значения. точнее ищите в интернетах, "работа с таблицами в HTML" - там все это есть.

2011-02-27 в 23:14 

Но что бежишь под дождем, что стоишь под дождем – намокаешь одинаково (с)
Ролли Фостер Угу, ясно, спасибо!)))

2011-03-02 в 06:43 

- апрельская Кошка -
Спасибо большое! Очень полезная запись!!!! (сколько я её искала!!!)

2011-03-06 в 11:48 

Дочь Кота
Театр в мыслях. Бардель в подсознании...
огромное спасибо за подсказку ^^

2011-03-08 в 19:32 

holy shell
le temps s'en va dans les printemps que tu perds a gagner d'autres guerres au lieu d'être à moi
Как-нибудь можно настроить размер превью на дайри? Если нет, тогда подскажите, как сделать так, чтобы слева было среднего размера превью, а справа текст. Спасибо.

2011-03-09 в 12:43 

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

2011-03-15 в 16:26 

Ozariya
Я - женщина, а значит я на кухне, ой, простите, актриса.
а возможно ли сделать картинку под текстом, но не превью, а саму картинку, к тому же полупрозрачную и справа?

2011-03-16 в 18:57 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Ozariya, так под или справа? Если под, то обычно размещается картинка, после текста, если справа, то любым из предложенных здесь способов.

Прозрачность делается так:

Прозрачность 0.2, 0.5 и 0.7.



Соответственно, степень прозрачность от 0 до 1. Сердцем чую, что можно и попроще написать, но не знаю как))

А! Про IE забыла. Чтобы и в IE видно было, надо так:

2011-03-16 в 19:30 

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

2011-03-16 в 19:35 

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

Тут текст ------------------------- --------------------------------- -------------------------------- -------------------------------- ---------------------------------- ----------------------------------- ---------------------------- ----------------------------- ---------------------------------------- --------------------------------- ---------------------------- ---------------------- ----------------


2011-03-16 в 19:39 

Ozariya
Я - женщина, а значит я на кухне, ой, простите, актриса.
а текст на картинку будет попадать?

2011-03-16 в 19:40 

Ozariya
Я - женщина, а значит я на кухне, ой, простите, актриса.
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст

2011-03-16 в 19:40 

Ozariya
Я - женщина, а значит я на кухне, ой, простите, актриса.
не попадает

2011-03-16 в 19:43 

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

2011-03-16 в 19:47 

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

2011-03-16 в 19:50 

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

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




Ссылка должна быть короткая, из вашей БИ. Текст тоже будет полупрозрачным. А так как вы хотите, мне кажется, таблицей только можно сделать...

2011-03-16 в 20:04 

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

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




Правда слева :crztuk:

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 

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

2011-07-08 в 21:03 

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

2011-07-08 в 21:05 

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

2011-07-08 в 21:07 

получилось. :yes: спасибо. вот все так, с первого раза никак :D

2011-07-08 в 21:07 

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

2011-07-08 в 21:11 

*funny* [DELETED user]

2011-07-08 в 21:12 

*funny* [DELETED user]
чото она мне уже разонравилась надо более выразительную найти :-D

2011-07-08 в 21:12 

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

2011-07-08 в 21:12 

*funny* [DELETED user]
да, спасибо. еще раз! :white:

2012-05-22 в 23:39 

380509814378
полюбите жизнь и она обязательно полюбит вас
помогите , пожалуйста разобраться - никак не могу научиться вставлять картинки с облегающим их текстом )))
сколько не пробовала ничего не получается , а очень нужно )))
почему то ссылки , когда их вставляешь исчезают
если можно поподробнее для чайников , пожалуйста ))):beg::beg::beg:

2012-05-27 в 00:55 

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

2012-05-27 в 23:14 

380509814378
полюбите жизнь и она обязательно полюбит вас
Тайя, которая душит романтиков, я вставляла в пост вашу ссылку , добавляла адрес картинки из БИ и печатала текст
выходила ссылка , картинка открывается по ссылке и поэтому не пойму , что же я делаю не так ?
объясните, пожалуйста )))
babozka.diary.ru/p176949381.htm - посмотрите как получается

2012-05-29 в 14:09 

380509814378
полюбите жизнь и она обязательно полюбит вас
я нечаянно удалила прошлую запись
вот другая babozka.diary.ru/p177008613.htm все равно не получается )

2012-06-01 в 21:16 

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

Итак, берете один из этих двух кодов: (какой вам больше нравится))) )

<img src="адрес картинки" style="float: left; margin-right: 10px;">
или
<img src="адрес картинки" align="left" hspace="10">

В "адрес картинки" вставляете ссылку. Самое главное: в Html-вкладке, не в визуальном редакторе!

Результат раз




Результат два


2012-06-02 в 20:07 

380509814378
полюбите жизнь и она обязательно полюбит вас
Тайя, которая душит романтиков, спасибо за очень подробное описание
у меня получилось babozka.diary.ru/p177168427.htm#600070182 :friend:
можно еще спросить - я не знаю , почему но у меня в дневнике слетают ссылки , не пойму никак с чем это связано
записи есть , а ссылки слетают

2012-06-04 в 19:26 

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

2012-06-08 в 22:01 

380509814378
полюбите жизнь и она обязательно полюбит вас
Тайя, которая душит романтиков, я , наверное не правильно описала - ссылки исчезают со страницы , а весь текст и картинки остаются
возможно это связано с скоростью моего интернета )))
но не всегда - сейчас пока все в порядке )))

2012-07-13 в 16:25 

~Elis Keller~
«Мы не подходим друг другу. Я скорпион, а ты идиот!»
Скажите, возможно ли вместо текста тоже картинку вписать?
Мне нужно, чтобы справа - одна большая, а слева - четыре маленькие.
Помогите.

2012-07-13 в 22:16 

~Elis Keller~,










2012-07-13 в 22:28 

~Elis Keller~
«Мы не подходим друг другу. Я скорпион, а ты идиот!»
Спасибо большое)))

2012-08-09 в 22:16 

Snapeart
SNAPE-ART DAILY
Тайя, которая душит романтиков, спасибо за Ваши записи о картинках, очень помогает!
Я обычно вот этой записью пользуюсь для вставки превью: diary-tips.diary.ru/p100964036.htm, только размер обычно делаю больше 150. Но я-то публикую картинки из сети, а вот тут john-n-mary.diary.ru/p179504626.htm возникла сложность при вставке картинки с превью с компьютера, а не из сети. Когда художник пытается увеличить превью, вставляя width="ХХХpx", изображение становится туманным. Когда с превью постишь картинку из сети, такого не происходит, качество изображения прекрасное. Есть возможность как-то справиться с этой проблемой?

2012-08-10 в 23:38 

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

В вашей записи вот что произошло: когда дайри генерирует превьюшку, создается миниатюра изображения размером в 100 пикселей, по сути это ссылка на полную картинку. Если попытаться увеличить миниатюру, конечно, она будет размазанной.

Вот картинка static.diary.ru/userdir/1/4/9/6/1496305/7570155..."
А вот превьюшка static.diary.ru/userdir/1/4/9/6/1496305/thumb/7...", она стандартного размера. Чтобы сделать больше, берем исходную ссылку, а проще вытираем thumb/ и добавляем нужный размер.

Вот исходная превью





А вот увеличиваем:





Надеюсь, не путано объяснила)

А, вот еще. Дайрики автоматически берут за 100 пикселей длинную строну. Поэтому, местами удобнее менять не ширину (width), а высоту (height). Превью высотой 200px.




2012-08-12 в 23:48 

Snapeart
SNAPE-ART DAILY

2012-10-07 в 23:22 

Дани Адская Лиса
Один учитель у меня - моя принцесса Лень! (с)
Извините, что лезу с глупым вопросом в старую запись, но я не знаю, где бы это спросить, не в техподдержку же с таким бредом лезть, а тут вроде объясняют про картинки...

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

Проблема в том, что картинка должна быть по центру, а она оказалась смещена. И чтоб она была совсем по центру, код пришлось сделать таким

результат
Те самые 139 подобрала, расположив под смещённой картиникой нормальную, и проверяя через предпросмотр, как выглядит. Да, я дундук х)

Вопрос - с чем связано такое смещение и как оно вправляемо?

Заранее спасибо, если кто ответит ))

2012-10-08 в 21:10 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Дани Адская Лиса, есть святое правило - "Работает - НЕ ТРОГАЙ!" :-D Получилось - и слава богу :-D

Смещается наверное из-за отступов, фиг знает... По центру они совместятся, если каждую по отдельности картинку отцентровать, а дальше отступы нужно подбирать.

У меня вот так вышло: каждая картинка отдельно центруется, а поднимается кодом. -365px 0 400px - верх — лево-право — низ (при трехзначной записи второе число задает одновременно лево и право). Зачем 400 внизу - сама не понимаю, но без них почему-то не поднимается, тут я не сильна :nope:




2012-10-08 в 23:46 

Дани Адская Лиса
Один учитель у меня - моя принцесса Лень! (с)
"Работает - НЕ ТРОГАЙ!" :-D Получилось - и слава богу :-D
Да, я обычно этим и руководствуюсь, просто мало ли, я сижу и радуюсь, а уого-нибудь оно отображается по-страшному, я ж не могу проверить о_о

Большое спасибо за помощь! Я наверно воспользуюсь вашим кодом (тлько яне очень понимаю, как одно число может задавать и лево и право, но раз там ноль - то и ладно XD), хотя пока лучше и правда не буду трогать.

2012-11-24 в 21:03 

Snapeart
SNAPE-ART DAILY
Тайя, которая душит романтиков, а можно еще один, наверное, совсем глупый вопрос, но вдруг и это знаете, а?
Я, когда рисунки вставляю, обычно при помощи "width="..."" подгоняю их размер под размер экрана (своего, надеюсь, у большинства моих ПЧ такой же, ну и добавляю прямые ссылки на полный размер). Раньше делала это вручную, на глаз, - ставила разную эту самую ширину и прикидывала на "предпросмотре", потом корректировала. Потом (не помню, появилась эта фича в браузерах, или я это только для себя открыла) - стала ориентироваться на оптимизацию размера при просмотре по прямой ссылке, то есть открывать "Информацию об изображении" и копировать в свою запись в дайри ту ширину, которая там указана, и все было и просто, и идеально. Несколько дней назад, внезапно, делаю так и вижу, что в моей записи картинка в экран не влезает, отхватывается достаточно здоровый кусок. Иду обратно к оптимизированной картинке по прямой ссылке - все прекрасно. "Информация об изображении" показывает одинаковый размер у обеих. Одна влезает в экран, другая нет, ну и просто визуально видно, что они разные по размеру. Чтоб была "по экрану" в дайри, нужно сбросить в "ширине" писелей 30 от оптимизированной по пр. ссылке. (( Неудобно, раньше так душевно было. ( С чего так может получаться?..

2012-11-25 в 14:02 

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

2012-11-25 в 21:10 

Snapeart
SNAPE-ART DAILY
Тайя, которая душит романтиков, вот, например: mybianca.diary.ru/p182667935.htm
Делаю либо превью, как тут, и полный размер по клику, либо чуть уменьшаю картинку, чтоб вписывалась в экран (до того размера, что здесь превью). Если возьмем прямую ссылку на картинку: th09.deviantart.net/fs70/PRE/f/2010/283/a/0/sna... , откроем ее в отдельной вкладке, и включим "Информацию об изображении", появится: "984px × 812px (в масштабе 922px × 761px)" - где первые две цифры - это полный размер, а те, которые "в масштабе", соответственно, размер оптимиризованного по (моему) экрану изображения. Раньше, для того, чтобы создать смотрибельный размер картинки (вот такого большого превью, как здесь, или самостоятельного изображения без превью) у себя в дайри-записи, я списывала эти цифры - т.е. писала "width=922", и тогда размер изображения идеально вписывался в экран, как и в отдельной вкладке. Сейчас у этого изображения пришлось сделать параметры "850px × 701px", чтоб оно ВИЗУАЛЬНО вмещалось в экран. Т.е., то, что имеет одинаковый объективный размер в пикселях, по-разному выглядит в отд. вкладке и в дайри-записи. А раньше было один в один. Дизайн не меняла. Меняла винду, но это тут имеет какое-то значение? :hmm:

Вот тут еще обсуждаем важный вопрос о вставке картинок: mybianca.diary.ru/p182889186.htm — останется ли хоть каким образом вставленная картинка, если пропадет исходник. Простите, я наглею. :beg:

2012-11-25 в 22:07 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Т.е. раньше вы вставляли картинку большего размера и она влезала в экран? Даже не знаю... :nope:

Останется ли хоть каким образом вставленная картинка, если пропадет исходник - однозначно нет, ведь это ссылка оттуда, где размещена картинка, удалите исходник - останется только квадратик с вопросиком.

2012-11-25 в 23:08 

Snapeart
SNAPE-ART DAILY
Тайя, которая душит романтиков, ага! Удивительная история...

Ой мама, это ужасно. (( Интернет такая среда нестабильная, то и дело что-то падает, сносится и т.д. Как же спасаться-то... ((

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-редакторе, но получается просто картинка, а по бокам части кода.
Что я делаю не так?

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

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

главная