Знаете ли вы, что...

[kenig-dragonfly]

... можете принудительно настраивать ширину любой картинки?

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

На что администратор  quirischa заверил, что, оказывается, прописать вручную ширину любой картинки можно была всегда. Первой моей реакцией было " а так можно было?"

Пример кода:

<img src="" alt=изображение width=650>

Собственно, в код нужно добавить:
alt=название картинки ( не обязательно) width=650 .
Вместо цифр 650 можно вставить любое значение по желанию, а высота картинки подстроится автоматически

Но не тут-то было! Глянула я свой код, а у меня вообще всё по другому выглядит

Оказывается, что в настройках вот тут нужно снять галочку "Преобразовывать HTML в BB-теги", тогда вставка картинки будет выдавать обычный HTML. Суть будет та же, но уже можно будет указывать ширину.
Работает данная функция как с превью, так и с картинками


И кстати, в комментариях к этому посту рассказывают, как можно облегчить себе жизнь, прикрутив всё это на кнопочку и как прописать ещё и высоту
Ну и вообще, больше о кнопках тут

Enjoy!

Comments

[Раника]

Вместо width=650 я прописываю width="75%", тогда картинка по ширине займёт 75% ширины поста (высота подстроится), и ни в каком блоге за рамки не вылезет

[kenig-dragonfly]

Раника, спасибо! а то мне приходилось несколько раз предпросмотр жать и подгонять по размеру вручную!

[Раника]

kenig-dragonfly, на здоровье))

[Tenno Seremel]

#{Место для поста про style="max-width: 100%;"}

[kenig-dragonfly]

HarukaTenoh, а вот сейчас для меня руны и эльфийские буквицы какие-то пошли

[Tenno Seremel]

kenig-dragonfly,

<img alt="скриншот" src="https://static.diary.ru/userdir/1/9/5/6/1956721/85393870.jpg" style="max-width: 100%;"/>

↓

[Tenno Seremel]

(тут, правда, дневник своим правилом перекрывает)

[kenig-dragonfly]

HarukaTenoh, вот!!! вот теперь понятно было Спасибо

[kenig-dragonfly]

HarukaTenoh, каким правилом?

[Tenno Seremel]

kenig-dragonfly, в этом дневнике есть правило:

.paragraph img {
    max-width: 400px !important;
}

[kenig-dragonfly]

HarukaTenoh, ах, эээто))) *сделала вид, что всё поняла*

[Раника]

kenig-dragonfly, перевожу, в этом дневнике ширина картинки устанавливается в 400 пикселей максимум принудительно, независимо от прочих установок.
max-width - максимальная ширина, т.е. если ширина меньше, то будет своя, если больше, то приведётся к заданному значению
width - просто ширина, какую установишь, такая и будет, маленькую растянет, большую сузит.
То же самое для height - высоты.

[Tenno Seremel]

kenig-dragonfly, в этом дневнике кто-то написал лимит для всех картинок в постах/комментариях на всякий случай

[kenig-dragonfly]

Раника, HarukaTenoh, вот теперь поняла, спасибо)))) Я человек простой, со мной надо разжёвывать И кстати, я вроде выставляла пикселей больше 400хсот на картинке с котиком ну, когда подгоняла "предпросмотр"-ом...ну да ладно)))

[МИ.лана]

с видео из ютуба можно поступать также:

iframe frameborder="0" height="315" width="560" src="www.youtube.com/embed/sjN-NGsRg9g" scrolling="no"


меняешь 560 на 36о и получаешь "картинку" меньше

iframe frameborder="0" height="315" width="360" src="www.youtube.com/embed/sjN-NGsRg9g" scrolling="no"

[Раника]

МИ.лана, только учитывайте, что если при этом оставляете параметр height могут быть искажения. Лучше его убирать совсем

[kenig-dragonfly]

МИ.лана, пост про видео и его размеры у нас уже был, но спасибо всё равно))

[jultschik]

ха, а у меня ширина уже много лет на кнопочку прикрученa))) очень удобно)))
а вот про % не знала))

[Дейдре]

я замучилась, уменьшая вручную или через сторонние сайты...

[kenig-dragonfly]

Дейдре, вот не поверишь, я раньше в пейнте мучилась

[Дейдре]

kenig-dragonfly, поверю, я в нем тоже, когда фотошопа под рукой не было...

[kenig-dragonfly]

Дейдре, а я фотошопа боюсь)))

[Snapeart]

Спасибо, важный пост!
Я всю дорогу так пишу, сколько вообще на дайри живу, но мне удобнее было всегда высоту прописывать, а не ширину. Но! до всех экспериментов, если превью сделать поменьше, прописав высоту или ширину, а под ним поставить полный размер (именно в посте, а не открывающийся в отдельной вкладке), этот полный размер в ширину открывался полностью, перекрывая ширину поста и ленты. Это меня устраивало, хотя прямую ссылку на полный размер тоже всегда даю. Когда начались проблемы с дайри, широкие картинки сначало безжалостно резало, потом прикрутили скроллбар, что тоже не весело. Сейчас пощу картинки — и вижу новшество: полный размер подгоняется под ширину поста, высота уже на автомате подстраивается. Причем когда с gresymonkey размер ленты и поста шире, то и картинка шире, если приложение снять со страницы, то и изображение автоматом меньше.
Кто-то понимает, отчего оно и можно ли с этим что-то поделать?

[Ver/o/nika]

Кто-то понимает, отчего оно и можно ли с этим что-то поделать?

Сейчас изменили настройки отображения тега IMG: www.diary.ru/options/site/?msgtags
Большие изображения автоматически подстраиваются под ширину поста. Другая возможная опция - отображение со скроллом.
Полный размер, вылезающий за рамки поста, сейчас на дайри невозможен, по идее, если только это не баг)

[Snapeart]

Ver/o/nika, спасибо. Печально. ((

[*Bacca*]

Я как раз знала и давно уже кодом этим пользуюсь, приносила и в кнопки. Картинки - это ж то, ради чего я и дневник в свое время завела))

[Tenno Seremel]

А смысл разрывать дизайн? Делайте ссылки на картинки.

[Snapeart]

HarukaTenoh, я делаю и то и другое, мне так удобно.