Войти в систему

Home
    - Создать дневник
    - Написать в дневник
       - Подробный режим

LJ.Rossia.org
    - Новости сайта
    - Общие настройки
    - Sitemap
    - Оплата
    - ljr-fif

Редактировать...
    - Настройки
    - Список друзей
    - Дневник
    - Картинки
    - Пароль
    - Вид дневника

Сообщества

Настроить S2

Помощь
    - Забыли пароль?
    - FAQ
    - Тех. поддержка



Пишет dibr ([info]dibr)
@ 2012-07-22 21:06:00


Previous Entry  Add to memories!  Tell a Friend!  Next Entry
лайфхак
     Чтобы вам не "разносило ленту" широкими фотографиями, добавьте в стиль 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, бесплатным аккаунтам доступно). Подробнее - в комментах.

     Untitled-3


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


[info]azgar@lj
2012-07-22 14:20 (ссылка)
Буду попробовать, спсб.
Единственное, у меня в ленте 500px, там три картинки в одну строку.

И, таки да, помогло.

(Ответить) (Ветвь дискуссии)


[info]moonofnovember@lj
2012-07-22 14:45 (ссылка)
а можно простой рецепт (что/куда вписать) для человека нежелающего разбираться со стилями и прочим?

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


[info]azgar@lj
2012-07-22 14:50 (ссылка)
Я потыкался-потыкался по настройкам стилей и нашёл где-то там "custom CSS".
Вот туда и воткнул.

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


[info]moonofnovember@lj
2012-07-22 14:56 (ссылка)
На "Custom stylesheet" ссылку в комментариях дали, но там пустое поле, и что делать с FRIENDS_PAGE (http://www.livejournal.com/developer/varinfo.bml?FRIENDS_PAGE) и как же добавить нужный max-width только "в стиль friends-view" - не понял. чувствую себя идиотом :)

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


[info]dibr@lj
2012-07-22 15:14 (ссылка)
Попробуй ткнуть тупо в пустое поле с custom CSS - отдельного FRIENDS_PAGE там, похоже, действительно нет :-) У меня-то S1, там всё забавнее :-) В конце концов, если max-width будет включён во все "виды", не только во френдленту, вряд ли произойдёт что-то плохое.

...ткнёшь - расскажи, я проапдейчу пост, чтобы другие не мучались.

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


[info]moonofnovember@lj
2012-07-22 15:19 (ссылка)
Готово, кажется работает.
Вот как оно выглядит c/без хака стиля:
http://i.imgur.com/y7VTH.png

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


[info]dibr@lj
2012-07-22 15:26 (ссылка)
Ок, проапдейчу пост, чтобы другие меньше мучились :-)

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


[info]moonofnovember@lj
2012-07-22 14:28 (ссылка)
а style editor только платникам доступен?

(Ответить) (Ветвь дискуссии)


[info]thenexus6@lj
2012-07-22 14:35 (ссылка)
Вроде нет: http://www.livejournal.com/customize/options.bml?group=customcss

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


[info]barmashonok@lj
2012-07-22 14:37 (ссылка)
спасибо

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


[info]dibr@lj
2012-07-22 14:37 (ссылка)
Фиг знает, у меня-то платный, проверить сложно. Проверь - если сработает, будешь первопроходцем, расскажешь остальным :-) Что-то похожее (custom CSS, http://www.livejournal.com/customize/options.bml?group=customcss) точно есть, оно ли это - Х.З.

P.S: впрочем... вон, комментом выше - [info]azgar@lj, если верить профилю - у него базовый эккаунт, и "сработало". Значит, работает :-)

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


[info]dru4@lj
2012-07-22 15:40 (ссылка)
а я лайфакнул по-другому: купил монитор на 1920 пикселей по горизонтали -)))

(Ответить) (Ветвь дискуссии)


[info]dibr@lj
2012-07-22 15:56 (ссылка)
Ну, у меня уже два года как 1920х1200. Как-то не особо помогает, когда в сообщество (т.е. даже и не "расфрендишь" - остальные посты всё равно читать хочется) кто-то постит фотку 4000х3000px. И ведь это всего 12мп, а сейчас в мыльницах не редкость и 15, а бывает и 38мп в телефоне (та самая нокиа)...

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


[info]mc6312@lj
2012-07-22 16:27 (ссылка)
Видел я те 38 мп... если уфотошопить до 8-10, то еще как-то можно смотреть.
Чистый маркетоидный высер.

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


