Timofeev Oleg Vitalievich Тимофеев Олег Витальевич (timotv) wrote,
Timofeev Oleg Vitalievich Тимофеев Олег Витальевич
timotv

Оформляем цитаты, или замена lj-cut. Четыре варианта окон с вертикальной прокруткой

Для замены лж-ката, а также для оформления цитат есть два варианта с вертикальным скроллингом. Они похожи, но разница есть.

Вариант 1
Ширина окна автоматическая (т.е. по максимуму), а высота задаётся в HTML-коде. Вот как это выглядит:
Когда владыка через несколько дней приехал и вошел в комнату старухи, он держал в руках крест-мощевик с частицей Честного Креста Господня. В комнате было много народу, Ванга сидела в глубине, что-то вещала и не могла слышать, что еще один человек тихо вошел в дверь. Уж, во всяком случае, она не могла знать, кто это. Вдруг она прервалась и изменившимся – низким, хриплым – голосом с усилием проговорила: «Сюда кто-то зашел. Пусть он немедленно бросит на пол ЭТО!» «Что «это»»? – спросили у Ванги ошеломленные окружающие. И тут она сорвалась на бешеный крик: «ЭТО! Он держит ЭТО в руках! ЭТО мешает мне говорить! Из-за ЭТОГО я ничего не вижу! Я не хочу, чтобы ЭТО было в моем доме!» – вопила старуха, суча ногами и раскачиваясь. Владыка развернулся, вышел, сел в машину и уехал.

А вот код этой бодяги:
<div style="height:100px;overflow:auto;background-color:#e6e6fa;padding: 0px 8px;">Здесь текст
</div>
Впрочем, ширину тоже можно здесь установить какую надо, добавив еще один параметр типа width:
<div style="height:100px;width:300px;overflow:auto;background-color:#e6e6fa;padding: 0px 8px;">Здесь текст
</div>
В результате получим:
Когда владыка через несколько дней приехал и вошел в комнату старухи, он держал в руках крест-мощевик с частицей Честного Креста Господня. В комнате было много народу, Ванга сидела в глубине, что-то вещала и не могла слышать, что еще один человек тихо вошел в дверь. Уж, во всяком случае, она не могла знать, кто это. Вдруг она прервалась и изменившимся – низким, хриплым – голосом с усилием проговорила: «Сюда кто-то зашел. Пусть он немедленно бросит на пол ЭТО!» «Что «это»»? – спросили у Ванги ошеломленные окружающие. И тут она сорвалась на бешеный крик: «ЭТО! Он держит ЭТО в руках! ЭТО мешает мне говорить! Из-за ЭТОГО я ничего не вижу! Я не хочу, чтобы ЭТО было в моем доме!» – вопила старуха, суча ногами и раскачиваясь. Владыка развернулся, вышел, сел в машину и уехал.


Вариант 2 (модификация варианта 1) - рекомендую для цитирования текстов из внешних источников! Сам постоянно пользуюсь этим вариантом.
Когда владыка через несколько дней приехал и вошел в комнату старухи, он держал в руках крест-мощевик с частицей Честного Креста Господня. В комнате было много народу, Ванга сидела в глубине, что-то вещала и не могла слышать, что еще один человек тихо вошел в дверь. Уж, во всяком случае, она не могла знать, кто это. Вдруг она прервалась и изменившимся – низким, хриплым – голосом с усилием проговорила: «Сюда кто-то зашел. Пусть он немедленно бросит на пол ЭТО!» «Что «это»»? – спросили у Ванги ошеломленные окружающие. И тут она сорвалась на бешеный крик: «ЭТО! Он держит ЭТО в руках! ЭТО мешает мне говорить! Из-за ЭТОГО я ничего не вижу! Я не хочу, чтобы ЭТО было в моем доме!» – вопила старуха, суча ногами и раскачиваясь. Владыка развернулся, вышел, сел в машину и уехал.
Код:
<blockquote><div style="height:100px;overflow:auto;background-color: #e6e6fa;padding:0px 8px;">Здесь текст</div></blockquote>

Далее приведу пару вариантов, которые годятся только для цитирования текста, не имеющего никакого оформления, в т.ч. шрифта. 

Вариант 3
Высота и ширина текстового окна регулируется не только в процессе задания HTML-кода, но и в готовом сообщении:



А вот код этой бодяги:
<textarea rows="9" cols="90" style="background-color: #e6e6fa;">Здесь текст</textarea>

У такого способа цитирования есть один недостаток - нельзя использовать оформление текста, т.е. никакие тэги внутри тэга <textarea></textarea> не работают. Поэтому данный вариант не является полноценной заменой lj-cut, в отличии от предыдущих  вариантов.

Вариант 4 (модификация варианта 3)
Код:
<blockquote><textarea rows="9" cols="90" style="width: 744px; height: 167px; background-color: #e6e6fa;">Здесь текст</textarea></blockquote>

У такого способа цитирования, так же, как и у варианта 3, есть существенный недостаток - нельзя использовать оформление текста, т.е. никакие тэги внутри тэга <textarea></textarea> не работают.

Напомню, что для цитирования текстов из ЖЖ, удобнее использовать Постоксерокс от bukva
Tags: ! полезности для ЖЖ, livejournal
Subscribe
  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 3 comments