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

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

code:


Тут краткий пост. Бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла 



Дальше делали вот так: (мысленно убрали знаки "+")

[+more=Читать далее+]

А тут длиннющий придлиннющий пост. Бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла 

[+/more+]

Так вот я предлогаю интересную альтернативу). Может она покажется запарной для тех, кому лень работать ручками, но те кому будет интересно, можете попробовать сделать также. 
Ведь под кат мы прячем по сути только из-за большого кол-ва материала. И хотим что бы был виден маленький кусок. А вот можно сделать такую хрень, в которой находится этот пост. Я думаю много объяснять не надо всё видно и так)). Слой с прокруткой и фиксированной высотой. И даже полоску прокрутки можно раскрасить как хотите. Благо лиру поддерживает теги). И так, раз всё понятно просто поясню технические аспекты дела.

Вот исходный код:

code:


<div style="

text-align:left; 

overflow-x:hidden; 

overflow-y:scroll; 

height:450px; 

scrollbar-face-color:#00CC33; 

scrollbar-highlight-color:#FFFFFF; 

scrollbar-shadow-color:#CCCCCC; 

scrollbar-arrow-color:#00CC33; 

scrollbar-track-color:#000000; 

scrollbar-darkshadow-color:#000000; 

scrollbar-base-color:#000000;">

Ваш длиннющий пост

</div>

Пояснения:

div - это HTML тэг, как контейнер, в который можно запихать контент и оформить этот слой всякими свойствами))
Атрибуты тега div:
text-align:left - Выравнивание контента внутри слоя. В данном случае по левому краю. Варианты (left, center, right, justify)
overflow-x:hidden - Прокрутка по оси Х, то биш по горизонтали. В данном случае мы прячем горизонт. прокрутку (поддерживается в браузерах последних версий)
overflow-y:scroll - Прокрутка по оси У, по вертикали. И тут мы как раз ставим свойство - scroll (прокрутить)
height:450px - Устанавливаем фиксированную высоту нашего контейнера div. Как только контент достигнет высоты в 450 пикселей, то появится полоса прокрутки)

Раскрашиваем полосу прокрутки:
Уменя свои цвета, тут другие. В общем выбирайте цвета какие нравятся отсюда
scrollbar-face-color: #111111; <!--Цвет базы под треугольными стрелочками и самого бегунка -->
scrollbar-highlight-color: #FFFFFF; <!--Цвет внутреней обводки сверху и слева, а также тени неактивных стрелочек -->
scrollbar-shadow-color: #000000; <!--Цвет треугольных стрелочек в неактивном состоянии и внутреней обводки снизу и справа -->
scrollbar-arrow-color: #00FF00; <!--Цвет треугольных стрелочек в активном состоянии -->
scrollbar-track-color:#000000; <!--Цвет полосы прокрутки под бегунком -->
scrollbar-darkshadow-color: #000000; <!--Цвет обводки снизу и справа -->
scrollbar-base-color: #777777; <!--Цвет обводки сверху и слева -->