dibr: лайфхак

лайфхак
     Чтобы вам не "разносило ленту" широкими фотографиями, добавьте в стиль friends-view строчку img { max-width:100%; } (там в редакторе стиля примерно понятно, куда добавлять - между <style> и </style> в поле FRIENDS_PAGE. Могу показать где оно для системы S1, для S2 - не знаю, у меня S1).
     upd: как я понял, в S2 нужно ткнуть эту строчку в пустое поле в "custom CSS" (http://www.livejournal.com/customize/options.bml?group=customcss, бесплатным аккаунтам доступно). Подробнее - в комментах.

(Читать комментарии) - (Добавить комментарий)

azgar@lj
2012-07-23 07:42 (ссылка)

У данного хака обнаружилась неприятная особенность: размер картинки по вертикали остаётся родным.
Поэтому для слишком широких картинок не сохраняются пропорции.
Надо курить CSS на предмет атрибута, регулирующего сохранение пропорций при ресайзе.

(Ответить) (Уровень выше) (Ветвь дискуссии)

dibr@lj
2012-07-23 10:14 (ссылка)

Хмм. На тех картинках, на которых я проверял, пропорции сохранялись. Может быть, он так работает, когда в коде height/width для конкретной картинки указаны явно?
Но тут надо действительно вдумчиво курить css, а также создать "объект для опытов" (у меня почему-то масштабировалось ровно)...

(Ответить) (Уровень выше) (Ветвь дискуссии)

	azgar@lj 2012-07-23 11:44 (ссылка)
	Возможно, ещё зависит от моторчика. У меня Хром. (Ответить) (Уровень выше) (Ветвь дискуссии)

dibr@lj
2012-07-23 12:25 (ссылка)

И у меня хром. И сейчас покрутил размер окна у френдленты - три попавшихся больших картинки масштабировалась ровно (у одной в тэге img был указан только width, у одной - оба размера, у одной - не указано ничего).

Но в хроме же отладчик есть - inspect element по правой кнопке на картинке! Там можно посмотреть и кусок кода, и все стили и аттрибуты (прямо указанные и унаследованные) - и попытаться понять, почему не работает.

(Ответить) (Уровень выше)

(Читать комментарии) -