[info]dibr@lj
2012-07-22 16:46 (ссылка)
И я видел. С пиксельной резкостью там ситуация вполне на уровне "хреновенькой мыльницы" (что нормально для хорошего камерофона, и нереально круто для 38-мпиксельного камерафона). Фотоширота/ДД там, конечно, никакая (против физики далеко не попрёшь), и если сюжет неудачный (контрастный) - всё будет довольно печально... но так, собственно, у всех камерафонов и простых мыльниц, ничего неожиданного. Шум, кстати, на удачных сюжетах тоже терпимый.
Так чтааа... "закаты снимать" оно, конечно, не годится совсем никак (и ужатие до 8мп тут особо не поможет), но по формальным тестам разрешения (aka "снимать газету") - оно, думаю, и с многими зеркалками будет на равных конкурировать. В-общем, я был впечатлён - от камерафона я такого не ожидал никак.

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


[info]mc6312@lj
2012-07-22 17:00 (ссылка)
> с многими зеркалками будет на равных конкурировать.

Хыхыхы... Только пусть не пытается с Nikon D800 конькурировать - там фуллфрейм 36 мп.
Кстате, у нокии при 100% виде снимка оч. хорошо видно, какое там "на равных".

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


[info]dibr@lj
2012-07-22 17:15 (ссылка)
Не, ну тут-то ясно, у кого чего больше. А вот с моим 350Д, например, результат далеко не столь очевиден. А если ещё с "китовым зумом" сравнивать...

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


[info]radio_developer@lj
2012-07-22 15:48 (ссылка)
не заморачиваюсь и читаю в гридере.

(Ответить) (Ветвь дискуссии)


[info]dibr@lj
2012-07-22 15:57 (ссылка)
Вариант, но мне веб-интерфейс симпатичнее.

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


[info]radio_developer@lj
2012-07-22 16:04 (ссылка)
там еще сайтов штук 100

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


[info]starcat13@lj
2012-07-22 21:40 (ссылка)
ух ты, спасибо

идея: для тестирования добавить в этот пост картинку 2000+ по ширине :)

(Ответить) (Ветвь дискуссии)


[info]dibr@lj
2012-07-23 06:29 (ссылка)
Спасибо за идею, добавил :-)

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


[info]starcat13@lj
2012-07-23 10:22 (ссылка)
побочный эффект: на юзерпики текст наезжает.
Пошел за напильником :)

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


[info]ilmen@lj
2012-07-23 06:09 (ссылка)
а у меня юзерпики сплющивает по вертикали :)

(Ответить) (Ветвь дискуссии)


[info]dibr@lj
2012-07-23 06:22 (ссылка)
В смысле, в вертикальную полоску?
Скорее всего, в этом конкретном стиле юзерпик вложен в неудачный охватывающий элемент (скажем, "с родной шириной 0px, но тянущийся по потребности") - тогда без max-width охватывающий элемент будет растянут под юзерпик, а с max-width - наоборот, сплющится юзерпик.
Можно попытаться найти этот самый "охватывающий элемент" и исправить (если это вообще возможно, ЖЖ может и не дать так глубоко залезть), а можно вместо max-width: 100% тупо указать конкретную ширину в пикселях (max-width:1000px, если не ошибаюсь - 1000px, конечно, условная цифра). Само под размер окна подстраиваться не будет, но под конкретный размер - должно работать :-)

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


[info]azgar@lj
2012-07-23 07:42 (ссылка)
У данного хака обнаружилась неприятная особенность: размер картинки по вертикали остаётся родным.
Поэтому для слишком широких картинок не сохраняются пропорции.
Надо курить CSS на предмет атрибута, регулирующего сохранение пропорций при ресайзе.

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


[info]dibr@lj
2012-07-23 10:14 (ссылка)
Хмм. На тех картинках, на которых я проверял, пропорции сохранялись. Может быть, он так работает, когда в коде height/width для конкретной картинки указаны явно?
Но тут надо действительно вдумчиво курить css, а также создать "объект для опытов" (у меня почему-то масштабировалось ровно)...

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


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

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


[info]dibr@lj
2012-07-23 12:25 (ссылка)
И у меня хром. И сейчас покрутил размер окна у френдленты - три попавшихся больших картинки масштабировалась ровно (у одной в тэге img был указан только width, у одной - оба размера, у одной - не указано ничего).

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

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