О разрывах шаблона

[gegmopo4]

Иногда кто-то в посте или френдленте размещает преформатированный текст (<pre>). Часто это бывает по делу (текст программы или сворматированный вывод), иногда по глупости ошибке. Беда в том, что такой текст может неограниченно распереть френдленту или комментарии, вместе с этим и остальные посты и комментарии вытягиваются в одну строчку, что делает их совершенно нечитаемыми.

Решение — при необходимости включать прокрутку только для этих элементов. За это отвечает свойство CSS overflow:auto. Откройте настройку стилей вашего журнала, добавьте в поле Custom stylesheet строчку:

pre {overflow:auto !important;}

Вуаля! Теперь в вашем блоге (если просматривать в его родном стиле) можно безопасно публиковать преформатированный текст. В безопасности и ваша френдлента. И другие блоги, которые вы будете просматривать в своём стиле (?style=mine) не разлезутся.

Но это в основном для удобства других. Для себя же лучше настроить ещё и браузер, добавив эту строчку в пользовательские стили. У Firefox-а для этого есть расширение Stylish, Chromium тоже предлагает несколько аналогов (не знаю, какой из них рабочий), в Opera и Konqueror можно просто указать таблицу стилей во внешнем файле.

Можно аналогичное указать и для img, ведь ленту распереть может и от слишком большого фото. Или же указать:

img {max-width:100% !important;}

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

Здесь нет ничего интересного, это просто длинная-длинная-длинная, да, очень длинная строка, чтобы проверить, как у вас это будет работать (да, я включил это в настройках своего журнала), если сработает — появится горизонтальная полоса прокрутки, а если не сработает, то вашу ленту разопрёт неимоверно и вы произнесёте нехорошие слова в мой адрес, которые я не хочу услышать. Что бы ещё написать, а то строчка не достаточно длинная получилась? Алфавит? ASCII-таблицу? Главу из «Воны и мира» (нет, вся глава не влезет, есть ограничения на объём)? Да ладно, хватит и этого. О, вы дочитали до этого места?! Или просто проскроллили до конца? ;)

P. S. Есть и другие способы испортить ленту. Можно просто вставить длинную неразрывную строку (например, URL). Поэтому стоит ещё добавить следующее:

.entry,.talk-comment,.asset {overflow:auto !important;}

После этого, если какая-то запись или комментарий и вылезут за разумные границы, то проблемы будут только у них, а не у соседей. К сожалению, в разных стилях журнала имена стилей могут отличаться, поэтому это не везде сработает. Следует дополнять этот список.

P. P. S. Всё же изменение стиля просмотра комментариев оказалось доступным только платникам. Ну что ж, настройка браузера зато работает всегда.

P. P. P. S. Не во всех стилях и не во всех браузерах это работает. Firefox 3.6 и Opera 11 не работают ожидаемо на этот странице, а в некоторых стилях с разрывом не справляется никто. Поэтому совет первый: обновите браузер. Если это не подходит, то добавьте в пользовательские стили браузера ещё и что-то вроде этого:

pre {max-width:50em;}

Ну и в стили журнала, если используется тема, в которой иначе всё расползается (в моей — не расползается). Можно указать другое число, по вкусу.

Comments

спасибо. Сам не дошёл. (-)

[qkowlew.livejournal.com]

.

Пожалуйста. (-)

[gegmopo4.livejournal.com]

[slobin.livejournal.com]

Не работает. Более того, есть ощущение, что и не должно. Работает что-то вроде

pre {width: 50em; }

, где ширина подобрана экспериментально; а как указать ширину "такую, как если бы тебя здесь не было", я вообще не сумел понять. Описание CSS утверждает, что форматирование вроде бы происходит сверху вниз, и внутренние элементы теоретически вообще не могут "распереть" внешние (могут вылезти за их границы, но не "распереть"). А на практике фигня какая-то. :-(

... Каждый человек по своему прав. А по моему нет. ...

[alexander-mikh.livejournal.com]

ни работает. хотя мысля хорошая.

[gegmopo4.livejournal.com]

Хм, действительно, при просмотре комментариев стили журнала не учитываются. Только для платников. Но собственная лента и френдлента спасены.

[gegmopo4.livejournal.com]

Не работает при просмотре комментариев. :( Но если настроить свой браузер — работает.

the easiest alternative :-P

[dimadams.livejournal.com]

расфрендил
прочитал ленту
зафрендил

[slobin.livejournal.com]

Не, я имею в виду -- именно при указании в своём браузере не работает.

... Free As In Love ...

Re: the easiest alternative :-P

[gegmopo4.livejournal.com]

Последнее не обязательно. ;)

Но это если в собственной френдленте. А если нужно прочитать чужой пост, а там такое?

[gegmopo4.livejournal.com]

Браузер — Опера? Да, в ней почему-то с этим проблемы. И давно, я так понимаю.

[slobin.livejournal.com]

Файрфокс, однако. 3.6.16

... Беспредел Шеннона ...

[gegmopo4.livejournal.com]

Старьё! ;) Обновись до 4.0.

[slobin.livejournal.com]

Есть сильное подозрение, что я сменю религию и обновлюсь до Хрома. ;-)

... Шестикрылый серафим на перепутье ...

[gegmopo4.livejournal.com]

А у меня в лента работает?

[gegmopo4.livejournal.com]

Firefox 4 выглядит интереснее 3-го. Быстрее, красивее, больше модных штучек поддерживает. И всё ещё намного настраивамее Хрома.

Для Хрома ищи файл .../Default/User StyleSheets/Custom.css.

[slobin.livejournal.com]

Работает. То есть, как я и подозревал, кардинально зависит от объемлющего стиля. Интересно, можно ли что-нибудь заимствовать из твоего стиля и прописать мне в Custom CSS, чтобы тоже заработало, но при этом общий вид ленты не изменился? А то привык я к своему...

... Яичница - это божий дар ...

[gegmopo4.livejournal.com]

Не знаю, попробуй. В Firefox4, Chromium и Konqueror и эта страница выглядит нормально (с настройками браузера), независимо от окружения.

[gegmopo4.livejournal.com]

Нет, мне не удалось усмирить твою ленту. Тут нужен настоящий сварщик.